一、什麼是 Schema Markup？
Schema Markup 是一種結構化數據標記（Structured Data Markup），它的作用是幫助搜尋引擎更精確地理解網頁內容，進而影響搜尋結果的顯示方式。透過 Schema Markup，你可以讓網站上的資訊以更有組織的方式呈現在搜尋結果中，例如星級評價、價格、作者名稱、發佈日期等，提升點擊率並增加網站的可見度。
Schema Markup 的作用
Schema Markup 的主要目標是提供搜尋引擎更完整的語意資訊，使搜尋結果更加豐富。當一個網站使用 Schema Markup 時，搜尋引擎可以根據這些標記在搜尋結果中展示「豐富摘要」（Rich Snippets），例如：
- 產品的價格、評價與庫存狀態
- 文章發佈日期、作者名稱與縮圖
- 活動時間、地點與票價
- 常見問題（FAQ）與即時回答
- 麵包屑導覽（Breadcrumbs）
Schema Markup 如何影響 SEO？
Schema Markup 雖然不會直接提升搜尋引擎排名，但它有助於提升點擊率（CTR），進而帶來更多流量。以下是 Schema Markup 對 SEO 的主要影響：
| SEO 影響 | 說明 |
|---|---|
| 提高點擊率（CTR） | 豐富摘要讓搜尋結果更具吸引力，使使用者更願意點擊。 |
| 提升搜尋結果可見度 | 結構化數據能讓你的內容在特定搜尋結果區塊（如 FAQ、評論、產品資訊等）中出現。 |
| 幫助搜尋引擎更理解內容 | 讓 Google、Bing 等搜尋引擎更精確地理解你的網站主題，提供更準確的搜尋結果。 |
| 可能影響語音搜尋 | 結構化數據可幫助語音助理（如 Google Assistant）提供更準確的回答。 |
Schema Markup 的常見格式
Schema Markup 主要有三種格式：
- JSON-LD（JavaScript Object Notation for Linked Data） – 這是 Google 官方推薦的格式，能夠與網頁 HTML 分開，易於維護。
- Microdata – 內嵌於 HTML 標籤內，容易與現有代碼整合，但可讀性較低。
- RDFa（Resource Description Framework in Attributes） – 主要用於語意網技術，與 Microdata 相似，但較少使用。
目前大多數網站都使用 JSON-LD，因為它比較容易維護且符合 Google 建議。
二、為何需要使用 Schema Markup？
Schema Markup（結構化資料標記）是提升網站 SEO 表現的重要工具。透過在網頁中加入 Schema Markup，可以幫助搜尋引擎更準確地理解網站內容，並以更豐富的方式呈現在搜尋結果中。
提升搜尋結果的可讀性
當搜尋引擎能夠正確理解你的內容時，它們會以「豐富摘要（Rich Snippets）」的形式，將資訊更清晰地呈現給使用者。例如，食譜可以顯示評分、烹飪時間、熱量；商品可以顯示價格、庫存狀態等資訊。
常見的豐富摘要類型
| Schema Markup 類型 | 應用範例 |
|---|---|
| 評論（Review） | 顯示星級評價，例如：⭐⭐⭐⭐⭐（4.8/5） |
| 食譜（Recipe） | 顯示烹飪時間、熱量資訊 |
| 活動（Event） | 顯示活動日期、地點 |
| 產品（Product） | 顯示價格、庫存狀態 |
| 常見問題（FAQ） | 在搜尋結果中直接顯示問答內容 |
提升點擊率（CTR）
當搜尋結果中包含額外資訊，例如評價、價格、圖片等，這些豐富的內容能夠吸引使用者的目光，提高點擊率（CTR）。相比於純文字描述的搜尋結果，有使用 Schema Markup 的頁面更容易脫穎而出。
使用 Schema Markup 的效益
- 提高曝光率：讓搜尋引擎更容易理解和推薦你的內容。
- 增加信任：顯示來自使用者的評價，提高可信度。
- 吸引目標受眾：透過提供關鍵資訊，引導使用者點擊你的網站。
對 SEO 的影響
Google 及其他搜尋引擎會根據頁面內容來決定搜尋排名，而 Schema Markup 可幫助搜尋引擎更準確地理解你的網站架構與內容，進一步影響 SEO 排名。
搜尋引擎如何使用 Schema Markup？
當搜尋引擎爬取你的網站時，會分析 Schema Markup 來判斷頁面類型，並根據標記的內容決定是否在搜尋結果中提供額外資訊。例如，標示為「{{}Product{{}」的內容，Google 就可能在 SERP（搜尋結果頁面）中顯示產品名稱、價格、評價等資訊，增加點擊機會。
搜尋結果示例
一般搜尋結果：
標題 | 產品介紹…
使用 Schema Markup 的搜尋結果：
標題 | ⭐⭐⭐⭐⭐ 4.8（200 則評論） | $999（有庫存）
結語
Schema Markup 是提升網站可見度、增加搜尋結果點擊率的有力工具。透過應用適合的 Schema 類型，你可以讓網站資訊更具吸引力，為 SEO 效果帶來正面影響。
三、常見的 Schema Markup 類型
Schema Markup 有許多不同的類型，每一種都有其特定的用途，能夠幫助搜尋引擎更清楚地理解頁面內容。以下介紹幾種常見的 Schema Markup 類型，並說明它們的應用場景與範例。
1. Organization（組織）
Organization Schema Markup 用於描述公司、品牌或機構的基本資訊，例如名稱、Logo、聯絡方式、社群媒體連結等，能幫助搜尋引擎正確理解企業資訊。
適用場景
- 公司官網
- 品牌介紹頁面
範例
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "範例公司", "url": "https://example.com", "logo": "https://example.com/logo.png", "contactPoint": { "@type": "ContactPoint", "telephone": "+886-2-1234-5678", "contactType": "customer service" } } </script> 2. Article（文章）
Article Schema Markup 適用於部落格文章、新聞報導等內容，有助於提升文章在 Google 搜尋結果中的可見性。
適用場景
- 新聞網站
- 部落格文章
範例
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "headline": "示範文章標題", "author": { "@type": "Person", "name": "作者名稱" }, "publisher": { "@type": "Organization", "name": "網站名稱", "logo": { "@type": "ImageObject", "url": "https://example.com/logo.png" } }, "datePublished": "2024-06-01", "dateModified": "2024-06-01" } </script> 3. Product（產品）
Product Schema Markup 適用於電商網站，能讓 Google 瞭解產品的資訊，如名稱、價格、評價等，進而在搜尋結果中呈現豐富的產品摘要。
適用場景
- 電商網站
- 商品介紹頁面
範例
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Product", "name": "示範產品", "image": "https://example.com/product.jpg", "description": "這是一款示範產品的描述。", "brand": { "@type": "Brand", "name": "品牌名稱" }, "offer": { "@type": "Offer", "priceCurrency": "TWD", "price": "999", "availability": "http://schema.org/InStock" } } </script> 4. FAQ（常見問題）
FAQ Schema Markup 用於標記常見問答內容，讓搜尋引擎能在搜尋結果中以「可展開的 FAQ」方式直接顯示答案。
適用場景
- FAQ 頁面
- 產品支援或常見問題區域
範例
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "問：這個產品有保固嗎？", "acceptedAnswer": { "@type": "Answer", "text": "答：是的，本產品享有一年保固。" } }, { "@type": "Question", "name": "問：可以退款嗎？", "acceptedAnswer": { "@type": "Answer", "text": "答：是的，購買後 7 天內可申請退款。" } } ] } </script> 5. BreadcrumbList（導覽列）
BreadcrumbList Schema Markup 用來標記網站的導覽結構，能幫助搜尋引擎理解頁面層級，並可能在搜尋結果中顯示路徑，提高點擊率。
適用場景
- 電商網站
- 內容網站
- 多層級網站
範例
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "首頁", "item": "https://example.com/" }, { "@type": "ListItem", "position": 2, "name": "產品分類", "item": "https://example.com/products/" }, { "@type": "ListItem", "position": 3, "name": "示範產品", "item": "https://example.com/products/sample-product/" } ] } </script> 四、Schema Markup 的應用範例
Schema Markup 的應用範圍相當廣泛，涵蓋各種類型的內容，例如文章、產品、活動、FAQ 等。以下我們將介紹幾個常見的 Schema Markup 類型，並說明如何標記及最佳實踐。
1. 文章（Article）
適用於部落格文章、新聞和其他內容，讓搜尋引擎更容易理解文章的標題、發佈日期、作者等資訊。
標記範例：
{ "@context": "https://schema.org", "@type": "Article", "headline": "如何使用 Schema Markup 提升 SEO", "author": { "@type": "Person", "name": "王小明" }, "datePublished": "2024-06-05", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://example.com/blog/schema-markup" } } 最佳實踐：
- 確保標記的標題與網頁實際標題一致。
- 標記發佈與更新日期，提高搜尋結果的時效性。
- 若有作者，應包含作者資訊，有助於建立權威性。
2. 產品（Product）
適用於電商網站，讓搜尋結果顯示商品名稱、價格、評價等資訊，提高點擊率（CTR）。
標記範例：
{ "@context": "https://schema.org", "@type": "Product", "name": "智慧型手機 XYZ", "image": "https://example.com/product-image.jpg", "description": "功能強大的智慧型手機，搭載最新 AI 技術。", "brand": { "@type": "Brand", "name": "XYZ" }, "offers": { "@type": "Offer", "price": "19999", "priceCurrency": "TWD", "availability": "https://schema.org/InStock" } } 最佳實踐：
- 標記商品名稱、價格與貨存狀態，提高 SEO 轉換率。
- 提供商品圖片，讓搜尋結果更具吸引力。
- 若有促銷活動，可加上
priceValidUntil提供有效期限。
3. 常見問題（FAQPage）
適用於包含常見問題的頁面，讓搜尋結果顯示問答內容，有助於提升點擊率。
標記範例：
{ "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "什麼是 Schema Markup？", "acceptedAnswer": { "@type": "Answer", "text": "Schema Markup 是一種結構化資料，可幫助搜尋引擎更好地理解網頁內容。" } }, { "@type": "Question", "name": "如何實作 Schema Markup？", "acceptedAnswer": { "@type": "Answer", "text": "可以使用 JSON-LD 格式，將 Schema Markup 代碼嵌入 HTML 頁面內。" } } ] } 最佳實踐：
- 問題與答案應該清楚且易於理解。
- 避免使用不相關或過度優化的內容。
- 確保 FAQ 內容與網頁實際內容相符，以免影響搜尋排名。
4. 本地商家（LocalBusiness）
適用於店家、餐廳等在地商家，幫助提升地圖搜尋排名。
標記範例：
{ "@context": "https://schema.org", "@type": "LocalBusiness", "name": "王小明咖啡店", "image": "https://example.com/logo.jpg", "address": { "@type": "PostalAddress", "streetAddress": "台北市中正區忠孝路 100 號", "addressLocality": "台北市", "postalCode": "100", "addressCountry": "TW" }, "telephone": "+886-2-1234-5678", "openingHours": "Mo-Su 08:00-22:00" } 最佳實踐：
- 確保地址、電話等資訊與 Google 商家檔案（Google My Business）一致。
- 可額外加入
aggregateRating提供評價資訊，提升可信度。 - 使用
openingHours讓用戶清楚營業時間，提升用戶體驗。
五、如何測試與驗證 Schema Markup？
在實作 Schema Markup 之後，接下來的關鍵步驟就是測試與驗證，確保標記正確無誤，這樣才能讓搜尋引擎正確理解你的頁面內容。Google 提供了多種免費工具來協助測試與驗證 Schema Markup，包括結構化資料測試工具和搜尋結果測試工具。
Google 結構化資料測試工具
Google 結構化資料測試工具（Schema Markup Validator）是一款可以直接輸入網址或程式碼片段來測試 Schema 標記的工具。此工具適用於通用的 Schema.org 標記，但 Google 本身已逐步將重心移轉至搜尋結果測試工具。
使用步驟：
- 前往 Schema Markup Validator。
- 選擇「輸入 URL」或「貼上程式碼」。
- 點擊「執行測試」，工具會分析標記並顯示錯誤或警告。
- 根據系統的回饋修正標記，確保與 Schema.org 規範一致。
Google 搜尋結果測試工具
Google 搜尋結果測試工具主要用來測試符合 Google 強化搜尋（Rich Results）的結構化資料，確保你的標記可觸發網站豐富摘要（如FAQ、產品、評論等）。
使用步驟：
- 前往 Google 搜尋結果測試工具。
- 輸入你的網頁 URL，或直接貼上 HTML 代碼。
- 點擊「測試」，系統開始分析頁面內的結構化資料。
- 工具將顯示哪些強化搜尋結果可被觸發，並列出錯誤或警告。
- 修正標記並再次執行測試，直到沒有錯誤為止。
比較結構化資料測試工具與搜尋結果測試工具
| 測試工具 | 適用範圍 | 主要用途 |
|---|---|---|
| Schema Markup Validator | 適用於所有 Schema.org 標記 | 驗證標記是否符合標準，但不保證能觸發搜尋結果強化功能 |
| Google 搜尋結果測試工具 | 適用於 Google 搜尋結果支援的結構化資料 | 確認你的標記是否可觸發 Google 的豐富搜尋結果 |
最佳實踐建議
- 在導入 Schema Markup 之前，先使用測試工具確保標記無誤。
- 如果測試工具顯示錯誤或警告，應立即修正並重新測試。
- Schema Markup 應與頁面實際內容一致，不可濫用，以免違反 Google 政策。
- 定期檢查網站的結構化資料，確保長期維持最佳狀態。
透過這些測試工具，你可以確保 Schema Markup 運作正常，並讓搜尋引擎能有效解析你的內容，提高 SEO 表現。
