网上有好几种单页应用转 seo 的方案，有服务端渲染 ssr、有预渲染 prerender、google 抓 AJAX、静态化。。。这些方案都各有优劣，开发者可以根据不同的业务场景和环境决定用哪一种方案。本文将介绍另一种思路比较清奇的 SEO 方案，这个方案也是有优有劣，就看读者觉得适不适合了。
以前写过一种单页应用 seo 的方案，就是自己先在本地用爬虫做预渲染，生成同样目录结构的静态化的 html，前端项目服务器判断请求的 UA 是搜索引擎蜘蛛的话就会转发到我事先静态化过的 html 页面
当时的项目只是一个简单的只有几个页面的企业官网，预渲染没啥问题。
跟着这个思路，只要判断搜索引擎蜘蛛让蜘蛛看到另一个有内容的页面不就行了。
所以可以针对 SEO 做另一套网站，没有样式，只有符合 seo 规范的 html 标签和对应的数据，不需要在原有项目上改造，开发成本也不会很高，体积小加载速度更快。
缺点也有，就是需要另外维护一套网站，主网站界面变化不会影响，如果展示数据有变化就需要同步修改 seo 版的网站。
说了那么多废话，直接看看我的代码和示例网站就明白了 seo-mask
示例网站：http://seo-mask.lipten.link/
这只是我的一种思路，在这里分享给大家，目前已经在我项目里尝试一部分页面了，搜索引擎里查看快照也确实看得到蜘蛛爬出来的是理想内容，至于会有什么副作用就还不清楚。
v 友们见多识广，要是有更好的思路和建议都可以提哈。
Select Language