如何在網站加入 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 驗證。

步驟

  1. 盤點頁面上的問答內容:確認頁面實際顯示的 Q&A 至少 3 組以上,且問題與答案完全對應頁面文字。Google 規定 Schema 內容必須與可見內容一致,否則會被視為違規。
  2. 撰寫 FAQPage JSON-LD:建立 @context 為 https://schema.org、@type 為 FAQPage 的物件,mainEntity 陣列每項包含 @type: Question、name(問題)、acceptedAnswer(@type: Answer + text)。(答案欄位(text)支援基本 HTML,但避免放圖片或外部連結,AI 會剝除。)
  3. 用 react-helmet-async 注入 <script>:在 React 元件中以 <Helmet><script type="application/ld+json">{JSON.stringify(faqSchema)}</script></Helmet> 注入。確認 App 根層已包 HelmetProvider。
  4. 確認 SSR 或 prerender 後 HTML 含 Schema:用 curl https://yoursite.com/page | grep FAQPage 驗證輸出 HTML 內已包含 JSON-LD。SPA 純 CSR 會使 AI 爬蟲讀不到,需先做 prerender。(若是 Vite SPA 專案,請先參考「如何將 Vite SPA 加上 prerender」教學。)
  5. 用 Rich Results Test 驗證:前往 search.google.com/test/rich-results 輸入 URL,確認顯示「FAQPage 偵測成功」且無錯誤。常見錯誤包括缺 acceptedAnswer、Question name 為空。
  6. 更新 sitemap.xml 並提交 GSC:將含 FAQPage 的頁面加入 sitemap.xml,到 Google Search Console 提交 sitemap,並請求個別 URL 重新檢索,加速生成式搜尋引擎優化效果。

相關內容