Byte Ebi's Logo

Byte Ebi 🍤

每天一小口,蝦米變鯨魚

使用 Prerender 為 SPA 增進 SEO

解決 CSR 網頁的 SEO 問題,示範自架與 SaaS 方案

Ray

Single Page Application(SPA) 網站使用 Client-Side Rendering (CSR) 來渲染畫面
一開始載入時伺服器只會回傳根元件,透過後續 API 互動取得資料填入
而網站排名的爬蟲,爬到就會是空空的。雖然 Google 聲稱他們的爬蟲會執行 JS,但是其他搜尋引擎不一定會執行
所以透過 Prerender 服務來做到預先渲染給網頁爬蟲,達成搜尋結果最佳化

透過 Cloudflare 設定子網域,並客製 GitHub Page 網址

購買網址後可設定子網域給不同網站使用,本篇以 Cloudflare + GitHub Page 靜態網站為例

Ray

之前已經買好了自己的網址,接著要利用 Cloudflare DNS 服務建立子網域
並且設定給指定的 GitHub Page 專案作為客製網址
學會這項技能之後,只要有一組主要網址,就可以根據需求產生不同的子網域網址
各家 DNS 服務提供商都有這個功能,本篇以 Cloudflare 為例

最新文章

Category

Tag