Server side render (SSR) 是什麼嗎? 為何要用SSR ? 跟SPA ... | ssr seo
在你學玩基礎的JavaScript以後,可能開始嘗試玩React或是Vue等比較酷炫的前端,做出了所謂的單頁面應用程式-SinglePageApplication(SPA),讓網頁動作的萬分順暢,就像是桌面應用程式一般,都不需要跳頁, 突然間你可能查到了某個關鍵字。 SPA對SEO不好,要用SSR才能解決問題! 「SSR」? 是要抽卡的意思嗎?十連抽我在行的!畢竟升到課長這個職位也滿久了。但是怎麼在React網站上找都找不到入金的方案(Vue倒是有成為贊助的按鈕,不過不是當然不是指這個)。 上面雖然只是一個簡單的冷笑話,不過這也反映出來習慣使用英文縮寫的問題,即使...
在你學玩基礎的 JavaScript 以後,可能開始嘗試玩 React 或是 Vue 等比較酷炫的前端,做出了所謂的單頁面應用程式 - Single Page Application (SPA),讓網頁動作的萬分順暢,就像是桌面應用程式一般,都不需要跳頁,
突然間你可能查到了某個關鍵字。
SPA 對 SEO 不好,要用 SSR 才能解決問題!
「 SSR 」?
是要抽卡的意思嗎? 十連抽我在行的!畢竟升到課長這個職位也滿久了。
但是怎麼在 React 網站上找都找不到入金的方案
(Vue 倒是有成為贊助的按鈕,不過不是當然不是指這個)。
上面雖然只是一個簡單的冷笑話,不過這也反映出來習慣使用英文縮寫的問題,即使在同一個產業下,也常常會發生誤會。總之接下來我們就開始解釋這些名詞所代表的意義,以及在程式邏輯上面會擁有怎樣的優缺點。
以下為了方便,所以我們分段來講。
網站基本原理複習:
首先先快速的複習一下網站的原理,網站基本上就是文字,以特殊的格式寫成,也就是 HTML。網站的最初目的就是顯示畫面與內容,只要善用 HTML / CSS 即可完成美觀的畫面。
要轉變 HTML CSS 語法則需要使用瀏覽器 (Browser),也就是我們常見的 Chrome / Safari 等。瀏覽器除了轉換程式碼顯示畫面外,還有很多功能,這些功能都有跟 JavaScript 做連接。所以我們可以用 JavaScript 去控制這些功能。最常提到的就是 BOM (Browser Object Model - 瀏覽器物件模型) 與 DOM (Document Object Model - 文件物件模型)。
DOM 就是顯示文章,可以想成 HTML / CSS 程式本身,操作他們就可以改變畫面。
BOM 就是其他的功能,例如網路連線, Local Storage...等,基本上所有瀏覽器提供給 JavaSc...