锚定 AJAX 和 SEO 解决方法？

Question

你们都知道如何使用 300 毫秒触发器来构建 AJAX 站点，用于检查 URL 中的锚点（哈希链接），然后使用 AJAX 加载正确的页面。但是，这些锚链接对搜索引擎来说毫无意义=（

我想过采取某种解决方法。所有JS代码保持不变，但是，这个小东西（我使用JQuery，抱歉）：

$('a').live("click",function(){
    var lnk = $(this).attr("href");
    document.location.hash = lnk;
    return false;
})

然后，你替换您在正文中使用纯链接锚定链接，为非 javascript 用户和搜索引擎构建相应的纯页面（仍包含所有 JS 代码），对于普通访问者，您会将纯链接即时转换为哈希值并立即加载 AJAX 内容。那些试图加载通过搜索引擎找到的某些页面的人 - 他们会的，之后访问者将继续使用 ajax 导航......以某种方式（记住，那些简单的直接页面仍然包含 JS 代码）

。确定我的假设是正确的吗？

更新： 不好的是，当用户直接输入 /portfolio 地址时，他会继续< em>/portfolio#contacts 或类似的 URL，虽然不太漂亮，但仍然有效（我的意思是 /portfolio#contacts 会显示联系人）。

Answer 1

这似乎不是一个好的方法，主要是因为您最终会为每个链接的 click 事件触发该函数，即使是那些您不这样做的链接 em> 希望使用 AJAX 方法加载内容，例如指向其他站点或 javascript:... 的链接。

如果您将所有 AJAX-y 链接放在同一个类下或使用另一个属性来区分它们，然后调整您在那里使用的 jQuery 选择器，那么它将起作用，并且这将是一个很好的方法，因为它不仅SEO 友好，但它也提供优雅的降级，也就是说，即使您的用户在不允许 JavaScript 的环境中运行，他们仍然能够访问内容。

除此之外，如果 SEO 是您唯一关心的问题，您可以在网络上搜索 sitemap.xml 文件是什么以及如何使用它。维基百科有一篇关于它的文章可能值得一读。

Answer 2

听起来很不错...只是我建议您的 300 毫秒计时器上的回调也可以在上面的事件中调用，这样您在单击链接时就会立即得到结果（并且用户也可以转到地址栏中的链接）并获得相同的效果）

Answer 3

嘿，伙计，您可能想看看 jQuery Ajaxy。它将网站优雅地升级为丰富的 ajax 应用程序，因此您的网站仍然适用于 SEO 和 Javascript 禁用的用户。

您可以在此即将推出的网站中看到此功能的实际应用。请注意，所有链接与网站不是 Ajax 应用程序时的链接相同 - 并且如果您右键单击并在新窗口中打开，它们仍然有效！

此功能在其演示页面中有详细解释。您还可以在那里找到其他示例和使用说明：
http://www.balupton.com/sandbox/jquery-ajaxy/demo/< /a>

总体而言，它的使用非常简单明了（特别是考虑到它允许您做什么！），而且支持非常棒。