javascript - 使用 javascript 进行 SEO 友好的条件加载

Question

我打算做一个响应式+移动​​优先的网页设计。所以这是我的计划：

1. 制作移动优先网站。
2. 使用 Javascript 加载桌面或大屏幕 HTML

但是，我这里有个问题。据我所知，我将使用 javascript 加载的 HTML 内容不会被搜索引擎读取？我在互联网上搜索了很多，但我找不到这个问题的合理答案。

谁能告诉我是否可以使用 Javascript 进行 SEO 友好的条件加载？或者我是否必须研究服务器端语言，即 PHP/ASP 才能使用设备检测加载内容？

Answer 1

如果移动网站和桌面网站的内容相同，而您只是为每个屏幕设置不同的格式，那么这应该只涉及 CSS、媒体查询和一些 JS 来帮助向后兼容。这种方法不应该伤害你的 SEO。

这是一个很好的教程：http ://www.html5rocks.com/en/mobile/responsivedesign/

这是在初始页面加载时隐藏内容（因此您稍后通过 JS 显示或通过 AJAX 将其拉入）对 SEO 不利。

要让 google 抓取 AJAX 内容，您需要按照以下步骤操作：http: //developers.google.com/webmasters/ajax-crawling

这是谷歌关于响应式设计的一篇很好的博客文章：http: //googlewebmastercentral.blogspot.com/2012/06/recommendations-for-building-smartphone.html

Answer 2

阅读有关允许将内容动态加载到网页中的 Hashbangs。

我不会评论您是否应该使用服务器端、Javascript 或只是响应式设计，因为您特别提到了 Javascript。

来自谷歌

本文档描述了网络服务器和搜索引擎爬虫之间的协议，允许动态创建的内容对爬虫可见。Google 目前支持此协议。希望其他搜索引擎也将采用此提议。