SEO 優化2026年9月22日

Schema Markup 完整教學:結構化資料怎麼標記,才能讓 Google 顯示豐富摘要

A
AI 建站知識庫作者
專欄作者 · 3416 字
Schema Markup 完整教學:結構化資料怎麼標記,才能讓 Google 顯示豐富摘要

做完這篇你會得到什麼

在 Google 搜尋結果裡,你一定看過這種畫面:某個食譜結果帶著星星評分和烹飪時間,某個 FAQ 頁面直接在搜尋頁展開問題清單。這些不是 Google 隨機挑選的,是因為那些網站在 HTML 裡加了結構化資料標記(Schema Markup)。

這篇教你從選擇類型到實際寫出 JSON-LD 程式碼,再到測試驗證,整個流程走完。做完之後,你的網站就具備了讓 Google 顯示豐富摘要(Rich Results)的基本條件。


事前準備:你需要哪些東西

  • 網站後台存取權限:要能編輯 HTML <head> 區塊,或裝 Schema 外掛(WordPress 用戶可直接用 Yoast 或 Rank Math)
  • Google 搜尋主控台帳號:用來驗證結果,之後也能追蹤豐富摘要的曝光量
  • Rich Results Test 工具:Google 官方測試頁面,免費使用
  • 一個你想優化的頁面:文章、商品頁、FAQ 頁,或是本地商家頁面都可以

Step 1:搞清楚你的頁面適合哪種 Schema 類型

Schema.org 定義的類型超過 800 種,但實際上對一般網站最有用的大概就這幾種:

頁面類型 建議 Schema 豐富摘要效果
部落格文章 Article 標題、發布日期、作者
FAQ 頁面 FAQPage 在搜尋頁直接展開問答
商品頁 Product 評分星星、價格、庫存狀態
食譜 Recipe 烹飪時間、卡路里、評分
本地商家 LocalBusiness 電話、地址、營業時間
麵包屑 BreadcrumbList 搜尋結果顯示層級路徑

假設你現在有一個賣手工皂的網站,商品頁用 Product,品牌部落格用 Article,「常見問題」那頁用 FAQPage,三種分開標記,各自帶出不同的豐富摘要效果。


Step 2:用 JSON-LD 格式寫出 Schema 程式碼

Google 官方建議使用 JSON-LD 格式,原因很簡單:你不需要改動 HTML 結構,整段 script 直接貼進 <head> 就好,維護起來也方便。

以 FAQPage 為例:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "手工皂可以用幾天?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "一般手工皂使用壽命約 4 到 6 週,保持乾燥可延長至 8 週。"
      }
    },
    {
      "@type": "Question",
      "name": "手工皂適合敏感肌膚嗎?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "多數天然原料的手工皂適合敏感肌,但仍建議先做局部測試。"
      }
    }
  ]
}
</script>

這段程式碼放在頁面 <head> 裡,或是貼在 body 底部也行,Google 都能讀取。

幾個寫法細節要注意:

  • @context 固定填 https://schema.org
  • @type 區分大小寫,FAQPage 不能寫成 faqpage
  • text 欄位可以包含基本 HTML 標籤(<a>、<ul> 等),但不要塞複雜的格式

Step 3:把程式碼放進你的網站

依照你的建站方式,操作方法不同:

WordPress(不裝外掛的做法): 在主題的 functions.php 加入條件判斷,只在對應頁面輸出 Schema;或是直接用頁面編輯器的「自訂 HTML」區塊貼上整段 <script>。

如果你用的是 Yoast SEO 或 Rank Math,兩者都有內建 Schema 設定頁面,基本類型(Article、BreadcrumbList、FAQ)可以直接在後台填欄位、自動生成程式碼,不用手寫。詳細的 WordPress SEO 設定邏輯可以參考這份完整教學,裡面有整體架構的說明。

其他平台(Webflow、Shopify): Webflow 可以在頁面設定裡加入 <head> 自訂程式碼。Shopify 則在主題的 theme.liquid 檔案裡,找到 </head> 標籤前貼入。


Step 4:用 Rich Results Test 驗證標記是否正確

程式碼貼完不代表 Google 能正確讀取,你需要主動測試。

  1. 開啟 Google Rich Results Test
  2. 輸入你剛才修改的頁面網址,或直接貼上 HTML 程式碼
  3. 按「測試網址」,等系統分析完
  4. 查看「已偵測到豐富摘要」的清單——如果出現你設定的 Schema 類型,代表格式正確

如果出現紅色錯誤(Error),一定要修;出現黃色警告(Warning),可以視情況改,通常是某些建議欄位沒填。

