使用 Javascript 解决 SEO 问题答案

【问题标题】：Using Javascript to get around SEO concerns使用 Javascript 解决 SEO 问题
【发布时间】：2010-08-30 21:56:02
【问题描述】：

我想知道在哪个阶段可以开始使用 Javascript 操作 HTML 元素/内容以免损害 SEO？

我在某处读到，使用 CSS 属性 display:none 隐藏的 HTML 内容通常会受到 Google 爬虫的惩罚，这有充分的理由让我相信......我问这个是因为我打算有一些最初隐藏的 div 面板，但一旦用户单击适当的链接就会显示。因此，我的意图不是完全向用户隐藏内容——只是为了给他们更好的用户体验——我担心谷歌可能不会这么看！

我这样做的原因是为了防止在我的 Javascript 进入位置、隐藏和整理所有内容之前，出现可怕的无样式 html 元素（定位）的瞬间（或者在某些情况下，整整 2 秒）。因此，在最前面添加 display:none，然后使用 Javascript 切换可见性本来是理想的，但显然是谷歌搜索引擎机器人的禁忌。

各位专家有什么建议吗？谢谢！

【问题讨论】：

我怀疑你会绕过显示：没有问题，因为它相当于使文本颜色与背景颜色相同。了解您要隐藏的内容类型会有所帮助。是段落吗？链接？等
这是一个 div 块元素，包含段落、图像，可能还有一两个文本框。
既然是你网站的核心内容，那么一点点用户体验的收获不值得放弃SEO。您有两件事对您不利：1.您想要动态加载的内容：请参阅“SEO 和 Ajax”以了解问题的一般概念，2.您违反了搜索引擎索引内容的规则。在 Ajax 的情况下，搜索引擎最终会弄清楚如何索引它。在您的情况下，他们总是会讨厌隐藏的内容。使用延迟计时器显示内容可能更智能，但您应该研究该选项是否对 SEO 友好。我也有兴趣看到解决方案
我不确定您所做的是否真的有问题，因为爬虫可以通过链接访问内容。我认为当从用户的角度来看，当有一块内容被隐藏并且爬虫无法访问时，会受到更大的惩罚。
实际上，它实际上是通过 Ajax 方法或类似方法动态加载的——它只是原始 HTML 标记中存在的内容，只需要在页面开始呈现之前隐藏。然后在其父鼠标悬停或鼠标单击时显示。

标签： css seo search-engine-bots

【解决方案1】：

google 现在可以使用简单的 URL 替换技巧来抓取 AJAX 网站；您也许可以利用这一点让 googlebot 看到页面的纯 html 版本以进行索引，而不是您的负载优化页面；见http://code.google.com/web/ajaxcrawling/docs/getting-started.html

【讨论】：

【解决方案2】：

如果有问题的内容存在于 html 中的页面上，并且在页面最初完成加载时用户可以访问，那么您就可以了。您希望确保 google 可以引导用户访问您的页面并查看相关内容，而无需进一步交互。在初始加载后向 html 添加新内容（即来自服务器的内容）可能会给 SEO 带来问题。但是，如果在页面加载结束时所有内容都在 html 中，那么您不应该停靠。请记住，良好的 SEO 策略要求使用标准的可用性方法，以便网络爬虫可以访问您的内容。

此外，每个页面都应遵循内容主题。示例：不要通过在一个页面上隐藏五个不同的不相关内容块“医疗设备、卡祖笛、最佳食客、摩托车、有毒废物”来滥用用户。从理论上讲，您可以使用 javascript 将您网站的所有内容放在一个页面上，然后“display:none”等待“onClick”，但这闻起来像垃圾邮件。

编辑，与原始问题有关的附加信息：动态显示内容的搜索引擎友好方式是加载内容，然后对用户隐藏。

【讨论】：