AJAX SEO 友好和历史导航

Question

我正在开发一个包含纯 AJAX 部分的网站，但我希望它具有 SEO 友好的 URL。

我一直在用谷歌搜索，发现我可以让所有链接“返回 false”，这样我的网址就可以在搜索引擎上运行得很好......但我有一个问题，我希望它也有历史，但我不知道怎么做……像这样：

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

而 onclick = return false;但我需要它拥有

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

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

我在想我是否可以只使用 History 类型（使用 #），但我不知道这种类型的 URL 有多友好。

任何提示或想法？！

谢谢！！

Answer 1

HTML5 引入了一些控制浏览器历史的方法。请参阅"Manipulating the browser history" 上的 MDC 文档。使用history.pushState()，您既可以吃到历史蛋糕，也可以吃到ajax 蛋糕。这只适用于最新的浏览器，因为它具有许多新的和花哨的 HTML5 功能。

此外，使用调用event.preventDefault() 的click 事件处理程序优于使用return false。