javascript - AJAX SEO 友好和历史导航

Question

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

我一直在谷歌搜索，看到我可以让我所有的链接“返回错误”，这样我就可以让我的 url 在搜索引擎上工作得很好......但我有一个问题，我希望它也有历史，但我不知道怎么做...像这样:

<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。