另外,Schema 標記驗證通過後,Google 不保證立刻顯示豐富摘要,還取決於頁面內容品質與爬取頻率,通常需要等幾週觀察。


常見錯誤與怎麼避開

錯誤一:Schema 內容跟頁面實際內容不符 這是最嚴重的違規,Google 的文件裡明確說明:標記的資訊必須跟使用者在頁面上看到的一致。如果你在 Product Schema 裡寫「評分 4.8」,但頁面根本沒有顯示評分,Google 可能不顯示豐富摘要甚至降低信任度。

錯誤二:同一個頁面重複放多個同類型 Schema 比如一頁放了兩個 FAQPage,Google 可能只讀其中一個,或直接忽略。每種類型在同一頁只放一次。

錯誤三:用舊版的 Microdata 或 RDFa 格式 技術上沒問題,但維護麻煩,且跟頁面 HTML 結構綁在一起,改版容易出錯。新專案直接用 JSON-LD 就好。

錯誤四:只標記首頁,其他頁面全部忽略 豐富摘要是以頁面為單位出現在搜尋結果裡,每一個想要有豐富摘要的頁面都要個別標記。


進階技巧:巢狀 Schema 讓資料更完整

單一頁面可以同時放不同類型的 Schema,只要它們各自獨立、不互相衝突。比如一篇食譜文章可以同時有:

  • Recipe(顯示烹飪資訊)
  • BreadcrumbList(顯示層級路徑)
  • Person 或 Organization(標記作者或品牌)

另外,Article 類型裡可以用 author 屬性巢狀嵌入 Person 物件,提供更完整的作者資訊,這對 Google 的 E-E-A-T(Experience, Expertise, Authoritativeness, Trustworthiness)評估有幫助:

"author": {
  "@type": "Person",
  "name": "陳建宇",
  "url": "https://example.com/author/chen"
}

這種做法在 2026 年已經是內容網站的標配,尤其是針對 AI Overview 的優化場景,讓 Google 更容易識別你的內容來源可信度。


完成後的檢查清單

做完所有步驟,確認以下幾點再收工:

  • Rich Results Test 無紅色錯誤
  • Schema 內容與頁面可見內容一致
  • 每個想優化的頁面都已個別標記
  • Google Search Console 的「豐富摘要」報告已可查到該頁面(可能需等 1~2 週)
  • 程式碼放在 <head> 或 body 底部,沒有放在被 JavaScript 動態渲染才載入的區域

下一步建議:

結構化資料是技術 SEO 的一環。如果你的站在速度上還沒做過優化,可以同步去看 Core Web Vitals 的優化方法,兩件事並行,搜尋體驗會提升得比較快。另外,內部連結策略也是常常被忽略的排名因素,Schema 做好之後可以接著處理這塊。

常見問題

Schema Markup 加了之後,Google 一定會顯示豐富摘要嗎?

不保證。Schema 標記只是讓你的網站「有資格」出現豐富摘要,Google 會根據頁面內容品質、使用者搜尋意圖等因素決定是否顯示。通常驗證通過後需要等幾週才能在搜尋結果中看到效果。

Schema Markup 和 Open Graph 標記是同一件事嗎?

不是。Schema Markup(結構化資料)主要是給 Google 等搜尋引擎讀取,影響搜尋結果的顯示方式。Open Graph 標籤則是給 Facebook、LINE 等社群平台讀取,影響連結分享時的預覽卡片。兩者獨立存在,可以同時使用。

我的網站用 WordPress,需要手動寫 JSON-LD 嗎?

不一定。Yoast SEO 和 Rank Math 都有內建 Schema 功能,基本的 Article、FAQ、BreadcrumbList 等類型可以直接在後台設定欄位自動生成,不用手寫程式碼。但如果需要客製化或較特殊的 Schema 類型,還是需要手動加入 JSON-LD。

一個頁面可以同時放多種不同 Schema 類型嗎?

可以,只要它們是不同類型且各自獨立。例如一篇食譜文章可以同時有 Recipe、BreadcrumbList 和 Person(作者資訊)三種 Schema。需要注意的是,同一種類型在同一頁面只能放一個,重複放可能讓 Google 只讀其中一個或全部忽略。

Schema Markup 對 SEO 排名有直接幫助嗎?

Schema 本身不是直接的排名因素,但豐富摘要能讓搜尋結果更吸睛,提高點擊率(CTR)。點擊率上升間接對排名有正面影響。另外,巢狀 Author Schema 搭配 E-E-A-T 訊號,對內容可信度評估也有輔助作用。

分享這篇

同系列文章