AJAX SEO友好和历史导航

Question

我正在开发一个有纯AJAX部分的网站，但我希望它有SEO友情网址。

我一直在谷歌搜索，看到我可以把我的所有链接“返回假”，这样我可以让我的网址与搜索引擎一起工作真棒...但我有一个问题，我希望它也有历史记录，但我不知道怎么做...就像这样：

<a href="contacts.html">Contacts</a>

并且onclick = return false;但我需要它

<a href="#contacts">Contacts</a>

所以历史记录和后退按钮可以正常工作......

我在想是否可以使用历史记录类型（使用＃），但我不知道这种类型的URL有多友好。

任何提示或想法？！

谢谢！

Answer 1

HTML5引入了一些控制浏览器历史的方法。请参阅"Manipulating the browser history"上的MDC文档。使用history.pushState()你可以吃历史蛋糕并吃ajax蛋糕。这只适用于最新的浏览器，就像许多新的和花哨的HTML5功能一样。

此外，使用调用click的{​​{1}}事件处理程序优先使用event.preventDefault()。