是通过Javascript或jQuery Worth试图隐藏内容

Question

我可以在css中使用display:none;来隐藏内容。但我在许多网站上看到谷歌不喜欢display:none;。我真的需要这个因为jQuery动画 现在我找到了通过Javascript / jQuery隐藏内容的新方法。

$(this).css({display:'none'});

这比display:none;更好吗？这是Google友好吗？ 这是fiddle

Answer 1

Google提供了一些指导原则，您可以遵循这些指南来保护您的网站安全：

https://support.google.com/webmasters/answer/35769

请注意，Google僵尸程序现在可以理解并执行网页上的基本JavaScript，以查看用户实际可以看到的结果：

https://support.google.com/webmasters/answer/81766?hl=en

以下是隐藏文字或链接的摘要：https://support.google.com/webmasters/answer/66353

  

隐藏内容中的文字或链接以操纵Google的搜索   排名可能被视为具有欺骗性，并且违反了Google的规定   网站站长指南。 文字（例如过多的关键字）即可   隐藏在几个方面，包括：

     

  
• 在白色背景上使用白色文字查找图像背后的文字
  
• 使用CSS在屏幕外定位文本将字体大小设置为0
  
• 仅通过链接一个小字符来隐藏链接 - 例如，段落中间的连字符
  

Answer 2

对我来说，主要的问题是，如果你在css中隐藏它然后使用javascript来显示它，没有启用javascript的访问者将无法查看内容。使用$(this).css({display:'none'});隐藏内容将确保默认显示未启用javascript的用户。

这个问题经常出现，试图避免出现无格式内容。良好的讨论和解决方案在http://www.learningjquery.com/2008/10/1-way-to-avoid-the-flash-of-unstyled-content

提供

Answer 3

使用CSS显示：对于谷歌来说，无效。 SEO方式不会为您提供任何好处，SEO-明智 这是一个例子：http://seotesttool.com/blog/does-the-google-bot-index-css-hidden-divs/

然而，如果您隐藏内容（通过这些方法中的任何一种）仅仅是为了欺骗谷歌...关键字填充，垃圾链接等等，那么问题就出现了。那么您可能会受到惩罚并从Google中删除索引所有在一起，您将不得不通过手动过程来修复您的网站，并等待它被验证和重新添加。因此，只要你没有计划这种方案，并且你只是正常隐藏/显示用户友好的内容，你就可以了。

Answer 4

据我所知，搜索蜘蛛和屏幕阅读器无法读取display: none;块内的内容。如果你使用javascript来隐藏它（即使是通过.css()或.hide()方法），你会在蜘蛛抓取网页后隐藏它。

缺点是在js加载之前可能还有一个闪存，你可以看到隐藏的内容。如果您希望计算机读取您的内容，请尝试使用.visuallyhidden convention。