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