
上週有個客戶問我:「我的網頁明明排在第一頁,但點擊率就是上不去,怎麼辦?」我請他打開 Google 搜尋他的品牌關鍵字,然後跟他說:「你看看你的搜尋結果——就一行標題、一行描述。再看看上面那個競品——有星星評分、有 FAQ 展開、有產品價格。你覺得使用者會點誰?」
那個讓搜尋結果「長得不一樣」的東西,就是 Schema Markup(結構化資料)。它不是什麼新技術,但在 2026 年的今天,它已經從「有加分」變成「沒有就掉隊」。Google 官方文件明確建議所有網站實作結構化資料,而且 Google 和 Microsoft 都在 2025 年公開表示:AI 搜尋功能直接使用 Schema Markup 來理解網頁內容。
這篇文章會從零開始,用最白話的方式帶你搞懂 Schema Markup 是什麼、怎麼加、加了之後會發生什麼事。不管你是自己架站的老闆、行銷人員、還是工程師,讀完這篇你就能動手做。

Schema Markup 是什麼?用最白話的方式解釋
想像你開了一家餐廳,Google 就像一個不懂中文的外國遊客走進來。他看到你的菜單,能看到文字,但他不知道哪個是菜名、哪個是價格、哪個是辣度標示。Schema Markup 就是你在菜單上貼的「翻譯標籤」——告訴 Google:這個是菜名、這個是價格 NT$350、這個辣度是三顆辣椒。
技術一點說,Schema Markup 是一種結構化資料標記語言,它依照 Schema.org 的規範,用機器能讀懂的格式描述你網頁上的內容。Schema.org 是 Google、Microsoft、Yahoo、Yandex 在 2011 年共同建立的開放標準,目前已經有超過 800 種標記類型。
舉個例子。你的網頁上寫著「恆遠數位行銷|網頁設計公司|台北」,人類看得懂,但搜尋引擎只看到一串文字。加上 Schema Markup 之後,你等於告訴搜尋引擎:
ℹ️JSON-LD 基本範例
{ "@context": "https://schema.org", "@type": "Organization", "name": "恆遠數位行銷", "description": "網頁設計公司", "address": { "@type": "PostalAddress", "addressLocality": "台北" } }
Google 目前推薦的格式是 JSON-LD(JavaScript Object Notation for Linked Data),它放在網頁的 不用改你的 HTML,獨立運作。
為什麼 2026 年 Schema Markup 從加分變必備?
三年前,Schema Markup 還是「做了加分,不做也沒差」的東西。但 2026 年,局勢完全不同了。Stackmatix 的研究指出,沒有實作 Schema 的網站,在 AI 搜尋時代可能損失高達 60% 的曝光機會。這不是危言聳聽,背後有三個結構性的變化:
AI 搜尋引擎直接讀取 Schema
2025 年 3 月,Google 和 Microsoft 公開聲明:他們的生成式 AI 功能(如 AI Overview、Copilot)會直接使用網頁上的結構化資料。ChatGPT 也確認,它的搜尋功能會優先參考有 Schema 標記的內容。原因很簡單——結構化資料對機器來說「高效、精確、容易處理」。
搜尋結果的競爭越來越視覺化
打開 Google 搜尋任何商業關鍵字,你會發現搜尋結果已經不是十條藍色連結了。有圖片輪播、影片預覽、FAQ 展開、產品價格、評分星星⋯⋯這些豐富的呈現方式,超過 36.6% 的搜尋結果至少包含一個 Rich Snippet。沒有 Schema,你的搜尋結果就是最樸素的那一條。
有 Schema 的頁面,Rich Result 機率高 2.7 倍
數據不說謊。根據多項研究,有實作結構化資料的頁面,獲得 Rich Result(豐富搜尋結果)的機率是沒有的 2.7 倍。而有 Rich Result 的搜尋結果,使用者點擊率是一般結果的 58% vs 41%。這已經是質的飛躍,遠遠超過微幅提升的層級。

