Javascript 在AJAX页面上启用SEO

我正在尝试在客户端动态构建站点，通过JavaScript+JSON内容服务器，js检索内容，并在客户端构建页面

---

现在，谷歌不会以这种方式为内容编制索引。有解决办法吗？比如有一个爬虫版本和一个用户版本？或者有一些静态档案？有人已经这样做了吗？

您应该始终确保您的站点在没有javascript的情况下工作。制作链接到内容的静态版本的链接。然后将javascript单击处理程序添加到那些阻止默认操作的链接中，并发出AJAX请求。即使用jQuery:
HTML:

---

这样，该站点就可以用于无javascript的爬虫程序和用户。对于使用javascript的人来说，它有着奇特的AJAX。

您可以使用服务器呈现的版本，然后用AJAX版本替换它的onload。

---

但是，如果你要这样做，为什么不以这种方式构建整个网站，并在客户端支持ajax的情况下使用ajax作为非侵入式javascript进行交互。

如果该网站要由谷歌编制索引，那么你想要搜索和公开的“信息”应该在没有javascript的情况下可用。在页面加载javascript之后，您始终可以添加动态内容。这不仅可以使页面可索引，还可以加快页面加载速度

---

另一方面，如果该站点更像是一个应用程序“ala gmail”，那么您可能无论如何都不想让google为其编制索引。

您可以使用phantomjs构建一个爬虫版本，请参见我的解决方案：

---

Cloudhead，您是否只是在使用AJAX编写HTML，否则将是静态页面。你的描述听起来像那样，但我不想假设。AJAX并不是静态web浏览的好工具。是的，我正在通过ajax检索内容，并用javascript编写html。但它不是用于静态web浏览，它是一个动态应用程序，我只是尝试将模板移动到客户端。关注的更多是内容，而不是交互，用户不会意识到这一点。我有很多内容要加载，所以我只想在必要时加载。这是一个很好的技巧，虽然它会提供自己有用的。

 <a href='static_content.html' id='static_content'>Go to page!</a>

 $('#static_content').click(function(e) {
   e.preventDefault(); //stop browser from following link
   //make AJAX request
 });