在AJAX页面上启用搜索引擎优化

Question

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

现在，内容将不会被Google这样索引。有没有解决方法？像有一个履带版本和用户版本？或者有某种静态档案？有没有人已经这样做了？

Answer 1

如果该网站的目的是通过谷歌索引，那么你想要搜索和公开的“信息”应该没有JavaScript的可用。您可以随后在使用JavaScript加载页面后添加动态内容。这不仅会使页面可以索引，而且还会使页面加载更快。

在另一方面，如果该网站是更多的应用程序“ALA的Gmail”的，那么你可能不希望Google索引反正它。

Answer 2

您应该始终确保您的网站在没有JavaScript的情况下运行。制作链接到内容的静态版本的链接。然后将javascript click处理程序添加到阻止来自hapening的默认操作并发出AJAX请求的链接。即使用jQuery：
HTML：

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

的Javascript：

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

这样的网站是爬虫和没有JavaScript的用户使用。并为javascript用户提供了花哨的AJAX。

Answer 3

您可以使用服务器渲染版本，然后用ajax版本替换它。 但是，如果你打算这么做，为什么不用这种方式构建整个网站，只需使用ajax进行交互，客户端就可以支持它，而非侵入式javascript。

Answer 4

您可以使用phantomjs在这里建一个履带式版本，请参阅我的解决方案：

https://github.com/liuwenchao/ajax-seo