伺服器端渲染(Server-side rendering, SSR)
別稱 SSR · 預先渲染(Pre-rendering) · 伺服器渲染內容
在初始 HTML 回應中就交付頁面的核心文字與標記,使其不需執行用戶端 JavaScript 即可被讀取。
這是什麼
伺服器端渲染是在伺服器上(或於建置時以靜態預渲染)產生頁面的完整 HTML,讓有意義的內容在第一個回應中就送達。這與用戶端渲染相反——後者初始 HTML 幾乎是空殼,需由 JavaScript 在瀏覽器中抓取並繪製內容。Hydration(注水)仍可在伺服器渲染的 HTML 之上加上互動性。
為什麼重要
許多 AI 爬蟲與代理並不執行 JavaScript,或執行得不一致且有延遲,因此只有在 JS 執行後才出現的內容對它們可能形同隱形。將核心文字以伺服器端渲染,可確保答案引擎、LLM 抓取器與傳統爬蟲都能看到你真正的內容,這是被閱讀、索引與引用的前提。
如何檢查
執行 curl -s https://example.com/page,確認原始 HTML 含有真正的標題與內文,而非空的 <div id="root"></div> 殼。你也可在瀏覽器使用檢視原始碼,或停用 JavaScript 後重新載入;若頁面變空白,代表內容僅靠用戶端渲染。
如何修正
採用 SSR、靜態網站產生(SSG)或預渲染(例如 Next.js、Nuxt、Astro 或預渲染服務),讓核心內容出現在初始 HTML 中。若全面改寫不可行,可為 bot 加上伺服器渲染的後備內容或預渲染層,並避免將主要內容藏在僅用戶端執行的資料抓取之後。
相關詞彙
- 頁面效能(page performance)頁面載入與變為可互動的速度與順暢度,常以伺服器回應時間、HTML 大小與 Core Web Vitals(核心網頁指標)來衡量。
- Markdown 內容協商(content negotiation)當用戶端透過 Accept: text/markdown 標頭請求時,提供頁面的乾淨 Markdown 版本。
- 無佔位文字(No Placeholder Text)確認首頁與其他重要頁面上沒有殘留 lorem ipsum、TODO 註記或明顯的假文案。
- JSON-LD(結構化資料格式)JSON-LD 是一種以 JSON 為基礎的格式,透過 script type="application/ld+json" 區塊在頁面中嵌入機器可讀的結構化資料,也是 Google 建議用來描述組織、產品、文章等實體的方式。
官方參考資料
外部連結,將於新分頁開啟。
把知識化為行動。
親手逐項完成每一項檢查,並轉成可分享的 GEO Score 報告——或在數秒內自動掃描你的網站。