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

by 貓熊先生
結構化資料標記 Structured Data
結構化資料標記 Structured Data

結構化資料的英文叫做 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

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

更多的結構化資料類型

上面是一些比較常見的結構化資料,更多的結構化資料都可以前往 Google 官方查看使用方法:「結構化資料」。

結構化資料(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 結構化資料說明了下面這些事情:

  • headline(文章標題):Article headline
  • 結構化資料類型(@type):NewsArticle
  • 代表文章的圖片(image):一共有三張
  • 文章發布時間(datePublished):2015-02-05T08:00:00+08:00
  • 文章最後更新時間(dataModified):2015-02-05T09:20:00+08:00
  • 文章作者(author):有兩位分別是 jane doe 跟 john doe。
  • 作者網址(author)下的url屬性:兩個作者都有自己的網址。

上面就是一段簡單的 JSON-LD 結構化資料範例,上面這段結構化資料也告訴 Google 很多東西,包括文章發布時間、更新時間、作者有兩位、作者自己的網址、文章標題、文章圖片…等等。

其實上面這個結構化資料可以在更完整,例如包括該文章所屬網站的 Logo、所屬網站的網址…等等。

更完整的各種各樣的 JSON-LD 結構化資料,你都可以在 Google 官方文件中找到:「結構化資料使用說明」。

如何測試結構化資料正確運作?

要測試你的結構化資料運作是否正常,最推薦使用 Google 的複合式結果測試工具,點擊下方網址進入。

進入複合式結果測試工具頁面之後,直接輸入你要測試的網址,同時你還可以選擇是要測試手機版網頁還是桌機版。

Google 的複合式結果測試工具
Google 的複合式結果測試工具

接著 Google 就會替你偵測到這個網頁一共加入了哪些結構化資料,如果有錯誤也會直接顯示出來,方便你偵錯。

你還可以點進去每個結構化資料,看一下自己加入的那些結構化資料格式。

複合式結果測試工具檢測結構化資料
複合式結果測試工具檢測結構化資料

例如點進去 Article 這個結構化資料類型,你就會看到完整的格式,這些東西是你告訴 Google 的資訊,方便 Google 了解你網頁上的內容。

檢查結構化資料格式
檢查結構化資料格式

在 Google Search Console 檢視結構化資料

當你在自己網站的某個網頁網址中加入了結構化資料,它也會出現在 Google Search Console 裡面,一但你有網址的結構化資料出現問題,Google Search Console 也會給你通知,告知你有錯誤並且盡快修正。

Google Search Console 顯示結構化資料
Google Search Console 顯示結構化資料

Google Search Console 裡面的結構化資料區塊,建議一定要定期檢查,確保你每個網頁上的結構化資料都加入正確,這也是重要的 SEO 優化項目工作。

結構化資料會影響 SEO 排名嗎?

接下來說說很多人最關心的事,到底結構化資料會不會影響搜尋結果排名呢?貓熊先生的答案是:不是直接影響,但會間接影響。

因為結構化資料除了會改變你的網頁在搜尋結果中的顯示方式(例如 FAQPage、BreadcrumbList…等等),還能幫助 Google 理解你的網頁內容。

所以結構化資料雖然不是 SEO 排名要素,但是它會影響到其它重要因素,例如網頁點閱率 CTR。而被結構化資料影響到的那些東西,又會去影響到你的 SEO 排名。

想想看,如果某個內容網站文章下方都有兩條常見問題(FAQ),它在搜尋結果中的面積是不是比較大?這是否又會促使使用者增加點擊意願?因而增加它的CTR?

所以貓熊先生才說:它不是直接影響,但是會間接影響。

結構化資料常見問題

結構化資料是麼麼?

結構化資料的英文叫做 Structured Data,結構化資料是一種標準化格式,目的是為了提供網頁相關資訊並將網頁內容分類。

結構化資料會影響 SEO 搜尋結果排名嗎?

不會直接影響,但是會間接影響。

結構化資料 觀念整理

結構化資料(Structured Data)目前已經是重要的 SEO 優化項目之一了,正確的替你的網頁加入結構化資料可以幫助 Google 更佳的理解你的網頁內容。

結構化資料(Structured Data)必須正確且合理的使用,加入錯誤種類的結構化資料會對排名造成影響,因此不可不謹慎。

相關文章