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方案，不足之处敬请指出。