預渲染(Prerender / SSG)
預渲染是在建置時把 SPA 路由產生靜態 HTML,讓 AI 爬蟲與搜尋引擎可直接讀取內容,是 SPA 站做 GEO 的必備前置作業。
ChatGPT、Perplexity、Google AI Overview 多數情況下不執行 JavaScript(或執行受限)。Vite/React SPA 若未預渲染,AI 爬蟲只看到空殼 HTML,內容無法被引用。
為何重要
- SPA 不預渲染等於對 AI 隱形
- Phase 0 致命前提
- 影響 Schema 與 meta 是否被讀取
實作要點
- 使用 vite-plugin-prerender 或 react-snap
- build 後 dist/ 內每路由皆有 .html
- 用 curl 驗證 HTML 含預期內容
相關內容
- [glossary] Schema.org 結構化資料 — Schema.org 是由 Google、Bing、Yahoo、Yandex 共同維護的結構化資料字彙,以 JSON-LD 形式宣告內容語意,是 GEO 必備技
- [glossary] AI 爬蟲 — AI 爬蟲是 OpenAI、Anthropic、Perplexity 等公司部署、抓取網頁內容供 LLM 訓練與即時搜尋使用的自動化機器人。
- [blog] 生成式搜尋引擎優化方法論:Answer-First + E-E-A-T + Schema 三層架構完整解析 — GEO 具體怎麼做?本文以 Answer-First 寫作、E-E-A-T 信號建立、Schema.org 結構化資料三層方法論,逐項說明實作步驟、字數規範、技