当前位置：文江博客话题详情

去哈希邦还是不去哈希邦？

发布于 2024-11-24 20:32:39 字数 963 浏览 5 评论 0原文

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

现在我们现有的网站已经排名很高，所以我也想让谷歌满意。我一直在阅读 Google 的使 AJAX 应用程序可抓取，并且了解我必须通过 _escaped_fragment_ 为抓取工具提供相同的内容。

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

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

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

谢谢
马尔科

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

暮凉 2024-12-01 20:32:39

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

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

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

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

回复收藏 0 原文

仅一夜美梦 2024-12-01 20:32:39

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

这样您就不必在较新的浏览器中使用哈希值，这样用户就不会注意到一件事。

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

编辑：更新的例子。

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'));
    });
}

Have you also considered to use the HTML5 history session management?

This way you don't have to use hashes in newer browsers and that way the user won't notice a thing.

A bit simplified you would do something like this:

EDIT: updated example.

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'));
    });
}

回复收藏 0 原文