一个简单 SPA 应用 SEO 工具 [前端]

[Tdy95]

前文提要

因为有 SEO 需要，翻了一下 github 没有找到能用的工具，发现一个项目 已经是 3 年前的了，没跑起来。索性自己写了脚本。

这个脚本会访问你启动的 spa 服务，查找页面的所有 a 标签，进行访问爬取。爬取的 html 内容会放到以域名为目录的文件夹下。

核心逻辑是根据 user_agent 字段，判断是否是爬虫，如果是爬虫访问，我们就把请求转发到另外一个专门为 bot 启动的 server 。

项目中也附带了 user_agent 判断的 nginx 配置， 可以参考复用。

如果你也有类似的需求，希望能节省你宝贵的时间。🥴

如果需求大的话， 后续考虑会集成插件，一键使用。

github 地址： https://github.com/mydaoyuan/spa-sparender

这是一个 spa 应用的低成本 seo 方案。
它不限于你使用了任何框架（如 react 、vue ）、任何的构建工具（如 webpack 、vite ）。

本脚本针对 spa 打包后的产物，进行本地渲染，把生成的 dom 保存，然后通过静态文件服务（如 NGINX ）判断访问网站的用户是否是爬虫。如果是爬虫，则返回渲染后的 dom ， 达到 seo 的目的。

[oneisall8955]

脚本呢

[Tdy95]

@oneisall8955 #1 哈哈，https://github.com/mydaoyuan/spa-sparender