在好奇心的驱动下, 笔者尝试对 creat-react-doc 进行赋能 SEO 之旅。
搜索引擎优化
在实践之前, 先从理论上分析为何单页应用不能被搜索引擎搜索到。...核心在于 爬虫蜘蛛在执行爬取的过程中, 不会去执行网页中的 JS 逻辑, 所以隐藏在 JS 中的跳转逻辑也不会被执行。...查看当前 SPA 站点打包后的代码, 除了一个根目录 index.html 外, 其它都是注入的 JS 逻辑, 因此浏览器自然不会对其进行 SEO。
?
此外, 搜索引擎详优化是一门较复杂的学问。...对市面上文档站点的 SEO 方案调研后, 笔者总结为如下四类:
静态模板渲染方案
404 重定向方案
SSG 方案
预渲染方案
静态模板渲染方案
静态模板渲染方案以 hexo 最为典型, 此类框架需要指定特定的模板语言...优化前: 只搜索到一条数据。
?
优化后: 搜索到站点地图中声明的位置数据。
?
至此使用 SSG 优化 SPA 站点实现 SEO 的完整流程完整实现了一遍。