如何在網站加入 FAQPage Schema:6 步驟教學
加入 FAQPage Schema 共 6 步:盤點問答內容、撰寫 JSON-LD、嵌入 head 或 body、用 react-helmet-async 動態注入、Rich Results Test 驗證、提交 sitemap 通知 Google。完整流程約 45 分鐘。
FAQPage Schema 是生成式搜尋引擎優化中投資報酬率最高的結構化資料之一。本教學以 React + react-helmet-async 為例,說明如何正確實作並通過 Google 驗證。
步驟
- 盤點頁面上的問答內容:確認頁面實際顯示的 Q&A 至少 3 組以上,且問題與答案完全對應頁面文字。Google 規定 Schema 內容必須與可見內容一致,否則會被視為違規。
- 撰寫 FAQPage JSON-LD:建立 @context 為 https://schema.org、@type 為 FAQPage 的物件,mainEntity 陣列每項包含 @type: Question、name(問題)、acceptedAnswer(@type: Answer + text)。(答案欄位(text)支援基本 HTML,但避免放圖片或外部連結,AI 會剝除。)
- 用 react-helmet-async 注入 <script>:在 React 元件中以 <Helmet><script type="application/ld+json">{JSON.stringify(faqSchema)}</script></Helmet> 注入。確認 App 根層已包 HelmetProvider。
- 確認 SSR 或 prerender 後 HTML 含 Schema:用 curl https://yoursite.com/page | grep FAQPage 驗證輸出 HTML 內已包含 JSON-LD。SPA 純 CSR 會使 AI 爬蟲讀不到,需先做 prerender。(若是 Vite SPA 專案,請先參考「如何將 Vite SPA 加上 prerender」教學。)
- 用 Rich Results Test 驗證:前往 search.google.com/test/rich-results 輸入 URL,確認顯示「FAQPage 偵測成功」且無錯誤。常見錯誤包括缺 acceptedAnswer、Question name 為空。
- 更新 sitemap.xml 並提交 GSC:將含 FAQPage 的頁面加入 sitemap.xml,到 Google Search Console 提交 sitemap,並請求個別 URL 重新檢索,加速生成式搜尋引擎優化效果。
相關內容
- [faq] llms.txt 怎麼寫?需要包含哪些內容? — llms.txt 放在網站根目錄(/llms.txt),用 Markdown 列出網站精簡導覽:H1 為品牌名、簡介段落、再以「## 區塊名」加上 Markdo
- [howto] 如何將 Vite SPA 加上 Prerender:讓 AI 爬蟲讀得到內容 — Vite SPA 加 Prerender 共 7 步:安裝 @prerenderer/rollup-plugin 與 puppeteer、列出路由、修改 vit
- [blog] 生成式搜尋引擎優化方法論:Answer-First + E-E-A-T + Schema 三層架構完整解析 — GEO 具體怎麼做?本文以 Answer-First 寫作、E-E-A-T 信號建立、Schema.org 結構化資料三層方法論,逐項說明實作步驟、字數規範、技