預渲染（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 結構化資料三層方法論，逐項說明實作步驟、字數規範、技