結構化資料標記是什麼？會影響 SEO 排名嗎？教學

（原貓熊先生網站已關閉，原文章已移至本文。）

結構化資料的英文叫做 Structured Data，結構化資料是一種標準化格式，目的是為了提供網頁相關資訊並將網頁內容分類。例如部落格內容網站會使用 Article 這個結構化資料類型；在食譜網頁上，可能就會使用 Recipe 這個結構化資料，加上這些結構化資料就能標記材料、烹飪時間和溫度、熱量等內容。

結構化資料可以幫助 Google 搜尋引擎更加了解你的網頁，甚至不少結構化資料還能控制你的網頁在搜尋結果呈現的樣式，例如替你的網頁加上麵包屑結構化資料（BreadcumbList）之後，你的網頁在搜尋結果裡面就會出現導覽標記，這也是一種 SEO 優化項目之一。

推薦閱讀：SEO 搜尋引擎優化學習指南

如果你還不知道結構化資料（Structured Data）是什麼、結構化資料有哪些類型，以及它會不會影響 SEO 排名..等等，本篇文章會有完整的教學指南。

結構化資料標記是什麼？

根據 Google 官方對「結構化資料」的定義：

結構化資料是一種標準化格式，作用是提供網頁相關資訊並將網頁內容分類。例如在食譜網頁上，結構化資料就能分類材料、烹飪時間和溫度、熱量等內容。

Google 也建議你：可以在網頁上使用結構化資料，將網頁內容相關的明確線索提供給 Google，進而協助 Google 了解你網頁上的內容。

例如貓熊先生的網頁文章就有加上「BreadcrumbList」這個結構化資料跟「FAQPage」這個結構化資料，你可以看到加上結構化資料之後，改變了搜尋結果呈現的樣式。

下面說明這兩個很常見的結構化資料：

BreadcrumbList：常叫做麵包屑，在 Google Search console 裡顯示為導覽標記。

FAQPage：又叫做常見問題，Google 最多會顯示兩條結果（早期可以顯示更多，但後來已修正）。

結構化資料標記簡單的說，就是幫助搜尋引擎更加了解你的網頁內容到底是跟什麼有關，更有不少結構化資料（Structured Data）可以直接反應在搜尋結果的呈現上。

以現在的 SEO 優化工作項目當中，結構化資料（Structured Data）也已算是重要的 SEO 優化項目，SEO 人不應該忽視結構化資料這一塊。

常見的結構化資料標記有哪些？

結構化資料標記的類型非常多，你必須看你的網頁適合哪種結構化資料，再加上合適的結構化資料標記，如果亂加的話，嚴重的甚至會直接影響到搜尋結果排名唷，不可輕忽。

結構化資料全部類型與種類

根據 Google 官方指南，結構化資料一共有下面這麼多種類，每種類型適合不同的網頁。例如 Article 適合內容與文章類型的網頁、Recipe 適合食譜類型的網頁、Book 適合書籍頁面的網頁（例如博客來書籍頁面就很適合 Book），影片類型的內容頁面則適合加入 Video。

上面這些結構化資料的種類不可亂加入，亂加入可能會導致搜尋結果排名受到影響。以下列出比較常用的結構化資料，如果你的網頁是這種類型，就可以加上。

1、結構化資料：Article

適合內容型文章、部落格、體育相關文章、科技內容文章。

2、結構化資料：BreadcrumbList

俗稱「麵包屑」，在 Google search console 的名稱叫做「導覽標記」，這個是其中一個可以控制搜尋結果呈現樣式的結構化資料，建議每個網頁都要加上這個導覽標記（BreadcrumbList）

3、結構化資料：FAQPage

也就是所謂的「常見問題」，Google 搜尋結果最多會顯示兩條常見問題，以前更多但後來已經被 Google 修正。在網頁上加上之後，會有機率 Google 搜尋結果會出現兩條 FAQ，但不保證 100%一定會出現。

4、結構化資料：Video

適合完全是影片的內容頁面，如果你的網頁是內容型長篇文章又同時包含影片，仍然建議加上 Article 而不要加上 Video，因為這可能會讓 Google 誤判你這是影片型網頁，而不是文章內容頁面。

5、結構化資料：Recipe

食譜型網頁適合加上 Recipe 這個結構化資料，例如 iCook 愛料理網站的食譜頁面，就非常適合加上 Recipe 這個結構化資料。

6、結構化資料：Book

適合書籍購買頁面，例如博客來的書籍頁面很適合加上 Book 這個結構化資料。

7、結構化資料：Product

適合產型類型頁面，可顯示價格、供應情形和評分…等等。

8.、結構化資料：Restaurant

適合在地商家使用，搜尋結果可能會顯示醒目的知識圖譜，其中包含與查詢內容相符的商家詳細資料。

結構化資料（Structured Data）如何加到網頁？

結構化資料加入到網頁的方法主要有三種：JSON-LD、微資料（Mircro Data）、RDFa。這三種結構化資料格式也是 Google 官方有支援的。

以下根據 Google 官方提供的資料，分別說明如下：

一、JSON-LD

這是一種嵌入在網頁標頭或內文 <script> 標記中的 JavaScript 標記法。由於標記不會與使用者可見的文字交錯，因此巢狀資料項目可透過更簡易的方式表達，例如 Country > PostalAddress > MusicVenue > Event。此外，Google 能夠解讀以動態方式植入網頁內容的 JSON-LD 資料，例如透過 JavaScript 程式碼或內容管理系統中的內嵌小工具植入的資料。

二、微資料

一種開放社群 HTML 規格，用於為結構化資料在 HTML 內容中建立巢狀結構。例如 RDFa 會使用 HTML 標籤屬性為您想要以結構化資料形式呈現的資源命名。通常用於網頁內文，但也可用於標題。

三、RDFa

一種 HTML5 擴充功能，透過引入與使用者可見內容對應的 HTML 標記屬性來支援連結資料，可用於您想要對搜尋引擎描述的使用者內容。RDFa 經常用於 HTML 網頁的標題和本文部分。

更詳細的結構化資料類型，可以參考官方說明頁面：結構化資料格式。

雖然要在網頁中加入結構化資料有上面三種方法，但是貓熊先生只推薦使用 JSON-LD 這個格式，因為它是是一種嵌入在網頁標頭或內文標記中的 JavaScript 標記法，使用 JSON-LD 來加入結構化資料可以避免弄髒你的 HTML 網頁原始碼，而且也相當的好管理，無論是要加入還是要刪除都非常方便。

使用 JSON-LD 結構化資料加入到網頁

由於 JSON-LD 是貓熊先生唯一推薦加入結構化資料的格式，所以下面直接舉一個範例，說明如何在網頁中加入結構化資料，並且說明它到底有什麼功用。

以下是一段網頁程式碼範例，該網頁程式碼包括了一段 JSON-LD 結構化資料，並且類型為「NewsArticle」，這個結構化資料類型適合新聞類文章。

<html>
  <head>
    <title>Article headline</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "NewsArticle",
      "headline": "Article headline",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
       ],
      "datePublished": "2015-02-05T08:00:00+08:00",
      "dateModified": "2015-02-05T09:20:00+08:00",
      "author": [{
          "@type": "Person",
          "name": "Jane Doe",
          "url": "http://example.com/profile/janedoe123"
        },{
          "@type": "Person",
          "name": "John Doe",
          "url": "http://example.com/profile/johndoe123"
      }]
    }
    </script>
  </head>
  <body>
  </body>
</html>

上面這段 JSON-LD 結構化資料說明了下面這些事情：