結構化資料是什麼?非結構資料?3種結構化資料標記方法!

結構化資料是什麼?非結構資料?3種結構化資料標記方法!
Polly

Polly

19 min read

2024-08-01更新

技術 SEO

# SEO做法

# SEO優化

# 技術SEO

結構化資料是什麼?結構化資料標記怎麼做?schema.org是什麼?本文將介紹Google結構化資料3大格式,告訴你結構化、半結構化資料差別,並且分享結構化資料範例與SEO結構化資料工具!

什麼是結構化資料標記?

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

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

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

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

正常的搜尋結果

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

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

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

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

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

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

結構化資料好處

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

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

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

(二)淺談 Schema.org

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

Schema.org 是由 4 大搜尋引擎龍頭 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 官方說明文件,目前結構化資料有大約 36 種,底下我們也列出表格讓大家看看:

     
    結構化資料類型有以下 36 種
    文章書籍動作
    導覽標記輪轉介面
    課程資訊課程清單
    資料集討論區
    教育問與答雇主累計評分
    預估薪酬活動
    事實查核常見問題 (FAQ)
    居家活動圖片中繼資料
    徵人啟事教學影片
    當地商家數學解題工具
    電影輪轉介面機構組織
    產品資訊練習題
    設定檔頁面問與答
    食譜(Recipe)評論摘錄
    網站連結搜尋框軟體應用程式
    支援朗讀服務項目訂閱和付費牆內容
    度假民宿車輛資訊
    影片特殊公告(Beta 版)

    如果想進一步看看這些功能長怎麼樣,可以參考:探索 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 大結構化資料測試工具介紹!

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

    做好結構化資料以後,可別忘了使用測試工具來確認是否有錯誤,主要工具有 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 的標準來填好、填滿,才能始終立於不敗之地!

    以上就是結構化資料的知識分享,如果您想要了解更多 SEO 資訊,或者想要獲取免費的 SEO 健檢報告,都可以透過下方黃色按鈕與 Welly 團隊聯繫!

    Polly

    Polly

    品牌行銷經理

    撰寫超過 100+ 篇專業 SEO 文章,負責掌管 Welly 官網的 SEO 專案,成功將 Welly 官網透過 SEO 優化,提升網站 5 萬月流量,並負責將 Welly 香港官網從無到有建置,同時利用 SEO 策略讓新官網每月有破萬曝光。

    分享至

    img_CTA

    台灣最專業的 SEO 行銷團隊!

    現在就與 Welly 一起將目標關鍵字攻上 Google 首頁吧!

    其他主題

    行銷理論

    從行銷策略到多種行銷手法, 行銷人必學的理論文章以最淺顯易懂的方式呈現給你!

    SEM & 廣告

    SEM 是什麼?社群廣告如何操作? 想要自學投放廣告必看文章!

    SEO 新知

    Google 演算法更新、最新的 SEO 趨勢等, Welly SEO 都為你統整在這!

    延伸閱讀
    Hreflang是什麼?瞭解後設置多國語言網站再也不困難!
    適文

    適文

    2024-04-12

    適文

    適文

    2024-11-15

    適文

    適文

    2024-11-11

    Kira

    Kira

    2024-11-11

    Polly

    Polly

    2024-11-11

    適文

    適文

    2024-10-17

    適文

    適文

    2024-10-17