結構化資料是什麼?30種類型、SEO好處與程式教學!

結構化資料是什麼?30種類型、SEO好處與程式教學!
Welly SEO 編輯部

Welly SEO 編輯部

2022-01-13發佈

SEO優化

# SEO做法

# SEO優化

# 技術SEO

結構化資料是什麼?結構化資料與SEO排名雖然沒有直接影響,但卻能透過搶占特殊版位,讓你的網站在千篇一律的搜尋結果頁中鶴立雞群!想知道該怎麼做結構化資料標記?馬上跟我們看下去!

什麼是結構化資料標記?

結構化資料定義、標記結構化資料SEO好處

結構化資料(英文:Structured Data)意思是按照標準化格式來書寫的一段資料,使搜尋引擎資料庫可以更有效率讀懂你的網頁內容,並將內容分門別類,例如Excel就是最有名的結構化資料。

再白話一點來舉例,假設要向搜尋引擎宣告某個網頁的作者是Welly,我們會程式語言的方式寫上「作者=Welly」,而經過結構化資料標記的網頁,有機會在搜尋引擎結果頁(SERP)上以複合式搜尋結果出現。

實際案例:正常的搜尋結果可能是長這樣

正常的搜尋結果

由麵包屑、標題、前言組成。

(麵包屑為何重要?推薦閱讀:麵包屑(Breadcrumb)SEO教學!教你改善導覽標記提升排名!

經過結構化資料標記後,我們有機會看到以下這種結果:

結構化資料標記後的搜尋結果

除了麵包屑、網址、前言之外,還有FAQ,或是星星評分、評論者(或作者)、價錢等額外的資訊。

因此結構化資料標記的好處,可以從2方面來談:

結構化資料好處

  1. 幫助搜尋引擎快速理解網頁內容
  2. 在搜尋引擎上有機會以複合式搜尋結果出現

當千篇一律的搜尋結果頁(SERP)上突然出現特殊的資料呈現時,往往更能吸引用戶目光,帶進可觀的點擊率(CTA)與網站流量,進而幫助網頁排名提升。

(關於SEO網頁排名相關資訊可參考:SEO是什麼?SEO優化怎做?SEO搜尋引擎最佳化完整教學

淺談Schema.org

既然結構化資料是經過「標準化格式」處理,那麼是由誰來制訂這套標準呢?在SEO的領域中,最需要認識的非Schema.org莫屬!

Schema.org是由四大搜尋引擎龍頭Google、Microsoft、Yahoo和Yandex共同推出的結構化標記規範紀錄網站。

Schema.org的創立,不只是有利於網站的工程師,對於搜尋引擎、使用者也都有所幫助:

Schema.org的創立有這些幫助

  • 搜尋引擎:統一定義有價值的項目,避免無效資料影響效率,可快速梳理網站內容。
  • 網站工程師/管理者:Schema.org提供一套標準格式,讓大家有答案可循,不必另外多學語法規則。
  • 搜尋用戶:當網站都有結構化資料標記後,使用者有機會看到更豐富多元、更直覺的結果呈現,加速獲取解答。

因此許多與SEO相關的結構化資料格式範本,你都能在Schema.org找得到答案!

何謂非結構化資料?

既然有結構化資料,那是不是也有非結構化資料呢?沒錯!

非結構化資料定義

意即沒有固定格式、固定欄位的資料,可以說亂成一團、讓人無法歸類,常見例如說影片、圖片、語音、PDF檔案、Email、一段純文字等等。

半結構化資料定義

介於結構化資料與非結構化資料之間,有一定的欄位,但填入內容不一定相同。

讓我們用比喻來理解,好比說如果用一份員工資料來解釋:

  • 結構化資料:表示每一列、每一欄都被設定好,生日填生日、電話填電話、姓名填姓名,都需要填入規範內的值。
  • 非結構化資料:大家自行發揮創意,只要能讓人認識員工,都可以被稱為員工資料。
  • 半結構化資料:某列、某欄有規定,但填入內容不一定相同,比如說一樣是工作情況,有的人經驗豐富填了10幾種,而有的人可能剛畢業所以1個都沒有。

結構化資料vs非結構化資料

當然若要從數據分析的角度來談結構化資料,這裡面的內容可就太複雜了,所以此處我們針對SEO行業、入門所需的基本資訊來介紹,底下也將3種資料格式簡單為大家做個比較:

             
結構化資料半結構化資料非結構化資料
  • 固定格式
  • 固定欄位
  • 固定順序
  • 具有特定行列或欄位,但內容不一致沒有格式、欄位、順序規定的資料
    比如:
  • 標題=SEO怎麼做?
  • 作者=Welly
  • 發布日=2021/12/31
  • 比如:
  • 員工的工作經歷
  • 招聘的職務內容
  • 比如:
  • 影片檔案
  • 圖片檔案
  • PDF檔案
  • Email
  • 一段沒有行列概念的純文字
  • 有哪些內容可以用結構化資料標記?

    參考Google官方說明文件,目前結構化資料有大約34種,底下我們也列出表格讓大家看看:

                                       
    結構化資料類型有以下34種
    文章(Article)當地商家
    書籍(Book)Logo
    導覽標記(麵包屑)數學解題工具
    輪轉頁面(輪播、連續清單、圖片庫)電影資訊輪播(Movie)
    課程(Course)預估薪酬
    資料集(Dataset)Podcast
    雇主評分(EmployerAggregateRating)練習題(Practice problem)
    活動(Event)產品資訊(Product)
    事實查核問與答
    常見問題(FAQ)食譜(Recipe)
    居家活動評論摘錄
    教學步驟(How-to)網站連結搜尋框
    圖片授權軟體應用程式
    求職資訊(JobPosting)語音助理(Speakable)
    職業訓練 (Beta 版)訂閱和付費牆內容
    軟體應用程式(Beta 版)影片(Video)

    如果想進一步看看這些功能長怎麼樣,可以參考:探索 Search Gallery

    建立結構化資料格式與方法

    建立結構化資料格式主要有3種語法,分別為JSON-LD、Microdata、RDFa。在進入程式語言的拆解之前,我們先來教你新手入門的結構化資料標記方法!

    給新手們:結構化資料標記協助工具

    對於無法自行撰寫程式語言的SEO人,該怎麼操作結構化資料標記呢?首先,若你使用外部內容管理平台(CMS),如Wordpress,很可能有許多外掛軟件能夠幫助你快速建立結構化資料。

    如果你的網站不支援結構化資料外掛軟件,我們推薦你使用Google提供的結構化資料標記協助工具

    結構化資料標記工具

    這項工具支援基本的14種結構化資料類型,包含問與答、文章、活動、當地商家、產品、電影、餐廳等等,而且操作步驟簡單:

    1. 選擇資料類型
    2. 輸入你要設定結構化資料的網址或電子郵件HTML,按下「開始標記」
    3. 將你想要標記的地方反白,選擇資訊類型
    4. 盡量將預設的資料類型填滿,按下「建立HTML」(可調整輸出格式JSON-LD或Microdata)
    5. 將代碼複製並貼到網頁的HTML標頭

    不過畢竟工具支援類型有限,如果想要寫FAQ、輪播等其他形式,就還是得另外自己產出程式語言。

    💡好用工具推薦:FAQ Schema 結構化數據生成器

    如果你想要寫FAQ Schema,可以嘗試看看這個簡單的工具,可以輕鬆建立FAQ的程式碼,新手也能快速上手喔!

    👉試試FAQ Schema 結構化數據生成器

    如果你看過其他結構化資料介紹文,你可能會發現怎麼Welly沒提到「資料螢光筆」功能?

    這是因為早期Google Search Console還沒改版前,「資料螢光筆」確實很適合新手使用,但在2021年Google Search Console更新後,這項功能暫時無法使用了,因此我們就先不介紹囉。

    結構化資料格式:JSON-LD、Microdata、RDFa

    這一個部份我們將為大家拆解結構化資料的模樣,減少大家對程式語言的恐懼感!

    首先JSON-LD是Google所推薦的語法,所以我們接著也著重用JSON-LD來解釋。

    1.JSON-LD

    JSON-LD的優點是能夠獨立於使用者可見文字之HTML之外,所以在撰寫、修改上都可以在一個區塊內統一處理,並且寫法簡單、清楚。

    我們使用Google提供的範例來拆解,假設今天我們要寫的目標是食譜,那麼擷取一部分JSON-LD結構化資料會長這樣:

    JSON-LD結構化資料語法

    簡單拆解JSON-LD語法3步驟:

    1. 透過@context來宣告正在使用schema.org結構化資料
    2. 透過@type來宣告結構化資料的類型
    3. 添加該類型所必需的資料,例如Recipe需要透過name來填寫食譜名稱

    話說白了,其實結構化資料很像是填空遊戲,你只要先從Organization of Schemas找到你想要標記的結構化資料類型,再根據該類型所需要的資訊內容,一個一個填上去即可。

    比如說Recipe接下來還需要CookTime(烹飪時間)、CookingMethod(烹調方法)、RecipeIngredient(配方材料)等等。

    完整的範例可以參考Add structured data to your web pages中的第3步教學,並複製下來自己修改。

    另外也可以參考我們之前寫過麵包屑的設定教學,其中也有結構化資料的設定,推薦大家也可以再對照看,能幫助更清楚地理解喔!

    原則上是Schema.org類型裡面提到的描述盡量填寫越多越好,這樣能夠給予搜尋引擎更多資訊,使最終呈現結果有更多可能性。

    這就像做菜一樣,備料備齊了,才有可能做出最美味的料理,但若缺少其中幾項,可能成品還是會留下遺憾。

    2.Microdata

    Microdata的語法通常會與使用者可見文字之HTML混合在一起,所以辨認、修改上需要花費心力來確認調整區塊,再一一處理。

    假設我們要標記的是電影《阿凡達》的頁面,Microdata的結構化資料標記長這樣:

    Microdata結構化資料語法

    簡單拆解Microdata語法3步驟:

    1. 在HTML的首行<div>中添加<itemscope>,來宣示這塊HTML屬於特定項目
    2. 添加<itemtype>,並指定結構化資料類型
    3. 用itemprop添加更多附加資訊,例如itemprop="name"、itemprop="director"

    來源:Getting started with schema.org using Microdata

    3.RDFa

    RDfa和Microdata有一樣的缺點,會與使用者可見的HTML文字混雜,所以修改不易,而且語法也和Microdata長得十分相似,比如說如果是要標記產品類型,我們節錄一部分的RDfa語法會長這樣:

    RDFa結構化資料語法

    簡單拆解RDFa語法2步驟:(以Microdata為基礎來理解)

    1. Microdata的itemtype在RDFa改成typeof
    2. Microdata的itemprop在RDFa改成property
    3. Microdata的itemscope被刪除

    結構化資料測試工具

    越過了最艱難的結構化資料格式和程式碼,接下來我們準備進入收尾。

    做好結構化資料以後,可別忘了使用測試工具來確認是否有錯誤,主要工具有2個:

    1. 結構化資料測試工具
    2. Google Search Console報告

    結構化資料測試工具

    結構化資料測試工具是由Google官方所提供,可以貼上網址或測試代碼來檢測,並且可以選擇測試電腦或手機版,並且當你有未填寫完整的事項時,也可以從這裡得知,進而幫助你修改。

    以Welly的客戶文章為範例,它符合「文章和導覽標記」這2種結構化資料:

    結構化資料測試工具範例

    請特別注意網址測試的時候,必須是公開網址喔!

    (所以有時候如果你想知道競爭對手用了什麼結構化資料,只要是公開的,你都可以丟上去看看)

    而程式碼檢測,則可以在網頁尚未發布的時候,先把程式碼丟上去看看有沒有錯誤。

    Google Search Console報告

    當網站發布以後,我們也要時不時到Google Search Console報告,確認看看搜尋引擎爬蟲爬取我們設定的結構化資料有沒有遇到問題。

    這部分通常會從Google Search Console的「涵蓋範圍和導覽標記」來監測,詳細Google Search Console教學可以參考這篇文章:Google Search Console教學,掌握4點快速安裝與使用!

    結構化資料的提醒和常犯錯誤

    1. 設完結構化資料,搜尋結果不一定會顯示

    不少人可能會想問設置完結構化資料,Google就會完全如實顯示嗎?答案是:不一定

    結構化資料就跟許多SEO的優化技術一樣,我們能夠傳遞給Google友善的訊號,但最終決定權還是在Google手上。

    使用結構化資料會「啟用」相關功能,但Google依然會考量使用者搜尋意圖、搜尋紀錄、所在位置和裝置類型,來提供使用者最佳的搜尋體驗。

    2.不要設定與網站內容無關的結構化資料

    記住SEO的目的是要提供給使用者最佳的搜尋結果,所以不要為了搶佔特殊版位,而故意設定與網站內容無關的結構化資料。

    比如說你的網頁明明是關於食物的,你卻用了體育相關的結構化資料,希望獲得相關頭條版面,若被Google偵測出來,有可能因此認定你的網頁為垃圾內容,而調降排名而減少曝光。

    3.不是所有結構化資料都會立即顯示

    雖然結構化資料有30餘種,但並不是每一種在中文語系都支援,目前我們比較常看到的有文章、導覽標記、FAQ、輪播資訊、產品資訊等等。

    然而Google依然持續更新,所以現在尚未顯示、支援中文語系的內容,不見得未來也不會顯示,所以按照Schema.org的標準來填好、填滿,才能始終立於不敗之地!

    最後,如果你對於結構化資料還有疑問,Welly團隊有專業工程師與SEO資深顧問,歡迎透過下方按鈕與我們聯繫洽詢!

    最值得擁有的專業行銷團隊!現在就與Welly一起透過SEO優化提升業績吧!

    熱門文章

    編輯精選

    最新文章

    hello@welly.tw

    02-77305901

    台北市復興北路150號10樓-6

    welly logo vertical

    Copyright © 2022 偉利科技股份有限公司 All rights reserved.