一、什麼是架構化資料 (Schema Markup)?
架構化資料 (Schema Markup) 是一種用於標記網站內容的語法,能夠幫助搜尋引擎更準確地理解網頁內容,進而提升搜尋結果的可見性。透過加入架構化資料,網站內容能夠以更豐富的形式呈現在搜尋結果中,例如顯示星級評價、產品價格、FAQ 內容等,這對於提升點擊率 (CTR) 有很大的幫助。
1.1 架構化資料的運作方式
架構化資料使用標準化格式 (如 JSON-LD、Microdata 或 RDFa) 來定義網站上的資訊,使搜尋引擎可以更容易解析與理解這些內容。例如,當你在網站的產品頁面添加架構化資料,Google 就能精確辨識該頁面的價格、庫存狀態和使用者評價,並可能在搜尋結果中以豐富的摘要 (Rich Snippets) 形式展示。
1.2 架構化資料對 SEO 的重要性
架構化資料雖然不是直接影響 SEO 排名的因素,但它可以透過以下方式間接提升網站的搜尋可見度:
- 提升搜尋結果的吸引力:透過豐富的摘要 (如星級評價、圖片、FAQ),吸引使用者點擊。
- 增加點擊率 (CTR):吸引人的搜尋結果有助於提升點擊率,間接對 SEO 產生正面影響。
- 幫助搜尋引擎理解內容:正確的架構化資料可以讓 Google 更準確地抓取和分類網站資訊,提高相關性。
- 適用於語音搜尋:語音助手 (如 Google Assistant) 透過架構化資料了解內容,提升語音搜尋的匹配度。
1.3 常見的 Schema 類型
根據不同的網站內容,可以使用不同類型的架構化資料來標記資訊,以下是一些常見的 Schema 類型:
Schema 類型 | 適用情境 | 範例 |
---|---|---|
Article | 部落格文章、新聞內容 | 新聞報導、技術文章 |
Product | 電子商務產品頁面 | 價格、庫存狀況、評價 |
FAQPage | 常見問題 (FAQ) 頁面 | 問題與答案 |
Review | 商品或服務評價 | 顧客評論、星級評分 |
Recipe | 食譜頁面 | 所需食材、烹飪時間 |
Event | 活動資訊頁面 | 活動日期、地點 |
1.4 JSON-LD:最推薦的架構化資料格式
目前 Google 建議使用 JSON-LD 格式來添加架構化資料,這是一種基於 JavaScript 的方法,能夠簡單地將結構化資料嵌入網站的 <script> 標籤內,而不影響 HTML 的結構。例如,以下是一個 JSON-LD 格式的 FAQ Schema 範例:
<script type="application/ld+json">{ "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "架構化資料是什麼?", "acceptedAnswer": { "@type": "Answer", "text": "架構化資料是一種標記網站內容的語法,幫助搜尋引擎理解內容並提升搜尋結果的可見性。" } }, { "@type": "Question", "name": "架構化資料如何影響 SEO?", "acceptedAnswer": { "@type": "Answer", "text": "架構化資料能夠讓搜尋結果顯示更多資訊,如星級評價、價格、FAQ 等,提高點擊率與搜尋可見度。" } } ]}</script>
1.5 如何確認架構化資料是否正確?
要確認你的架構化資料是否正確,可以使用 Google 提供的 豐富結果測試工具,輸入你的網站 URL 或直接貼上 JSON-LD 內容,即可檢測是否有錯誤或警告。
二、架構化資料如何影響SEO?
架構化資料(Schema Markup)對SEO的影響不容小覷,它能幫助搜尋引擎更準確地理解網頁內容,進而提升搜尋結果的呈現方式。例如,當搜尋引擎掌握網站的架構化資料後,可能會顯示豐富摘要(Rich Snippets)、知識圖譜(Knowledge Graph)以及其他強化的SERP(搜尋結果頁面)功能,這些都能提高點擊率(CTR)並帶來更多有機流量。
1. 豐富摘要(Rich Snippets)提升點擊率
豐富摘要是在一般搜尋結果之上,額外提供更多資訊的強化搜尋結果,例如星級評分、價格、庫存狀態等。這種顯示方式能夠讓使用者更快獲得關鍵資訊,進而提高點擊的機會。
常見的豐富摘要類型
類型 | 用途 | 範例內容 |
---|---|---|
評價(Reviews) | 顯示星級評分與評論 | ★★★★☆(4.5/5分) |
產品(Product) | 顯示產品價格、品牌、庫存 | 價格:NT$2,999 |
食譜(Recipe) | 顯示料理時間、卡路里等 | 烹飪時間:30分鐘 |
活動(Event) | 顯示活動日期、地點 | 活動時間:2024-07-15 |
2. 知識圖譜(Knowledge Graph)提升品牌曝光
Google的知識圖譜能夠在搜尋結果右側顯示品牌、企業、人物或地點的詳細資訊,幫助使用者快速找到所需內容。若網站正確實施結構化標記,企業資料更有機會被收錄並於知識圖譜中顯示,提高品牌可信度與權威性。
知識圖譜如何強化搜尋結果?
- 品牌資訊: 企業名稱、標誌、聯絡資訊
- 關聯連結: 相關社交媒體與官方網站
- 公司背景: 創立年份、核心產品、營業據點
3. 其他SERP強化功能
除了豐富摘要與知識圖譜,還有其他強化搜尋結果的功能,這些功能同樣能藉由結構化資料觸發,提升網站能見度。
常見的SERP強化功能
- 常見問題(FAQ): 以摺疊式問題與回答方式顯示,直接在搜尋結果中提供解答。
- 影片摘要(Video Snippet): 可直接播放影片預覽,提高吸引力。
- 站內搜尋框(Sitelinks Search Box): 讓使用者能在Google上直接搜尋特定網站的內容。
透過適當的架構化資料標記,網站不僅能在搜尋結果中脫穎而出,也能提高搜尋體驗,進而帶來更高的轉換率。如果希望網站在競爭激烈的SEO環境中佔據優勢,善用架構化資料絕對是必要的策略。
三、常見的Schema類型與應用場景
架構化資料(Schema Markup)可以幫助搜尋引擎理解網站內容,提高網站的搜尋結果表現。不同類型的網站適用不同的Schema標記,以下介紹幾種常見的Schema類型及適用場景。
Article(文章)
Article Schema 適用於新聞網站、部落格和內容型網站,可幫助搜尋引擎識別文章標題、發布日期、作者等資訊,常見用於 Google 新聞或推薦內容中。
適用網站類型
- 新聞網站
- 部落格
- 知識型網站
Article Schema 範例
<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>
Product(產品)
Product Schema 適用於電商網站,可標記商品名稱、價格、庫存狀態等資訊,讓搜尋結果中顯示更多產品詳細資訊,提高點擊率與轉換率。
適用網站類型
- 電商網站
- 品牌官網
Product Schema 範例
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Product", "name": "產品名稱", "image": "產品圖片URL", "description": "產品描述", "offers": { "@type": "Offer", "price": "1999", "priceCurrency": "TWD", "availability": "https://schema.org/InStock" } } </script>
Review(評論)
Review Schema 適用於評論網站和電商平台,讓評論結果顯示在搜尋結果,提升使用者信任感。
適用網站類型
- 產品評測網站
- 電商網站
- 旅遊與餐飲評價網站
Review Schema 範例
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Review", "author": { "@type": "Person", "name": "用戶名稱" }, "reviewRating": { "@type": "Rating", "ratingValue": "4.5", "bestRating": "5" }, "itemReviewed": { "@type": "Product", "name": "評論產品名稱" } } </script>
FAQ(常見問題)
FAQ Schema 適用於提供常見問答的網站,例如服務網站、教學類網站,能讓搜尋結果直接顯示問答內容,提高可讀性與點擊率。
適用網站類型
- 企業官網
- 教學與知識型網站
- 電商網站(常見問題區)
FAQ Schema 範例
<script type="application/ld+json"> { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "什麼是架構化資料?", "acceptedAnswer": { "@type": "Answer", "text": "架構化資料是一種用於標記網站內容的語言,幫助搜尋引擎更好地理解頁面資訊。" } }, { "@type": "Question", "name": "FAQ Schema 有什麼好處?", "acceptedAnswer": { "@type": "Answer", "text": "FAQ Schema 讓網站的常見問題直接顯示於搜尋結果,提高可見性和用戶點擊機率。" } } ] } </script>
不同 Schema 類型與適用場景對照表
Schema 類型 | 適用網站類型 | 作用 |
---|---|---|
Article | 新聞網站、部落格、知識型網站 | 幫助搜尋引擎理解文章內容,提高排名 |
Product | 電商網站、品牌官網 | 顯示產品詳細資訊,提高點擊率與轉換率 |
Review | 評價網站、電商網站、旅遊評價網站 | 顯示使用者評價,提升信任感 |
FAQ | 教學網站、企業官網、電商網站 FAQ 區 | 在搜尋結果顯示常見問答,提高可讀性 |
四、如何實作架構化資料?
架構化資料 (Schema Markup) 是提升網站 SEO 表現的重要技術之一,而 JSON-LD 是 Google 最推薦的標記格式。以下我們將說明如何手動編寫 JSON-LD 以及使用 Google 標記工具來新增架構化資料。
使用 JSON-LD 手動新增 Schema 標記
JSON-LD 是最推薦的 Schema 格式,因為它可以直接插入網頁的 <script>
標籤內,與 HTML 內容分離,易於管理。以下是手動新增 JSON-LD 的步驟:
1. 確定要使用的 Schema 類型
Schema.org 提供許多不同的類型,例如 Article
、Product
、LocalBusiness
等,請根據頁面的內容選擇適合的類型。
2. 編寫 JSON-LD 標記
以下是一個簡單的 Article
架構化資料範例:
<script type="application/ld+json">{ "@context": "https://schema.org", "@type": "Article", "headline": "架構化資料 (Schema Markup) 完整指南", "author": { "@type": "Person", "name": "王小明" }, "publisher": { "@type": "Organization", "name": "SEO專家", "logo": { "@type": "ImageObject", "url": "https://example.com/logo.png" } }, "datePublished": "2024-06-01", "dateModified": "2024-06-01"}</script>
3. 將 JSON-LD 插入 HTML
請將上述 JSON-LD 代碼插入到 <head>
標籤內,或是頁面的 <body>
結尾處,以確保搜尋引擎可以正確解析。
使用 Google 標記工具新增 Schema 標記
如果你不熟悉編寫 JSON-LD,可以使用 Google 提供的 結構化資料標記輔助工具 (Structured Data Markup Helper) 來輕鬆產生 Schema 標記。
1. 開啟 Google 標記工具
進入 Google 標記工具,選擇頁面類型 (如「文章」或「產品」),然後輸入你的網頁網址或 HTML 原始碼。
2. 標記頁面內容
使用滑鼠點選網頁上的標題、作者、發佈日期等資訊,並從右側選擇對應的 Schema 屬性。
3. 產生 JSON-LD 代碼
完成標記後,點擊「建立 HTML」按鈕,Google 會自動產生 JSON-LD 代碼。你可以複製並貼到你的網站 HTML 內。
4. 測試標記是否正確
使用 Google 富媒體測試工具 (Rich Results Test) 檢查你的 JSON-LD 是否正確,確保沒有錯誤。
比較手動編寫與使用 Google 標記工具
方法 | 優點 | 缺點 |
---|---|---|
手動編寫 JSON-LD | 靈活可控、可自訂 | 需要基本程式能力 |
使用 Google 標記工具 | 簡單直覺、適合新手 | 功能較有限 |
透過以上兩種方式,你可以輕鬆為網站新增架構化資料,幫助搜尋引擎更準確理解你的內容,提高 SEO 排名與點擊率。
五、測試與驗證架構化資料
在實作完架構化資料 (Schema Markup) 後,下一步就是確保這些標記正確無誤,並且能夠被搜尋引擎正確解析。Google 提供了一些免費的測試工具,幫助你檢查架構化資料是否符合標準,並確保它能夠提高網站在搜尋結果中的表現。
使用 Google 富結果測試工具 (Rich Results Test)
Google 的 Rich Results Test 是一個官方工具,可用來測試你的網頁是否支援「富結果」(Rich Results)。富結果是搜尋結果中的增強顯示方式,例如星級評論、FAQ、產品資訊等。以下是使用方式:
步驟 1:輸入網址或程式碼
進入 Rich Results Test 後,你可以:
- 輸入完整的網頁 URL,直接測試線上網頁
- 貼上 HTML 原始碼,測試離線開發的標記
步驟 2:檢視測試結果
系統會分析你的頁面,並顯示支援的「富結果」類型。如果有問題,它會標註錯誤,讓你修正後再次測試。
使用 Schema Markup Validator 驗證 JSON-LD、Microdata
Schema Markup Validator 是另一個強大的工具,專門用來檢查你的架構化資料語法是否符合 Schema.org 標準。它支援 JSON-LD、Microdata 及 RDFa 三種格式。
使用方法:
步驟和 Rich Results Test 類似,只需輸入網址或貼上程式碼,即可獲得詳細分析結果。
比較兩者的功能
工具 | 功能 |
---|---|
Rich Results Test | 測試 Google 搜尋結果是否支援富結果 |
Schema Markup Validator | 驗證架構化資料語法是否正確,符合 Schema.org 標準 |
確保搜尋引擎能夠正確解析你的標記
測試工具的結果會提供錯誤清單,建議你逐步修正,並再次驗證,直到沒有錯誤訊息為止。透過這些工具,可以確保搜尋引擎能順利理解你的架構化資料,提高網頁在 Google 搜尋結果中的表現,帶來更多點擊與流量。
最佳實踐
確保標記完整性
當使用架構化資料時,務必確保標記的完整性,包括提供必要的屬性,避免缺漏關鍵資訊。例如,如果標記「文章 (Article)」,應包含標題 (headline)、作者 (author)、發佈日期 (datePublished) 等必要屬性。
使用Google的結構化資料測試工具
Google提供結構化資料測試工具,可用來檢查標記是否正確實施,確保沒有錯誤或警告,也能預覽在搜尋結果中的呈現方式。
正確選擇適合的Schema類型
不同類型的網站應使用適合的Schema類型,例如:
網站類型 | 建議使用的Schema類型 |
---|---|
部落格 | Article |
電子商務 | Product、Offer、Review |
當地商家 | LocalBusiness、OpeningHoursSpecification |
組織網站 | Organization |
活動網站 | Event |
確保標記內容符合網站實際內容
標記的資料應與頁面上實際顯示的內容一致。例如,如果你標記產品名稱及價格,這些資訊應與網站前端顯示的相符,以免遭受Google懲罰。
常見錯誤
使用誤導性的標記
某些網站會嘗試操縱搜尋排名,使用與實際內容無關的標記,例如將一般的部落格文章標記為「新聞文章 (NewsArticle)」,但未滿足新聞內容要求。這樣的做法可能導致Google懲罰或標記無效。
標記資訊不完整
若未提供必要屬性,標記可能無效或僅部分生效。例如,缺少「datePublished」的Article標記可能無法獲得完整的搜尋結果強化顯示 (Rich Results)。
忽略維護與更新
Google的Schema標準可能隨時間變化,因此應定期檢查並更新標記,確保符合最新標準。
如何解決Schema錯誤
使用Google Search Console檢查錯誤
Google Search Console提供「增強 (Enhancements)」報告,可用於查看結構化資料的錯誤與警告,並提供修正建議。
修正JSON-LD語法錯誤
常見語法錯誤包括:
- 遺漏必要的逗號
- 屬性名稱未使用雙引號
- JSON結構不完整
可以使用JSON Lint來檢查並修正格式錯誤。
重新提交並檢查
修正錯誤後,可透過Google Search Console的URL檢查工具重新提交頁面,等待Google重新索引,以確保標記生效。