SEO 优化方案简单对比

seo

预渲染

webpack插件：GitHub - chrisvfritz/prerender-spa-plugin: Prerenders static HTML in a single-page application.

如果你调研服务器端渲染 (SSR) 只是用来改善少数营销页面（例如 /, /about, /contact 等）的 SEO，那么你可能需要预渲染。无需使用 web 服务器实时动态编译 HTML，而是使用预渲染方式，在构建时 (build time) 简单地生成针对特定路由的静态 HTML 文件。优点是设置预渲染更简单，并可以将你的前端作为一个完全静态的站点。

适合针对少量简单页面seo优化的需求。

ssr框架

React：
Next.js - The React Framework
Next.js 中文

VUE：
Nuxt.js - Vue.js 通用应用框架

优点：

• 基于主流框架设计，开发方便迅速
• 开箱即用
• 自动进行代码分割
• 简化客户端路由（基于页面）
• 可以通过 Express 或任何其他 Node.js HTTP 服务器实现

缺点：

• 服务器需要添加node层

不用框架

emmm，这没什么好说的，直接回到以前的开发模式呗，seo友好，但是开发方式就好像不太友好了。

针对是否爬虫提供两套页面

理论很美好，针对爬虫完全可以不用考虑样式等因素，但是存在seo作弊的风险，pass。

总结

这只是大体方向上的seo优化方向选择，具体到细节，还是有许多要考虑的。这只是个人通过网上总结的比较主流的seo方案，不足之处敬请指出。