10

我制作了一个具有 URL 形式的网页http://www.example.com/module/content 这是一个非常动态的网页，实际上它是一个网络应用程序。

为了使其尽可能响应，我想使用 AJAX 而不是普通的页面请求。这也使我能够使用 JavaScript 添加一个层以提供离线功能。

我的问题只是：我应该如何制作 URL？它们应该是http://www.example.com/module/content还是http://www.example.com/#!/module/content？

以下只是我在两个方向上的想法。如果您对此已有清晰的想法，则无需阅读。

我想使用第一个版本，因为我想支持新的 HTML5 标准。它易于使用，而且 URL 看起来很漂亮。但更重要的是它允许我这样做：

如果用户请求一个页面，它将返回一个完整的 HTML 页面。

如果用户然后单击一个链接，它将仅通过 AJAX 将内容插入到容器 div 中。

这将使没有 JavaScript 的用户能够使用我的网站，因为它不需要使用 JavaScript，它只会使用普通的“点击链接-请求-获取完整的 html 页面”-方法。

虽然这很好，但问题当然是 Internet Explorer。只有最新版本的 IE 支持 History API，并且要在旧版本中使用此功能，需要使用主题标签。（我的 50% 的用户将使用 IE，所以我需要支持它......）所以我必须使用 /#!/ 让它工作。

如果同时使用这两种 URL 版本，就会出现问题，即如果 IE 用户将此链接发布到网站，Google 将向服务器发送一个 _unescaped_string（或类似的..），并且它会将带有 IE 版本的页面与井号。有些页面将没有主题标签。

正如我们所记得的那样，在许多不同的事情上，非主题标签会更好。那么，这个搜索引擎问题能被规避吗？是否可以告诉 GoogleBot 如果它正在访问网站的主题标签版本，它应该被重定向到网页的非主题标签版本？这样一来，人们可以获得非标签 URL 的所有好处，并且仍然支持 IE6-IE9。

你认为最好的方法是什么？也许你自己在实践中尝试过？感谢您的回答！

4

3 回答 3

9

如果您希望 Google 为您的 Ajax 内容编制索引，那么您应该像这样使用 #!key=value。这就是Google 更喜欢Ajax 导航的方式。

如果你真的更喜欢不带#的漂亮 HTML5 url！那么，是的，您可以同时支持两者而不会出现索引问题！只需添加：

<link rel="canonical" href="preferredurl" />

到<head>每个页面的部分（用于初始加载），以便帮助 Google 知道您希望它们索引的 url 版本。在此处阅读有关规范网址的更多信息。

于 2012-11-03T01:12:22.440 回答
2

在这种情况下，解决方案非常简单。您使用第一个 URL 方案，并且不使用旧 IE 浏览器的 AJAX 增强功能。

如果您的宝贵用户不想升级，那是他们的问题，但他们不能抱怨没有这些 kewl 效果和动态。

您可以抛出“您的浏览器严重过时！” 请注意旧版浏览器。

于 2012-11-02T23:08:31.153 回答
1

我不会/#!/在网址中使用。首先确保页面正常工作，有完整的页面请求（这应该很容易）。一旦成功，您可以检查该window.history对象，如果存在则添加 AJAX。AJAX 调用可以转到相同的 url，主要区别在于服务器端处理。检查很简单，如果HTTP_X_REQUESTED_WITH设置了，则请求是 AJAX 请求，如果未设置，则处理的是标准请求。

您无需担心重复的内容，因为 GoogleBot 不会设置HTTP_X_REQUESTED_WITH请求标头。

于 2012-11-03T14:07:23.813 回答