AJAX URL 和 URL 重写答案

【问题标题】：AJAX URLs & URL RewritingAJAX URL 和 URL 重写
【发布时间】：2012-01-01 21:07:54
【问题描述】：

我开始建立一个个人网站，我希望它的布局看起来像

-------------------------------
- Page Header & Menus Go Here -
-------------------------------
-        Main Contents        -
-------------------------------
-           Footers           -
-------------------------------

主要问题是我希望它是一个单页界面，其中主要内容通过AJAX和jQuery的组合加载和显示以产生良好的效果。但是，我当然希望内容书签启用并被搜索引擎索引。我浏览了Single Page Interface Manifesto，它解释了一些实现这一目标的好方法，但我真的不希望我的网址像

http://www.mysite.com/index.php#!section=section1

http://www.mysite.com/index.php#!section=section2

当然，我想把它们改写成

http://www.mysite.com/section1

http://www.mysite.com/section2

我的问题是这种方法是否正确/可行，以及 AJAX URL 是否与 URL 重写兼容。无论如何，哪些 URL 会被 Google 编入索引？

【问题讨论】：

标签： ajax url-rewriting

【解决方案1】：

如果您希望您的页面在不重新加载和更新页面 URL 的情况下工作，唯一的归档方法是更改 URL 中的哈希 (location.hash = 'whatever')。

无法使用 URL 重写，因为哈希没有发送到服务器，它只在浏览器的范围内可用。

检查 Facebook 或 Twitter URL。它们比 #!section=section1 更漂亮，但仍然需要哈希。

干杯。

【讨论】：

【解决方案2】：

如果您想在不重新加载浏览器的情况下加载不同的内容/选项卡/页面的某些内容，现在可以使用 pjax..

你可以使用类似http://padrino-pjax.heroku.com/ 您可以尝试一下，转到链接并单击任何链接主页，恐龙，外星人你会看到它会改变 url 和一些内容而不重新加载整页

在浏览器中使用ajax+push/pop的url实现

【讨论】：

【解决方案3】：

我正在为类似问题寻找自己的解决方案（我有一个带有 AJAXed wordpress 主题的客户端站点，而 URL 上这些可怕的 #! 内容阻止了我迄今为止尝试过的所有社交共享插件都无法正常工作正确）。

显然，有一个解决方案（有一些缺点 ofc..）。我在这里找到了它：http://moz.com/blog/create-crawlable-link-friendly-ajax-websites-using-pushstate

我知道您已经问了两年了，但这可能对其他人有帮助，或者您可能只是出于好奇而想检查一下！ :-)

【讨论】：