CSS和JS的SEO隐藏/显示

我们正在为学术机构建立网站。该机构提供了许多科目，我们不希望在主页上一次性显示所有科目。因此，我们设计了一个主页，显示两个主要类别的研究，点击一个类别将显示与该类别的主题列表的div。那些div的正在对页面加载隐藏CSS和JS的SEO隐藏/显示

我们的客户是担心SEO明智的。他的担心是否正确？

来源

2011-12-11 Lea Cohen

我读到罗杰·约翰逊on this subject的文章，似乎结论是，只要意图 ISN” t只显示搜索引擎的内容，隐藏是好的。我没有看到任何提到更喜欢隐藏另一种方法的方法。

此外，在这篇文章的评论有一个链接到an answer by a Google worker谓曰：

仅仅使用显示：无不会自动触发一个点球。关键是，是否有一种机制 - 无论是自动还是一个由用户调用 - 使可见

内容在我的课程的情况下，会出现这样的机制，因为我们要我们的用户看到的内容，只是不在页面加载...

来源

2011-12-12 06:43:10

这取决于你如何隐藏他们，如果你使用的z顺序，否则将仍然由谷歌机器人可以读取远离开屏幕位置。如果您使用display none或hidden，那么它可能会影响您的搜索引擎优化。

来源

2011-12-11 07:57:37

谢谢，史蒂夫。你有这个数据所依据的来源吗？ –

@LeaCohen没有脱离我的头，但Google隐藏搜索内容和搜索引擎优化的快速搜索应该提供答案。这种隐藏内容的方法也提供了更好的可访问性。 –

我其实做了搜索，并没有找到这样的资源。我发现我写的[这里]（http://stackoverflow.com/a/8470773/278） –

你是对的关心。 Google会统计一些或显着减少在网页加载时未显示的内容。我建议让文本在加载时显示，然后将其设置为不通过JavaScript显示。这样搜索引擎就会选择它。

你可以用一个简单的jQuery hide片段这样做：

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

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

来源

2011-12-11 08:43:53

谢谢，灰。你认为可以调用'$（'。remove'）。hide（）;'onready？或者对于Google来说太快了？ –

@LeaCohen竞争条件（Google bot会在隐藏它们之前看到我的链接）是为什么我建议使用最左边的位置隐藏它们，这完全避免了这个问题。 –

好主意Lea，只是用jQuery准备好了JavaScript。史蒂夫提到了左边的定位，比如text-indent：-9999px;和位置：绝对;但是这是可选的。 Google会'可选'抓取JavaScript，因此使用JavaScript方法可能会有优势。但这是一个意见问题。这样，没有JavaScript的人仍然可以获得帮助文本。不要相信有传言说绝对定位在显示上有优势：无。十年前，但不是今天。谷歌很聪明，能够发现它们都有相同的用途。 –

CSS和JS的SEO隐藏/显示

回答

相关问题