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

这是一篇关于响应式设计的 Google 博文:http://googlewebmastercentral.blogspot.com/2012/06/recommendations-for-building-smartphone.html