History.pushState 导航 - 元标记怎么样 - 单独的模板？

Question

我一直在构建一个基于 jquery 导航的网站，无需重新加载（使用 PHP 和 AJAX），最近遇到了页面“后退”、“前进”和“重新加载”功能以及 SEO 友好性的问题。

--跳过本节直接回答问题--

我的网站当前（未使用 AJAX但是）加载一个index.php，它有几个“内容”div，其中一个是可见的（class =“active”），而其他的则不显示。当用户单击导航链接时，会在内容 div 之间切换漂亮的动画。

我有 apache 重写来映射诸如

http://mysite.com/about 之类的东西 到 http://mysite.com/index.php?page=about

其中“about”部分将是默认显示的部分（而其他“content”div 则被隐藏）。基于此参数，我为页面添加了正确的元标记。我的站点地图有 mysite.com/about、mysite.com/blog，以便将它们作为漂亮的单独页面进行索引。

然而，我最近决定使其基于 ajax，因为我计划合并更多内容，并且将所有内容加载到一页上是愚蠢的。

注意：我现在也在实施 Smarty 模板。

我决定实现哈希标签，但看到了固有的 SEO 问题，然后我发现了 hashbangs（什么？！），然后发现了带有 history.pushState() 和 History.js 的新 HTML5 内容 并决定使用它。

所以主要问题来了

如果我只有一个页面使用ajax在内容div中加载页面模板，使用history.pushState()修改URL并使用mod_rewrite和一个PHP后端可以在像“mysite.com/about”（mysite.com/index.php？page=about）这样的直接请求的情况下提供默认内容模板（用于基本可用性和搜索引擎优化），我也无法为直接请求设置元内容除非我有两个模板 -内容模板 - 和元模板？还有另一种方法可以解决这个问题吗？

像

总之，我希望我的 mod_rewrite URL 能够在 google 上找到特定的 ajax 加载页面内容模板的正确标题和元描述。

编辑

我想要做的事情与他们在hypem.com上所做的事情几乎相同。它们有一个事件侦听器，当列出新内容时，该事件侦听器会更改

Answer 1

我首先构建网站以使用所有直接链接且不使用 ajax，然后添加 ajax。但是，如果浏览器正在请求页面，则仅包含添加 ajax/history 功能的代码。如果网络爬虫访问您的网站，请不要包含 ajax/历史记录功能。