最常用的 6 種 Schema 類型(附程式碼範例)
Schema.org 有 800 多種類型,但 Google 實際支援顯示 Rich Result 的大約 32 種。對大多數網站來說,掌握以下 6 種就夠用了:
Schema 類型 | 適用場景 | Rich Result 效果 | 推薦指數 |
|---|---|---|---|
Article | 部落格文章、新聞 | 文章標題、作者、發布日期、縮圖 | ⭐⭐⭐⭐⭐ |
LocalBusiness | 實體店面、在地服務 | 地址、營業時間、電話、評分 | ⭐⭐⭐⭐⭐ |
Product | 電商產品頁 | 價格、庫存狀態、評分星星 | ⭐⭐⭐⭐⭐ |
FAQPage | 常見問題頁面 | 問答展開式呈現 | ⭐⭐⭐⭐ |
BreadcrumbList | 所有頁面 | 麵包屑導覽列 | ⭐⭐⭐⭐ |
HowTo | 教學、步驟說明 | 步驟式展開呈現 | ⭐⭐⭐⭐ |
Article Schema(文章)
如果你有部落格,這是第一個該加的。它讓 Google 知道這是一篇文章、誰寫的、什麼時候發布的。
ℹ️Article Schema JSON-LD
{ "@context": "https://schema.org", "@type": "Article", "headline": "Schema Markup 結構化資料教學", "author": { "@type": "Person", "name": "自由揚" }, "datePublished": "2026-04-06", "dateModified": "2026-04-06", "publisher": { "@type": "Organization", "name": "恆遠數位行銷", "logo": { "@type": "ImageObject", "url": "https://foreverwebs.com/logo.png" } }, "image": "https://foreverwebs.com/article-image.jpg", "description": "從零開始學會 Schema Markup,提升搜尋結果點擊率" }
LocalBusiness Schema(在地商家)
開店的、做在地服務的,這個必加。加了之後 Google 搜尋結果會直接顯示你的地址、電話、營業時間。重點是要用越具體的子類型越好——別用泛用的 LocalBusiness,改用 Restaurant、LegalService、Dentist 這些更精確的類型。
ℹ️LocalBusiness Schema JSON-LD
{ "@context": "https://schema.org", "@type": "ProfessionalService", "name": "恆遠數位行銷 網頁設計", "address": { "@type": "PostalAddress", "streetAddress": "信義路五段 7 號", "addressLocality": "台北市", "addressCountry": "TW" }, "telephone": "+886-2-1234-5678", "openingHours": "Mo-Fr 09:00-18:00", "priceRange": "$$", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.8", "reviewCount": "126" } }
Product Schema(產品)
做電商的命脈。加上 Product Schema,你的搜尋結果會直接顯示價格和評分星星。想想看,使用者還沒點進來就看到「NT$1,299|4.7 顆星|126 則評價」,這轉換率能不高嗎?
FAQPage Schema(常見問題)
FAQPage Schema 能讓你的常見問題直接在搜尋結果中展開顯示。要注意的是,2024 年起 Google 限縮了 FAQ Rich Result 的顯示範圍,主要給權威的政府和健康網站。但加上 FAQPage Schema 依然有助於 AI 搜尋引擎理解你的內容結構。
BreadcrumbList Schema(麵包屑)
這個最容易被忽略,但 CP 值最高。它讓搜尋結果的網址列從醜醜的 URL 變成「首頁 > 部落格 > SEO 教學」這樣的階層導覽。使用者一眼就知道這個頁面在你網站的哪個位置。
HowTo Schema(教學步驟)
如果你的內容是教學性質的(像這篇文章),HowTo Schema 能讓 Google 把你的步驟直接展開在搜尋結果裡。使用者不用點進來就能看到步驟摘要,反而更容易吸引他們點擊看完整內容。
如何在網站上加入 Schema Markup?3 種方法
知道了 Schema 的好處,接下來就是「怎麼加」。根據你的技術能力和網站類型,有三種方式:
比較項目 | 手動寫 JSON-LD | WordPress 外掛 | 開發者整合 |
|---|---|---|---|
技術門檻 | 中等(需懂基本 JSON) | 低(圖形介面操作) | 高(需要程式能力) |
彈性 | 高 | 中 | 最高 |
維護成本 | 高(手動更新) | 低(自動同步) | 低(自動化) |
適合對象 | 行銷人員、SEO 學習者 | WordPress 網站經營者 | 工程師、客製化網站 |
推薦工具 | Google 結構化資料標記協助工具 | Rank Math、Yoast SEO | Next.js JSON-LD、自定義 Component |
方法一:手動寫 JSON-LD(最基礎)
這是最直接的方式。你只要在網頁的 或 裡加上一段
步驟:
- 到 Schema.org 查找你需要的類型
- 參考 Google 官方文件 的必填與選填欄位
- 用 JSON 格式寫好資料
- 放進你的 HTML 的
- 用 Google Rich Results Test 驗證
方法二:WordPress 外掛(最省力)
如果你用 WordPress,最推薦用 Rank Math SEO 外掛。它內建 Schema Generator,你只要在文章編輯頁面選擇 Schema 類型、填寫欄位,外掛就會自動產生 JSON-LD。Yoast SEO 也有類似功能,但 Rank Math 的 Schema 選項更完整。
方法三:開發者整合(最強大)
如果你是用 Next.js、Nuxt 這類現代框架,可以直接在程式碼裡動態產生 JSON-LD。以 Next.js 為例,官方文件建議在 page.tsx 裡用
Next.js JSON-LD 範例
export default function Page() { const jsonLd = { "@context": "https://schema.org", "@type": "Article", headline: "Schema Markup 教學", author: { "@type": "Person", name: "自由揚" }, datePublished: "2026-04-06" }; return ( <> <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} /> {/* 頁面內容 */} </> ); }
這種方式的好處是 Schema 資料可以從 CMS 或資料庫動態抓取,不用每篇文章手動寫。我們在 恆遠數位行銷 的 SEO 服務中,就是用這種方式幫客戶自動產生每個頁面的結構化資料。
Schema Markup 對 SEO 的實際影響數據
口說無憑,來看數字。以下是各項研究和實務經驗匯整出的 Schema Markup 影響數據:
指標 | 沒有 Schema | 有 Schema | 提升幅度 |
|---|---|---|---|
搜尋結果點擊率(CTR) | 平均 3.2% | 平均 5.5% | +20% ~ 40% |
Rich Result 顯示機率 | 基準值 | 2.7 倍 | +170% |
使用者點擊偏好 | 41% | 58% | +41% |
AI 搜尋引用機率 | 低 | 顯著提升 | 預估 +60% |
Featured Snippet 佔比 CTR | — | 42.9% | 最高位置 |
這些數據背後有一個公式可以幫你理解:
搜尋結果吸引力公式
搜尋結果吸引力 = 標題品質 × Rich Snippet 豐富度 × 星級評分可見度 三個變數中,Rich Snippet 豐富度和星級評分可見度都直接由 Schema Markup 控制。換句話說,Schema 影響了這個公式裡三分之二的變數。
Google 的數據也顯示,有結構化資料的網頁點閱率平均可提升 25%。這個數字看起來不大,但如果你的網站每月有 10,000 次搜尋曝光,25% 的 CTR 提升就是多了 2,500 次點擊——等於不用多花一毛廣告費。

