Ajax Crawling：旧方式与新方式（#！）答案

【问题标题】：Ajax Crawling: old way vs new way (#!)Ajax Crawling：旧方式与新方式（#！）
【发布时间】：2011-05-09 12:15:21
【问题描述】：

老办法

当我过去在需要内容被搜索引擎索引的项目中异步加载页面时，我使用了一种非常简单的技术，那就是

<a href="page.html" id="example">Page</a>
<script type="text/javascript">
    $('#example').click(function(){
        $.ajax({
            url: 'ajax/page.html',
            success: function(data){
                $('#content').html(data);
            }
        })
   });
</script>

编辑：我曾经实现 haschange 事件以支持 javascript 用户的书签。

新方式

最近 Google 提出了 ajax 抓取的想法，请在此处阅读：

http://code.google.com/web/ajaxcrawling/

http://www.asual.com/jquery/address/samples/crawling/

基本上他们建议将“website.com/#page”更改为“website.com/#!page”并添加一个包含该片段的页面，例如“website.com/?_escaped_fragment_=page”

使用新方法有什么好处？

在我看来，新方法似乎比我之前以简单的方式所做的事情增加了更多的工作和复杂性：我设计了网站在没有 ajax 的情况下工作，然后我添加了 ajax 和 hashchange 事件（以支持后退按钮和书签）在最后阶段。

从 SEO 的角度来看，使用新方式有什么好处？

【问题讨论】：

标签： ajax jquery seo

【解决方案1】：

这个想法是让 AJAX 应用程序可抓取。根据 HTTP 规范，无论片段标识符（哈希标记之后的部分）如何，URL 都引用同一个文档。因此搜索引擎会忽略片段标识符：如果您有指向www.example.com/page#content 的链接，爬虫将简单地请求www.example.com/page。

在新方案中，当您使用#! 表示法时，爬虫知道该链接指向其他内容。爬虫将 URL 转换为另一个（丑陋的）URL，并从您的 Web 服务器请求它。 Web 服务器应该使用代表 AJAX 内容的静态 HTML 进行响应。

编辑关于最初的问题：如果你已经有静态页面的常规链接，那么这个方案对你没有帮助。

【讨论】：

【解决方案2】：

优势并不真正适用于您，因为您使用的是渐进增强。新的 Google 功能适用于完全用 Javascript 编写的应用程序，因此爬虫无法读取这些应用程序。我认为你不需要在这里做任何事情。

【讨论】：

【解决方案3】：

我认为谷歌更容易确保您没有使用重复的内容。我在 url 中包含 foo/#/bar.html 之类的哈希并将其传递给永久链接结构，但我不太确定 google 是否喜欢。

不过是个有趣的问题。 +1

【讨论】：

Google 声明它不会索引这些片段。我在我的投资组合中实现了相同的东西，在做 site:nemesisdesign.net 时，我只得到正常的 url。检查网站管理员中心时，我没有收到任何内容重复警告。

【解决方案4】：

我认为，它背后的想法是 Javascript 用户也可以为页面添加书签。如果您查看您的“旧”方法，它只是替换页面上的内容；无法复制 URL 以向其他人显示当前状态的页面。

因此，如果您实现了新的 #! 方法，则必须确保这些 URL 通过 Javascript 指向正确的页面。

【讨论】：