要散列还是不散列？

Question

我正在开发一个新网站，我想尽可能多地使用 AJAX。基本上，我希望用户几乎永远不会离开主页，而是让所有内容都显示在弹出窗口、滑块、部分等中。

现在我们现有的网站已经排名很高，所以我也想让 Google 满意。我一直在阅读 Google 的 Making AJAX Applications Crawlable 并了解我必须通过 _escaped_fragment_ 为爬虫提供相同的内容。

问题
我想使用 Umbraco 开发这个网站，它已经提供了对 SEO 友好的 URL。 即

• http://www.domain.com/about-us.aspx
• http://www.domain.com/about-us/our-team.aspx

但问题是我没有一种简单的方法来实现 _escaped_fragment_ 不破解 Umbraco 核心（至少这是我的知识），并使用我在下面发布的解决方案（答案）也会让没有 Javascript 的用户满意。双赢局面？你告诉我！ =)

更新
昨天另一位用户（现已删除）的回答建议 Google 不再使用 _escaped_fragment_ 方法，并建议将其排除在外。这是真的？ Google 真的会运行 AJAX 来查看内容吗？

谢谢
马尔科

Answer 1

使用 jQuery BBQ 并在页面顶部使用 js 函数来检查是否有有效的哈希，如果有，则重定向到页面。

Answer 2

您是否也考虑过使用 HTML5 历史会话管理？

这样您就不必在 newer browsers 中使用哈希值，这样用户就不会注意到任何事情。

有点简化，你会做这样的事情：

编辑：更新示例。

function route(path) {
    $.get(path, function(data) {
        //parse data
    });
}

if (typeof history.pushState !== 'undefined') 
{
    $(window).bind('popstate', function(e)
    {
        route(window.location.pathname);
    });
    $('a').click(function(event) {
        event.preventDefault();
        history.pushState({},'',this.href);
    });
} else {
    $(window).bind('hashchange', function(e)
    {
        route(window.location.hash);
    });
    $('a').click(function(event) {
        event.preventDefault();
        $(this).attr('href', '/#'+$(this).attr('href'));
    });
}

Answer 3

我听取了 @Daniel Pryden 的评论中的建议，并将其作为答案发布。

我曾考虑过这个问题并想——为什么不以老式方式创建网站、实际页面和所有内容，然后执行以下步骤。

1. 使用jQuery拦截首页所有内部链接，并在window.location.pathname前添加一个井号(#)，从而触发hashchange事件。 （见第 3 步）
2. 在除主页之外的所有页面上添加 javascript 重定向以将页面重定向回主页，但在哈希 (#) 后附加 window.location.pathname。例如，Google 抓取了http://www.domain.com/about-us.aspx，但是当用户访问该页面时，他们被重定向到http://www.domain.com/#/about-us.aspx
3. 在主页上，使用 jQuery BBQ 或类似插件来监听 hashchange 事件，包括页面何时加载，以便加载动态内容。 Umbraco 可以配置为根据请求是否为 AJAX 来提供部分或完整页面内容。

这样，没有 Javascript 的用户将拥有一个成熟（半好看）的网站，Google 将毫无问题地抓取所有页面，但使用 Javascript 的用户将始终停留在主页上 - 以及很酷的概念拥有一个 Web 应用程序而不是一个网站将会实现。