在AJAX页面上启用SEO

Posted 2021-04-08

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

现在，Google不会以这种方式将内容编入索引。这有解决方法吗？喜欢有爬虫版本和用户版本？或者有某种静态档案？有没有人这样做过？

答案

如果该网站要由谷歌编入索引，那么您想要搜索和公开的“信息”应该可以在没有javascript的情况下使用。您可以随后在使用javascript加载页面后添加动态内容。这不仅可以使页面成为可索引的，而且还可以使页面加载更快。

另一方面，如果该网站更像是一个应用程序'ala gmail'，那么你可能不希望google索引它。

另一答案

您应始终确保您的网站无需javascript即可运行。创建链接到内容的静态版本的链接。然后将javascript单击处理程序添加到那些阻止默认操作的链接以进行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。

另一答案

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

另一答案

您可以使用phantomjs构建爬虫版本，请在此处查看我的解决方案：

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