jquery load() 和 SEO - 有人得到了不错的答案吗？答案

【问题标题】：jquery load() and SEO - anyone got a decent answer?jquery load() 和 SEO - 有人得到了不错的答案吗？
【发布时间】：2011-04-11 05:32:32
【问题描述】：

我网站的许多方面都是动态的。我正在使用 jquery。

我有一个 div，一旦 DOM 准备好，它就会使用 load() 填充。

然后如果一个按钮被点击，再次使用 load()，这个值被另一个值替换。

这种设置在我的网站上很常见。我的主页本质上是大量动态加载、刷新和可更改的内容。

这对 SEO 有什么影响？

我见过使用 load() 加载每个页面然后使用动画函数显示的网站...看起来很棒！

以前有人提出过这个问题，但没有人正确回答。

所以有什么想法吗？ JQUERY 和 SEO？？

谢谢

编辑

非常有趣的观点。我不想让我的网站过度使用 jaascript.. 只是为了让它看起来不错 - 我的主页是一个值得关注的地方。

所以当 DOM 就绪时，它会将内容加载到 div 中。单击选项卡时，此内容会更改。 IE没有JS，没有内容。

对我来说，这里的美妙之处在于，没有重复的代码。这里的建议是我应该简单地“打印”一些默认内容，然后如果 JS 被禁用，则将标签链接到页面（具有相同内容）。 I.E 为 SEO 牺牲一点重复代码？

就降级而言，我唯一关心的其他地方是同一页面上的标签。我有 3 个 div，都包含内容。在此页面上，两个 div 被隐藏，直到单击一个选项卡。在开始玩 JS 之前，我首先使用了这种方法。是否最好加载（）这些选项卡，然后将选项卡按钮链接到从中提取内容的位置？

谢谢

【问题讨论】：

标签： jquery seo load

【解决方案1】：

不会抓取通过 JavaScript 加载的任何内容。

常见且正确的方法是使用Progressive Enhancement：所有链接都应该是正常的<a href="...">，指向实际页面，这样您的网站对搜索蜘蛛“有意义”；并且click() 事件使用load() 覆盖了正常功能，因此启用了 JavaScript 的普通用户将看到您网站的“增强”版本。

【讨论】：

这是一种实现方式：如果您有子页面 A、B 和 C，则链接将指向“/A.html”、“B.html”和“C” .html”，但 .load() 函数将从“/ajax/A”、“/ajax/B”和“/ajax/C”中提取。这样，您可以准确修改静态版本和动态版本之间的内容差异（即，动态版本不需要标题和内容）或者您可以使用 jquery 加载“页面片段”，如load('/A.html #container')（
或者，在我看来更简单，使用 jQuery Ajaxify 插件 plugins.jquery.com/project/jquery-ajaxify>

【解决方案2】：

如果您的内容在关闭 JavaScript 后仍可导航，那么您将是让搜索引擎可见的好方法。

请注意，搜索引擎爬虫不会在您的网站上提交任何表单，因此如果您有任何或元素要在您网站的内容页面之间导航，则搜索引擎无法导航该内容。

【讨论】：

【解决方案3】：

以下是如何让 Google 抓取使用 ajax 加载的内容的指南：http://code.google.com/web/ajaxcrawling/docs/getting-started.html

【讨论】：

【解决方案4】：

我使用 jquery load() 异步页面加载。它极大地改善了用户体验，但对 seo 不友好。这是迄今为止我找到的唯一解决方案：

在第一次加载时，我不使用 jquery load() 并尝试使用 javascript.document.cookie = 'checkjs=on';
在下一页加载时，如果 php 脚本找到此 cookie，则表示启用了 javascript，并且可以使用 jquery load()。如果没有这样的 cookie，则 javascript 已关闭（可能是蜘蛛出现了），因此不使用 jquery load()。

if (!$_COOKIE['checkjs'] || $_COOKIE['checkjs']!='on'){echo 'js 已关闭，你好 Google！'; } else {echo 'js 开启，可以使用 jquery 加载';}

通过这种方式，我可以确定大多数用户都可以从异步页面块加载中受益，除了第一次加载。蜘蛛也可以获取所有内容。

在您的情况下，您可以使用使另一个选项卡处于活动状态的新参数加载同一页面。蜘蛛会很开心的。

【讨论】：