在AJAX页面上启用SEO

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在AJAX页面上启用SEO相关的知识,希望对你有一定的参考价值。

我正在尝试在客户端动态构建网站,通过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

以上是关于在AJAX页面上启用SEO的主要内容,如果未能解决你的问题,请参考以下文章

架构丰富的代码片段也应该用于产品列表吗?

AJAX 加载后在联系表单 7 表单上启用 AJAX

在 Woocommerce 中的产品自定义循环上启用 Ajax 添加到购物车按钮

php Yoast SEO规范输出的代码片段

php Yoast SEO规范输出的代码片段

第536期用PhantomJS来给AJAX站点做SEO