筆記-前端框架如何解決SEO問題
Apr 6, 2021
- SEO (Search Engine Optimization) 搜尋引擎最佳化
SSR (Server Side Rendering) 前端框架anguler, react, vue 都是透過Server端做第一次Render,
問題： 搜尋引擎只會查到第一次sever端建立的網頁畫面，html + CSS + javascript 的code，但是因為沒有執行，所以資料不會完整。
解決方案：
Vue.js -> Nuxt(自排車) https://nuxtjs.org/
只能運行在node.js
或是現有的vue.js有用Vue.cli(手排車)，就必須要改寫部份code，才能變成由前端Rendering
Angular ->universal
React ->next
另一個解法：
Rendertron： https://github.com/GoogleChrome/rendertron
透過Rendertron去生成完整的網頁，再向外發送給搜尋引擎
Prerender node
以下為待讀資料