用于CSS和JS的SEO隐藏/显示

时间:2011-12-11 07:51:48

标签: css seo show-hide

我们正在为学术机构建立一个网站。该机构提供了许多主题,我们不希望在主页上一次显示所有这些主题。因此,我们设计了一个主页,显示了两个主要类别的研究,点击一个类别将显示一个div,其中包含该类别中的主题列表。

我们的客户担心这些div在页面加载时被隐藏的SEO。他的担忧是否正确?

3 个答案:

答案 0 :(得分:3)

这取决于你如何隐藏它们,如果你使用z顺序或最左边的屏幕位置,它们仍将被谷歌机器人读取。如果您使用display none或hidden,那么它可能会对您的SEO产生影响。

答案 1 :(得分:2)

你有理由担心。 Google会计算一些或显着减少页面加载时未显示的内容。我建议让文本显示在加载,然后将其设置为通过JavaScript显示无。这样搜索引擎就可以选择它。

您可以使用这样的简单jQuery hide代码段执行此操作:

<p class="remove">Text displayed on load.</p>

$j(document).ready(function(){
     $('.remove').hide();
});

答案 2 :(得分:2)

我读过罗杰·约翰逊on this subject的一篇文章,似乎结论是,只要意图不是仅向搜索引擎显示内容,隐藏就是精细。我没有看到任何提及更喜欢隐藏在另一方面的方法。

此外,在该帖子的评论中,有an answer by a Google worker的链接说:

  

仅使用display:none不会自动触发惩罚。关键是是否存在一种机制 - 自动或用户调用的机制 - 使内容可见

在我的情况下,当然会有这样一种机制,因为我们希望我们的用户看到那些内容,而不是在页面加载......