如果你构建过单页应用（SPA）网站，你就会知道要使其具备良好的 SEO 兼容性有多困难。

目前的惯常做法是，站长/开发者会创建一个“平行宇宙”的内容。开启了Javascript的用户会看到动态内容，而在不支持Javascript的浏览器（包括搜索引擎爬虫）上，用户看到的则是离线生成的静态内容。

Google 一直在不断更新其算法，以更好地支持动态网页（AJAX）。过去我们通常采用的是 hash-bang 方案，但该方案与其他搜索引擎爬虫的兼容性并不理想。

对于我们的网站，我们将选用 Prerender.io 解决方案。

什么是 Prerender.io？

它是一项缓存服务，会为你网站的每一个页面生成一份“快照”。“快照”基于页面最终渲染结果生成（支持 AJAX）。如果你没有足够的时间在网站后端开发两套独立的生成机制（即动态和静态页面），那么这项服务非常适合你。

点击此处注册试用：https://prerender.io/signup

 
HTACCESS

注册完成后，需要修改网站的 .htaccess 文件，以便允许 Prerender.io 能访问并抓取我们的网站。

请在配置文件中找到或添加这行代码，填入系统为您生成的专属 token：

RequestHeader set X-Prerender-Token "YOUR_TOKEN"

当系统检测到正在访问网站的用户代理为 SEO 爬虫，则会将访问请求重定向至 prerender，从而返回预先生成的静态 HTML 页面。

RewriteCond %{HTTP_USER_AGENT} baiduspider|facebookexternalhit|twitterbot|rogerbot|linkedinbot|embedly|quora\ link\ preview|showyoubot|MailRuConnect|Rambler|OdklBot|outbrain|msnbot|ia_archiver|pinterest|slackbot|Yahoo|Bingbot|vkShare|Feedfetcher-Google|W3C_Validator [NC,OR]
        RewriteCond %{HTTP_USER_AGENT} Yandex(Bot|Images|Video|Media) [NC,OR]
        RewriteCond %{QUERY_STRING} _escaped_fragment_=

# 仅当请求的是 HTML 页面时，才将请求代理转发给 Prerender
RewriteRule ^(?!.*?(\.js|\.css|\.xml|\.less|\.png|\.jpg|\.jpeg|\.gif|\.pdf|\.doc|\.txt|\.ico|\.rss|\.zip|\.mp3|\.rar|\.exe|\.wmv|\.doc|\.avi|\.ppt|\.mpg|\.mpeg|\.tif|\.wav|\.mov|\.psd|\.ai|\.xls|\.mp4|\.m4a|\.swf|\.dat|\.dmg|\.iso|\.flv|\.m4v|\.torrent|\.ttf|\.woff))(.*) http://service.prerender.io/http://%{HTTP_HOST}/$2 [P,QSA,L]

大功告成！如果你已正确设置 .htaccess 文件，网站应该很快就能被搜索引擎收录了。