具有后备功能的 SEO 友好 Ajax 导航？

Question

我正在使用淘汰赛 js 和 .NET MVC 4 构建一个单页应用程序，现在已经到了需要让导航正常工作的地步。 有没有一种简单的方法可以通过历史推送状态和回退到旧浏览器来获得 SEO 友好导航？ 这是我的页面外观的一个真正简单的示例：

<div id="Master">
   ... List of products ...
</div>
<div id="Detail">
   ... Product info ...
</div>

点击产品时，我将加载产品详细信息并使用淘汰赛js将其绑定到Detail div。我没有加载单独的 html 文件，所有内容都在同一页面上。

我正在考虑一个名为 jquery address 的库，但我对 SEO 和使 url 起作用有点不确定。 在地址栏中输入 product/xxx 不起作用。人们是如何做到这一点的，他们是否将所有传入的请求路由到带有参数“product/xxx”的“索引”页面，该参数可以被 javascript 读取，从而加载正确的内容？

对于使用旧浏览器的用户的后备方案呢？

Answer 1

我知道有两种可能性：

1. 标签。您的 URL 如下所示：http://funky.code.medina/your-app#/route/1
2. URL 参数。您的 URL 如下所示：http://funky.code.medina/your-app?route=1

有一些库可以处理这个问题。例如。它包含在 AngularJS 中，并且有专门处理这些路由问题的库，例如 http://sammyjs.org/。

回退是选项 2。