當今的網絡世界充滿了各種類型的內容，從文章和商品到食譜和電影，而搜尋引擎亦越來越進步，搜尋引擎結果頁（SERP）呈現了比之前更多樣化的資訊，以滿足用戶的需求。在SEO中，如果想讓網站在搜尋結果中呈現更多豐富的資訊，吸引用戶的目光，那麼結構化資料標記（Schema）是一個強大的工具。
Raymond (SEO Specialist ) 將於本文中探討結構化資料的作用、運用Schema優化網站的方式。
結構化資料Schema Markup是什麼？
結構化資料（Structured Data）又稱為結構標記（Schema Markup）或簡稱為Schema。
Schema是一種語法，能夠使網站以結構化的方式呈現信息，有助於搜尋引擎更準確地理解網站的內容。並使網站以多樣化的方式顯示在SERP上，也就是SEO界通常稱之為「複合式搜尋結果」（Rich Snippets）。
結構化資料的歷史及Schema.org
最早期的結構化資料標記格式是源於Schema.org，這是由Google、Bing和Yahoo等搜尋引擎共同制定的標準，也是結構化資料的早期通用格式。
現在Google已經發展出自己的格式規範，因此Google官方建議，現在SEO使用的Schema應以Google公布的標準為主。
結構化資料（Schema）對SEO的作用及好處
結構化資料主要的作用是為了讓搜尋引擎獲得額外的資訊，搜尋引擎更準確地理解網站內容，並在搜尋結果中更完美地展示相關資訊。
一、有助搜尋引擎理解網站內容
當您使用結構化資料標記時，搜尋引擎將更有效理解網站上的內容。
假設網站標題是「蘋果」，並且未使用結構化資料標記，搜尋引擎只會知道「蘋果」是網頁的標題，但不會知道它是否代表蘋果公司、蘋果食譜、產品資訊、書本或其他內容。
但是，如果使用結構化資料標記後，搜尋引擎「蘋果」代表的是什麼類型的內容，這樣搜尋引擎就能更好地呈現相關的搜尋結果。
二、有助於語意搜尋優化
語義搜尋專注於搜尋關鍵字背後的含義，而不是傳統的關鍵字匹配。當你搜尋如下模糊內容時，Google 會設法提供最佳的搜尋結果。
由於結構化數據可以幫助 Google 更準確地理解網頁內容，可能有助於網頁顯示出更相關的部份。
三、在SERP中顯示額外資訊，增加點閱率
雖然Google目前沒有聲明結構化資料是搜尋排名因素。但由於Schema有助於搜尋引擎理解網站內容，提高搜尋結果的質量，並為用戶提供更好的搜尋體驗，所以間接也有機會影響點閱率（CTR）；而點閱率目前是屬於搜尋排名因素，所以Schema算是一種間接的因素。
結構化資料可以在SERP上占有更多位置，幫助讀者辨識信息，吸引更多互動和點擊。根據Neil Patel等SEO專家指出，有使用結構化資料標記的網站通常比其他網站排名高出4個排名。
目前還不到三分之一的網站使用結構化資料標記，約70% 的網站還未利用這種SEO的好處。因此，越早使用結構化資料，網站在排名競爭中將佔有更多的優勢。
常用Schema類型
目前 Google 搜尋引擎支援的結構化資料標記約有 32 種[1]，以下為大家提供常見的8種Schema分類：
LocalBusiness 本地商家
| 項目 | 用途 | 語法範例 |
| LocalBusiness 本地商家 | 為搜尋引擎提供有關特定商家的詳細信息，包括：商家的名稱、地址、電話號碼、營業時間、網站URL、價格範圍等。 | |
Breadcrumb 導覽標記 / 麵包屑
| 項目 | 用途 | 語法範例 |
| Breadcrumb 導覽標記 / 麵包屑 | 用於定義網站的導航結構，幫助用戶了解網站的階層結構。 | [code]<script type=”application/ld+json”> { “@context”: “http://schema.org”, “@type”: “BreadcrumbList”, “itemListElement”: [ { “@type”: “ListItem”, “position”: 1, “name”: “首頁”, “item”: “首頁URL” }, { “@type”: “ListItem”, “position”: 2, “name”: “分類1”, “item”: “分類1URL” }, { “@type”: “ListItem”, “position”: 3, “name”: “分類2”, “item”: “分類2URL” } ] } </script>[/code] |
Article 文章
| 項目 | 用途 | 語法範例 |
| Article 文章 | 用於網站文章等內容型網頁。 | [code]<script type=”application/ld+json”> { “@context”: “http://schema.org”, “@type”: “Article”, “headline”: “文章標題”, “author”: “作者名稱”, “datePublished”: “發布日期”, “dateModified”: “修改日期”, “image”: “主要圖片URL”, “publisher”: { “@type”: “Organization”, “name”: “發布者名稱” }, “description”: “文章簡介” } </script>[/code] |
FAQ 常見問題
| 項目 | 用途 | 語法範例 |
| FAQ 常見問題 | 用於提供特定主題的問答集，幫助用戶獲得相關信息。（最新算法更新，Google只允許特定網站顯示FAQ）
| [code]<script type=”application/ld+json”> { “@context”: “http://schema.org”, “@type”: “FAQPage”, “mainEntity”: [ { “@type”: “Question”, “name”: “問題1標題”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “問題1答案” } }, { “@type”: “Question”, “name”: “問題2標題”, “acceptedAnswer”: { “@type”: “Answer”, “text”: “問題2答案” } } ] } </script>[/code] |
Product 產品
| 項目 | 用途 | 語法範例 |
| Product 產品 | 用於電商網站，展示產品規格、價格、評分等信息。 | [code]<script type=”application/ld+json”> { “@context”: “http://schema.org”, “@type”: “Product”, “name”: “產品名稱”, “image”: “產品圖片URL”, “description”: “產品描述”, “brand”: “品牌名稱”, “offers”: { “@type”: “Offer”, “price”: “價格”, “priceCurrency”: “貨幣代碼”, “availability”: “庫存狀態” } } </script>[/code] |
Recipe 食譜
| 項目 | 用途 | 語法範例 |
| Recipe 食譜 | 用於食譜網站，提供食譜的烹飪時間、成分和營養信息。 | [code]<script type=”application/ld+json”> { “@context”: “http://schema.org”, “@type”: “Recipe”, “name”: “食譜名稱”, “description”: “食譜描述”, “prepTime”: “準備時間”, “cookTime”: “烹飪時間”, “recipeIngredient”: [“成分1”, “成分2”], “nutrition”: { “@type”: “NutritionInformation”, “calories”: “卡路里”, “carbohydrateContent”: “碳水化合物含量”, “proteinContent”: “蛋白質含量” } } </script>[/code] |
其他種類：
| 項目 | 用途 | 語法範例 |
| Video 影片 | 用於影片分享網站，強調影片標題、描述和持續時間。 | [code]<script type=”application/ld+json”> { “@context”: “http://schema.org”, “@type”: “VideoObject”, “name”: “影片標題”, “description”: “影片描述”, “duration”: “影片持續時間”, “thumbnailUrl”: “影片縮略圖URL”, “uploadDate”: “上傳日期” } </script>[/code] |
| Event 活動 | 用於定義各種活動的詳細信息，包括日期、時間、地點等。 | [code]<script type=”application/ld+json”> { “@context”: “http://schema.org”, “@type”: “Event”, “name”: “活動名稱”, “startDate”: “開始日期”, “endDate”: “結束日期”, “location”: { “@type”: “Place”, “name”: “活動地點名稱”, “address”: “活動地點地址” } } </script>[/code] |
| JobPosting 工作機會 | 用於求職網站或公司網站，提供工作機會的詳細信息。 | [code]<script type=”application/ld+json”> { “@context”: “http://schema.org”, “@type”: “JobPosting”, “title”: “職位名稱”, “description”: “職位描述”, “datePosted”: “發布日期”, “validThrough”: “截止日期”, “employmentType”: “職位類型”, “hiringOrganization”: { “@type”: “Organization”, “name”: “招聘公司名稱” } } </script>[/code] |
Google支持的結構化資料格式
目前Google支持的結構化資料格式有3種，包括：JSON-LD、Microdata和RDFa，您可以選擇最適合自己的格式。
JSON-LD
JSON-LD（JavaScript Object Notation for Linked Data）是一種用於添加結構化數據到網頁的格式。它是一個基於JSON的標記語言，用於描述網頁上的實體，關係和屬性。JSON-LD 是 Google官方目前推薦使用的結構化資料格式。
Raymond推薦的Wordpress SEO插件Rank Math、Google的結構化資料標記協助工具也都使用JSON-LD格式。以下是JSON-LD格式的一些特點、好處、用法和示範語法：
JSON-LD優點：
- 容易閱讀： JSON-LD基於JSON，易於理解和編寫，這使得添加結構化數據變得相對簡單。
- 與網頁分離： JSON-LD數據可以輕鬆地嵌入到網頁的head部分，與網頁內容分離，這有助於保持網頁的清晰和組織良好。
- 支持多種模式： JSON-LD支持多種類型的結構化數據，包括：本地商家、產品、文章、事件等等。
- 連接數據： JSON-LD的Linked Data性質允許您建立關聯，使搜尋引擎更容易理解數據的關聯性。
JSON-LD語法範例：
<script type="application/ld+json">{ "@context": "http://schema.org", "@type": "LocalBusiness", "name": "HOORAYSEO", "address": { "@type": "PostalAddress", "streetAddress": "123 Main St", "addressLocality": "City", "addressRegion": "State", "postalCode": "12345", "addressCountry": "Country" }, "telephone": "+1-123-456-7890", "url": "https://www.example.com", "image": "https://www.example.com/logo.png"}</script>
此示例使用JSON-LD格式描述了一家名為”HOORAYSEO”的本地商家，包括其名稱、地址、電話號碼、網站URL和商家徽標圖片。
使用JSON-LD格式為您的網頁添加結構化數據可以提高搜尋引擎的理解，並改進搜尋結果的質量和可讀性。這有助於提高您的網站的可見性，為您的業務帶來更多的流量。。
Microdata
Microdata 是一種HTML標記語言擴展，用於添加結構化數據到網頁內容中。這種格式允許您將有關網頁內容的結構化信息嵌入到HTML標記中，以幫助搜尋引擎更好地理解網頁內容，不過修改起來需要改動HTML原始碼，所以其實沒有比JSON-LD格式方便，Raymond個人不推薦。以下是Microdata格式的一些特點和示範語法：
Microdata優點：
- HTML標記： Microdata是HTML標記的一部分，允許您在網頁內容中直接添加結構化數據，這使得它相對容易理解和編寫。
- 標準化： Microdata使用預定義的屬性和類型，以確保結構化數據的一致性和標準化。這使搜尋引擎更容易理解您的數據。
- 簡單： Microdata格式相對簡單，特別適用於那些不熟悉複雜編程語言的網頁開發者。
Microdata語法範例：
<div itemscope itemtype="http://schema.org/Product">
<h1 itemprop="name">Example Product</h1>
<img itemprop="image" src="product-image.jpg" alt="Product Image">
<p itemprop="description">This is an example product description.</p>
<span itemprop="price">$19.99</span>
<a href="product-page.html" itemprop="url">More Details</a>
</div>這個示例使用Microdata格式描述了一個名為”Example Product”的產品，包括其名稱、圖片、描述、價格和網頁URL。這些Microdata屬性和類型都來自”schema.org”，一個用於定義結構化數據的常用標準庫。
RDFa
RDFa（Resource Description Framework in Attributes）是一種用於在網頁內容中嵌入結構化數據的格式。RDFa與Microdata類似，也是需要配合HTML原始碼使用，以下是RDFa格式的一些特點和示範語法：
RDFa優點：
- HTML標記： RDFa使用HTML標記的擴展屬性，可以嵌入在現有的HTML標記中，這使得它在網頁內容中的使用相對簡單。
- RDF數據模型： RDFa建立在RDF（Resource Description Framework）數據模型之上，這允許您描述實體之間的關係，以及進一步連接到其他語義網絡中的數據。
- 靈活性： RDFa格式提供了靈活性，可以用於描述各種類型的實體，包括人、地點、事件、組織、產品等等。
RDFa語法範例：
<div vocab="http://schema.org/" typeof="Person">
<span property="name">Raymond C</span>
<span property="birthDate">1980-01-15</span>
<span property="address" typeof="PostalAddress">
<span property="streetAddress">123 Main St</span>
<span property="addressLocality">Los Angeles</span>
<span property="addressRegion">CA</span>
<span property="postalCode">90001</span>
</span>
</div>這個示例使用RDFa格式描述了一個名為”Raymond C”的人物，包括其姓名、出生日期和地址信息。RDFa格式通常使用`vocab`屬性定義命名空間（通常是”schema.org”），以便瀏覽器和搜尋引擎理解屬性和類型。
2種方法為網站加入結構化資料
結構化資料標記對不同類型的網站都有幫助，選擇適合您網站內容的Schema類型是重要的，而為網站加入結構化資料主要有2種方法：使用插件或使用Schema生成工具。
一、確認網頁類型
首先，確定網站類型，每種行業和網站都適合不同類型的結構化資料標記。根據您的網站內容，選擇適合的Schema類型。
結構化資料標記的需求取決於網站的性質和內容，以確保最佳地優化搜尋結果並提供有價值的資訊。
二、選擇並建立結構化資料標記
一旦確定了適合您網站的Schema類型，接下來是建立結構化資料標記。如先前提及，建議使用JSON-LD格式。
建立結構化資料其實很簡單，有許多SEO初學者會很擔心，覺得需要面對一堆網頁代碼會很複雜，其實只要掌握核心原理，多數情況下使用其他SEO工具幫助，多不了只是要複製貼上而已！
方法一：使用第三方插件生成
若網站使用如 WordPress 的內容管理平台（CMS），那麼只需前往外掛市集並搜尋”Schema”，便能找到一些提供結構化資料標記的插件外掛。
安裝並啟用外掛後，就能為網站添加結構化資料標記。要注意的是，有些插件可能是需要付費的，免費版功能受限，所以外掛插件支援的Schema類型有所不同。
Raymond 推薦使用Rank Math這款SEO WordPress插件，免費版本也有提供常見的Schema生產的功能，而且十分易用。
方法二：使用Google結構化資料標記協助工具
若網站使用其他CMS、純HTML或其他類型的網站並不支援Schema的外掛插件，可以選擇使用Google官方提供的：
這種工具可以生成Schema語法，缺點是需要手動將生成的語法添加到網頁的HTML原始碼中，以完成標記。
其他Schema生成工具
除了Google官方的結構化資料標記協助工具，還有以下2種工具可幫助生產Schema：
Schema Markup Generator (JSON-LD)
這款Schema Markup Generator可生產絕大多數種類的Schema，進入網站後選取需要生產的Schema類型，輸入相關資料，即可複製相關JSON-LD語法，然後貼上到網站。
三、測試和驗證Schema
當網站完成結構化資料標記之後，可以使用結構化資料測試工具進行測試和驗證，確保結構化資料準確無誤，正確顯示在搜尋結果中。推薦大家使用 Google 官方的複合式搜尋結果測試或者 Schema.org 的測試工具；如果以Google SEO的角度，當然首選是Google的工具做標準。
測試工具：Google複合式搜尋結果測試
結論：結構化資料標記是現代SEO的重要部分
不但有助搜尋引擎理解網站內容，還有助於在SERP上顯示豐富的功能，提高搜尋結果的質量，強化品牌信任度、吸引更多的點擊，並為用戶提供更好的搜尋體驗。
參考資料：