實戰案例:加了 Schema 後點擊率翻倍的真實故事
講一個業界常見的實際案例。
去年有個做烘焙材料電商的客戶來找我們,他的產品頁排名不差,大約在第 3-5 名,但 CTR 只有 2.1%。打開搜尋結果一看就知道原因:他上面的競品都有價格、評分星星、庫存狀態,而他的結果就是光禿禿的一行標題。
我們做了三件事:
- 產品頁加上 Product Schema——包含價格、評分、庫存狀態、品牌
- 分類頁加上 BreadcrumbList Schema——讓搜尋結果顯示「首頁 > 烘焙材料 > 巧克力」
- FAQ 頁加上 FAQPage Schema——常見問題直接在搜尋結果展開
結果呢?兩週後(Google 重新爬取並更新索引),他的產品頁 CTR 從 2.1% 上升到 4.8%,幾乎翻倍。更驚人的是,因為 CTR 提升帶動了排名正向循環,三個月後他的多數產品頁都從第 3-5 名上升到了第 1-3 名。
這個故事真正想說的不只是「Schema 很厲害」,而是——你的內容品質可能已經夠好了,只是搜尋結果的呈現方式拖了後腿。Schema Markup 就是解決這個問題最直接的工具。
Schema Markup 常見錯誤 & 驗證工具
加 Schema 不難,但很多人加了等於白加——因為犯了以下這些常見錯誤:
常見錯誤 | 說明 | 正確做法 |
|---|---|---|
標記內容與頁面不符 | Schema 寫的評分 4.9,但頁面上根本沒有評分 | Schema 資料必須反映頁面上可見的內容 |
缺少必填欄位 | Product Schema 沒寫 name 或 offers | 參考 Google 文件的必填欄位清單 |
JSON 格式錯誤 | 少了逗號、多了逗號、括號不對 | 用驗證工具檢查語法 |
一頁標記太多類型 | 一個產品頁同時標記 Article + Product + LocalBusiness | 每頁只標記最相關的 1-2 種類型 |
使用過時的標記格式 | 還在用 Microdata 或 RDFa | 改用 Google 推薦的 JSON-LD |
不更新 Schema 資料 | 產品下架了但 Schema 還顯示有庫存 | Schema 應該動態產生,與實際資料同步 |
自我評分灌水 | 自己給自己 5 顆星的 AggregateRating | 評分必須來自真實使用者評論 |
驗證工具推薦
加完 Schema 之後,一定要驗證。以下是三個必用的工具:
- Google Rich Results Test(連結)——測試你的頁面是否符合 Google Rich Result 的資格,會顯示偵測到的 Schema 類型和任何錯誤。
- Schema.org Validator(連結)——驗證你的 JSON-LD 語法是否符合 Schema.org 規範。
- Google Search Console——在「強化項目」區塊可以看到 Google 偵測到的所有結構化資料,以及任何錯誤或警告。這是長期監控的最佳工具。
我的建議是:每次加新的 Schema 類型,先用 Rich Results Test 測試單頁,確認沒問題後再大規模部署。部署後持續在 Search Console 監控,確保沒有新的錯誤出現。
FAQ
QSchema Markup 會直接影響排名嗎?
Google 官方說法是 Schema Markup 不是排名因素。但實務上,它透過提升 CTR 間接影響排名。搜尋引擎會觀察使用者行為——如果你的搜尋結果一直被點擊,Google 會認為你的內容更符合使用者需求,排名就會慢慢上升。這是一個正向循環。
Q加了 Schema 多久會看到效果?
取決於 Google 重新爬取你網站的頻率。高流量網站可能幾天就看到,中小型網站通常需要 1-4 週。你可以在 Search Console 手動提交網址,加速 Google 的爬取。
Q我的網站不是 WordPress,也能加 Schema 嗎?
當然可以。Schema Markup 就是一段 JSON-LD 程式碼,放在任何網頁的 HTML 裡都行。不管你用 Wix、Squarespace、Shopify、Next.js 還是純 HTML,都能加。差別只在於有沒有圖形化的工具輔助你,沒有的話就手動寫 JSON-LD。
Q一個頁面可以有多個 Schema 嗎?
可以,但要合理。比如一個產品頁同時有 Product Schema 和 BreadcrumbList Schema 是完全正確的。但不要把不相關的 Schema 硬塞在同一頁——比如在部落格文章頁加上 Product Schema,這樣反而會被 Google 判定為誤用。
QSchema Markup 需要持續維護嗎?
需要。Schema 資料應該反映頁面的實際狀態。產品價格變了、營業時間改了、文章內容更新了,Schema 都要跟著更新。最好的做法是讓 Schema 從資料庫動態產生,而不是寫死在程式碼裡。
下一步:從一個頁面開始
看完這篇,你應該對 Schema Markup 有了完整的理解。但知道不等於做到——我建議你現在就做一件事:選一個你最重要的頁面,加上對應的 Schema Markup。
如果你是電商,先加 Product Schema。如果你是在地商家,先加 LocalBusiness Schema。如果你有部落格,先加 Article Schema。不用一次全部做完,先做一個,用 Google Rich Results Test 驗證成功,你就會有動力繼續做下去。
如果你對 SEO 優化的基礎觀念還不太熟,建議先看看我們的 On-Page SEO 完整指南,把基本功打好之後再來實作 Schema Markup,效果會更明顯。
需要專業團隊幫你全站規劃結構化資料?可以看看我們的 SEO 優化服務,從 Schema Markup 到整體 SEO 策略,我們都能幫你搞定。
延伸閱讀
AUTHOR
自由揚AntonyLin
想了解更多?看看我們的相關服務
相關文章

企業官網設計外包採購完整指南:6 個關鍵決策、3 個報價區間(15-200 萬)、5 條合約紅線——中小企業老闆 12 個月不踩雷的選商框架

企業 GEO(生成式引擎優化)顧問採購完整指南:何時該開始、6 個關鍵決策、3 個報價區間、5 條合約紅線

台中網站架設公司怎麼挑:7 個技術指標、4 種預算區間、4 條合約紅線

台中軟體開發公司怎麼選:6 個技術指標、5 個常見地雷、報價區間與合約紅線

台中系統開發外包報價怎麼算:6 種專案類型、估時方法、4 條合約紅線、避免被坑的 SOP

留言(0)
尚無留言,成為第一個留言的人吧!