一、結構化資料標記 (Schema Markup) 是什麼？
結構化資料標記 (Schema Markup) 是一種特殊的語法，能夠幫助搜尋引擎更清楚地理解網頁內容。這種標記使用來自 Schema.org 的標準格式，將資訊以結構化的方式呈現，使搜尋引擎能正確解析並在搜尋結果中提供更豐富的摘要 (Rich Snippets)。
結構化資料標記的用途
結構化資料標記的主要目的是讓搜尋引擎理解網站的內容，並能在搜尋結果中提供更多資訊。例如：
- 在搜尋結果中顯示星級評分
- 讓搜尋結果包含產品價格、庫存資訊
- 顯示活動日期、地點等詳細資訊
- 優化 FAQ 內容，使其直接顯示在搜尋結果中
結構化資料標記對 SEO 的幫助
透過正確使用結構化資料標記，可以提升網站在搜尋引擎中的可見度，並有助於獲得更高的點擊率 (CTR)。具體優勢包括：
| 優勢 | 說明 |
|---|---|
| 提升搜尋結果的豐富性 | 讓搜尋結果包含圖片、評分、價格等額外資訊，使結果更吸引人 |
| 提高點擊率 (CTR) | 豐富摘要 (Rich Snippets) 可吸引更多使用者點擊 |
| 幫助搜尋引擎理解內容 | 讓 Google、Bing 等搜尋引擎更準確地解析網頁內容 |
結構化資料標記的主要類型
Schema.org 提供了許多不同類型的結構化資料標記，針對不同的內容類型進行標記。以下是一些常見類型：
- 文章 (Article)： 適用於新聞、部落格等內容
- 產品 (Product)： 用於標記產品名稱、價格、評分等資訊
- 組織 (Organization)： 用於標記公司名稱、聯絡方式等企業資訊
- 當地商家 (LocalBusiness)： 用於標記店家營業時間、地址、電話號碼等
- 活動 (Event)： 標記活動日期、時間、地點
- FAQ (FAQPage)： 適用於常見問題 (FAQs) 的內容
Google 如何使用結構化資料？
Google 利用結構化資料來提升搜尋結果的品質。當網頁包含結構化資料時，Google 可能會在搜尋結果中顯示更具吸引力的豐富摘要 (Rich Snippets)，這些摘要能夠幫助使用者判斷該網站是否符合他們的需求。例如：
- 如果標記了產品資訊，搜尋結果可能會顯示產品評價與價格
- 如果網站包含 FAQ 標記，搜尋結果可能會直接顯示問答內容
- 如果是食譜網站，可能會顯示食材、烹飪時間等細節
了解結構化資料標記的基本概念後，接下來我們將探討如何在網站中實作這些標記，提升 SEO 效果。
2. 為什麼結構化資料對SEO很重要？
結構化資料標記（Schema Markup）對於SEO來說至關重要，因為它能夠幫助搜尋引擎更準確地理解網站內容，進而提升搜尋結果的可見性。當搜尋引擎能夠更好地解析網站資訊時，便可能在搜尋結果頁面（SERP）中呈現豐富摘要（Rich Snippets），例如星級評價、FAQ、產品價格等，進而提升點擊率（CTR）。
2.1 結構化資料如何影響搜尋結果？
使用結構化資料標記可以讓Google等搜尋引擎，在搜尋結果中展示更具吸引力的資訊。例如：
- 顯示星級評價（適用於評論類型內容）。
- 在產品搜尋結果中呈現價格、庫存資訊。
- FAQ頁面可直接顯示問題與解答，增加可見度。
- 提升活動搜尋結果的可讀性，顯示日期、地點等資訊。
透過這些豐富摘要，搜尋結果不僅更有吸引力，還能讓用戶更快獲得所需資訊，提升點擊機率。
2.2 結構化資料如何提升點擊率（CTR）與流量？
當搜尋結果變得更豐富且具吸引力時，使用者更有可能點擊進入您的網站，進而提升點擊率。以下是結構化資料如何影響SEO與流量：
| 優勢 | 影響 |
|---|---|
| 搜尋結果更吸引人 | 讓搜尋結果更具視覺吸引力，吸引使用者注意。 |
| 提升點擊率（CTR） | 根據研究，使用結構化資料的網站往往點擊率較高。 |
| 增強網站可信度 | 顯示星級評價與企業資訊，有助於提升信任感。 |
| 增加流量 | 更高的點擊率最終能帶來更多自然流量。 |
2.3 哪些類型的網站最需要結構化資料？
並非所有網站都需要結構化資料標記，但以下類型的網站特別適合使用：
- 電子商務網站： 可標記產品名稱、價格、評價、庫存狀態等。
- 部落格與內容網站： 可使用FAQ結構化資料，提升可見性。
- 新聞與媒體： 使用Article Schema幫助Google更好理解新聞內容。
- 當地商家： 可標記商家名稱、地址、營業時間，讓使用者搜尋時更容易找到重要資訊。
2.4 如何確認結構化資料是否正確實作？
要確認結構化資料標記是否正確，可以使用以下工具：
- Google豐富結果測試工具 – 測試您的結構化資料是否符合Google標準。
- Schema.org – 參考官方結構化資料標準，確保語法正確。
- Google Search Console中的「增強功能」報告 – 查看網站已標記的數據是否正確。
透過這些工具，您可以確保結構化資料的正確性，並即時修正可能出現的錯誤。
三、常見的結構化資料類型
在SEO最佳化中，使用結構化資料標記 (Schema Markup) 可以幫助搜尋引擎更準確地理解你的網頁內容，進而提高點擊率並提升搜尋結果的可見度。以下介紹幾種最常見的結構化資料類型，讓你能夠更有效地運用在網站上。
1. 文章 (Article)
如果你經營的是部落格或新聞網站，文章型 (Article) 的結構化資料標記是不可或缺的。這類型的標記能夠讓搜尋引擎瞭解文章的標題、作者、發布日期等資訊，並可能讓你的文章在搜尋結果中以更豐富的方式顯示，如「熱門文章」或「新聞故事卡片」。
基本的 Article 標記範例：
<script type="application/ld+json">{ "@context": "https://schema.org", "@type": "Article", "headline": "標題內容", "author": { "@type": "Person", "name": "作者名稱" }, "datePublished": "2024-06-01", "dateModified": "2024-06-01"}</script>2. 產品 (Product)
如果你有電商網站，使用 Product Schema 可以幫助你的產品資訊 (如名稱、價格、評價) 在搜尋結果中以「富含額外資訊」的方式呈現，吸引更多點擊。
Product Schema 包含的關鍵屬性：
| 屬性名稱 | 說明 |
|---|---|
name |
產品名稱 |
image |
產品圖片 URL |
description |
產品簡短描述 |
offers |
產品售價與貨幣 |
基本的 Product 標記範例：
<script type="application/ld+json">{ "@context": "https://schema.org", "@type": "Product", "name": "示範產品", "image": "https://example.com/image.jpg", "description": "這是一款優質的產品。", "offers": { "@type": "Offer", "price": "299", "priceCurrency": "TWD", "availability": "https://schema.org/InStock" }}</script>3. 評論與評分 (Review / AggregateRating)
如果你的網站提供用戶評論或評分系統，可以使用 Review 或 AggregateRating Schema 讓搜尋結果顯示星級評分，進一步提升點擊率。
基本的 AggregateRating 標記範例：
<script type="application/ld+json">{ "@context": "https://schema.org", "@type": "Product", "name": "示範產品", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.5", "reviewCount": "150" }}</script>4. 組織 (Organization)
企業或組織可以使用 Organization Schema 來提供名稱、標誌、聯絡資訊等，讓搜尋引擎更完整地展示你的公司資訊。
基本的 Organization 標記範例：
<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-912-345-678", "contactType": "customer service" }}</script>5. 活動 (Event)
如果你舉辦線上或實體活動，Event Schema 可幫助搜尋引擎理解活動的時間、地點與票價資訊，讓更多人能在相關搜尋中找到你的活動。
基本的 Event 標記範例：
<script type="application/ld+json">{ "@context": "https://schema.org", "@type": "Event", "name": "示範活動", "startDate": "2024-07-01T19:00", "location": { "@type": "Place", "name": "活動地點", "address": { "@type": "PostalAddress", "streetAddress": "某某路1號", "addressLocality": "台北市", "addressCountry": "TW" } }}</script>以上這些是最常見的結構化資料標記類型，你可以根據你的網站類型與需求來選擇合適的 Schema，幫助搜尋引擎更直觀地理解你的內容，進一步提升搜尋結果的表現。
四、如何在網站上實作結構化資料？
在前面的部分，我們介紹了結構化資料標記 (Schema Markup) 的概念與作用。現在，我們要進一步學習如何將結構化資料實際應用到網站上。這裡會介紹最推薦的JSON-LD格式，並提供範例程式碼，讓你的網站能夠更好地與搜尋引擎溝通。
4.1 JSON-LD 是什麼？
JSON-LD（JavaScript Object Notation for Linked Data）是一種以 JavaScript 物件表示的結構化資料格式。它可以直接嵌入在 HTML 頁面內的 <script> 標籤中，而不需要修改現有的 HTML 結構。這不僅讓開發者更容易維護，也讓搜尋引擎更容易解析。
4.2 JSON-LD 的優勢
使用 JSON-LD 來標記結構化資料有幾個明顯的優勢：
- 獨立性高：與 HTML 分離，不影響現有程式碼。
- 可讀性好：結構清晰，方便維護。
- 搜尋引擎推薦：Google 官方建議優先使用 JSON-LD 格式。
4.3 如何新增 JSON-LD 到網站？
要在網站上使用 JSON-LD，只需將結構化資料的 JSON 內容放入 <script type="application/ld+json"> 標籤內，並將其置於 HTML 頁面的 <head> 或 <body> 內。
4.4 範例：為部落格文章添加結構化資料
以下是為一篇部落格文章添加結構化資料的 JSON-LD 程式碼範例：
<script type="application/ld+json">{ "@context": "https://schema.org", "@type": "BlogPosting", "headline": "結構化資料標記 (Schema Markup) 的基本概念與實作教學", "description": "這篇文章介紹了結構化資料標記的基本概念，以及如何使用 JSON-LD 來標記網站內容。", "author": { "@type": "Person", "name": "張三" }, "publisher": { "@type": "Organization", "name": "我的網站", "logo": { "@type": "ImageObject", "url": "https://www.example.com/logo.png" } }, "datePublished": "2024-06-01", "dateModified": "2024-06-02", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.example.com/blog/schema-markup-tutorial" }}</script>程式碼解析
這段 JSON-LD 主要標記了一篇部落格文章，並包含以下重要資訊：
| 屬性 | 說明 |
|---|---|
@context |
告訴搜尋引擎這是一個 Schema.org 的標記 |
@type |
指定這個內容的類型（BlogPosting 代表部落格文章） |
headline |
文章標題 |
description |
文章描述 |
author |
作者資訊 |
publisher |
網站及品牌資訊 |
datePublished |
文章發佈日期 |
dateModified |
文章修改日期 |
mainEntityOfPage |
文章的網址 |
4.5 如何測試 JSON-LD 是否有效？
添加 JSON-LD 之後，可以使用以下工具來測試標記是否正確：
只要貼上 JSON-LD 內容或網站 URL，即可檢查標記是否正確，並確認搜尋引擎是否能夠理解你的結構化資料。
五、測試與驗證結構化資料
當你在網站上新增結構化資料標記 (Schema Markup) 後，下一步就是要確認這些標記是否正確且有效。Google 提供了幾種工具來幫助我們測試與驗證結構化資料，最常用的有「結構化資料測試工具」和「Google Search Console」。以下我們來詳細說明如何使用這些工具。
使用 Google 的結構化資料測試工具
Google 提供了一個簡單易用的工具——Rich Results Test (豐富結果測試工具)，讓我們可以檢查標記是否符合 Google 的要求。
步驟 1：進入 Rich Results Test (豐富結果測試工具)
打開 Google 的測試工具，你會看到一個輸入欄位，這裡可以輸入「網址」或「程式碼」來測試。
步驟 2：輸入網址或貼上程式碼
你可以選擇以下兩種方式來測試：
- 輸入網址： 如果你的網站已經上線，直接輸入要測試的網頁 URL，然後點擊「測試」。
- 貼上程式碼： 若你還沒有發布網站，可直接貼上 HTML 程式碼進行測試。
步驟 3：查看檢測結果
測試完成後，Google 會顯示結果，通常可能會有以下幾種狀況：
| 結果 | 意義 |
|---|---|
| 有效 (Valid) | 代表標記正確，並且有機會在 Google 搜尋結果中出現豐富結果。 |
| 有警告 (Warnings) | 標記可以運作，但某些欄位可能缺少，建議補上完整資訊以達最佳效果。 |
| 錯誤 (Errors) | 代表標記無效，Google 可能無法理解你設定的結構化資料，需要修正問題。 |
使用 Google Search Console 進行驗證
當結構化資料設定完成並上線後，你還可以透過 Google Search Console 來進一步檢查。
步驟 1：登入 Google Search Console
進入 Google Search Console，選擇對應的網站，然後在側邊欄點擊「增強功能 (Enhancements)」。
步驟 2：查看結構化資料狀態
在「增強功能」區塊，Google 會顯示偵測到的結構化資料類型。例如 FAQ、Breadcrumb、Product 等等，如果有錯誤，Google 也會提醒你。
步驟 3：修正錯誤並重新驗證
如果 Google Search Console 顯示有錯誤，點擊問題詳細資訊，根據 Google 的建議進行修正，然後點擊「驗證修正」，Google 會重新檢查結構化資料。
為什麼要測試與驗證結構化資料？
測試與驗證步驟非常重要，原因如下：
- 確保 Google 能正確理解你的結構化資料。
- 減少錯誤，提高在搜尋結果中的顯示機率。
- 避免因標記錯誤而影響網站的 SEO 表現。
測試與驗證小技巧
- 如果發現錯誤，先確認 JSON-LD、Microdata 或 RDFa 等格式是否正確。
- 使用 Google Search Console 內建的「URL 檢測工具」來查看即時的結構化資料狀態。
- 設定後要耐心等待，Google 可能需要一些時間來重新抓取你的網站並更新結果。
透過這些測試與驗證工具，你可以確保網站的結構化資料是正確的，有助於提升 SEO 並增加搜尋結果中的豐富摘要 (Rich Snippets) 機會。
