具有 SEO 友好的 ajax 和历史的单页网站

Question

我正忙于建立一个单页网站。页面的基本布局如下 - 一个部分在另一个部分之下：

• 标题和导航
• 内容第 1 部分（关于我们的示例）
• 内容第 2 部分（示例产品）
• 内容部分 3（示例客户端）
• 页脚

每个部分都有一个小菜单，用于对特定部分的内容进行 ajax。所以产品部分会有一个产品标题菜单，一旦点击，产品详细信息将被 ajaxed。

我可以使用普通技术来完成这些，但问题是，我需要网站对 SEO 友好，并由 Google 索引/抓取。

我以前从未使用过它，但 history.js 看起来很有希望。我已经进行了一些测试，但找不到针对我的特定问题的资源。我也愿意接受其他建议。所有 Ajaxed 内容都将是单独的 HTML 文件 - 用于 SEO，因此使用 history.js 对我来说听起来不错。

具体问题：

• 当用户向下滚动时，通过每个不同的部分，URL 应该 适当改变。
• 每个部分中的 ajaxed 内容也应该更改 URL。
• Google 应该能够抓取网站并为单独的页面编制索引。
• 我可以使用 history.js 更改页面中的所有内容，但有没有办法定位我的部分，所以它只更改我想要的部分中的内容，而不是页面上的所有内容？

Answer 1

我建议使用backbone.js。它取决于 jquery 和 underscore.js。 它为您提供以下功能

• MVC 架构
  • 它为客户端代码提供了更多结构
• 模板
  • 您可以在客户端维护模板，从而为您提供更有条理的代码。
• URL 重写
  • 重写 ajax 调用的 URL。它有助于开发 SEO 友好的网站。