单页网站与SEO友好ajax＆amp;历史

Question

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

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

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

我可以使用常规技术完成这些操作，但问题是，我需要该网站对SEO友好，并由Google编制索引/抓取。

我之前从未使用它，但history.js看起来很有前途。我做了一些测试，但找不到我特定问题的资源。我也对其他建议持开放态度。所有Ajaxed内容都将是单独的HTML文件 - 对于SEO，因此使用history.js对我来说听起来不错。

具体问题：

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

Answer 1

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

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