SEO友好的Ajax导航与后备?

时间:2013-09-18 12:14:49

标签: jquery asp.net-mvc knockout.js

我正在使用knockout js和.NET MVC 4构建单页应用程序,现在我已经到了需要正确导航工作的地步。 有没有一种简单的方法来获得SEO友好的导航历史pushstate和回退到旧的浏览器? 这是我的页面看起来像一个真实的简单示例:

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

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

我正在考虑一个名为jquery地址的库,但我对SEO有点不确定并且让网址有效。 在地址栏中输入product / xxx将不起作用。人们如何做到这一点,他们是否将所有传入的请求路由到“索引”页面,参数“product / xxx”可以通过javascript读取,这将加载正确的内容?

对于使用旧浏览器的用户,回退又如何呢?

1 个答案:

答案 0 :(得分:0)

我知道有两种可能性:

  1. 主题标签。您的网址如下:http://funky.code.medina/your-app#/route/1
  2. URL参数。您的网址如下:http://funky.code.medina/your-app?route=1
  3. 有处理它的库。例如。它包含在AngularJS中,并且只有http://sammyjs.org/等专用于这些路由问题的库。

    后退是选项2。