結構化資料是什麼?3 大格式與34 種結構化資料標記類型統整!
Polly
19 min read
2024-04-22更新
# SEO做法
# SEO優化
# 技術SEO
結構化意思是什麼?結構化、非結構化資料有哪些差別?本文將介紹 Google 結構化資料 3 大格式,並且分享 SEO 結構化資料工具、結構化資料範例與結構化資料標記常見錯誤!
什麼是結構化資料標記?
結構化資料定義、標記結構化資料SEO好處
結構化資料(英文:Structured Data)意思是按照標準化格式來書寫的一段資料,使搜尋引擎資料庫可以更有效率讀懂你的網頁內容,並將內容分門別類,例如Excel就是最有名的結構化資料。
再白話一點來舉例,假設要向搜尋引擎宣告某個網頁的作者是Welly,我們會程式語言的方式寫上「作者=Welly」,而經過結構化資料標記的網頁,有機會在搜尋引擎結果頁(SERP)上以複合式搜尋結果出現。
實際案例:正常的搜尋結果可能是長這樣
由麵包屑、標題、前言組成。
(麵包屑為何重要?推薦閱讀:麵包屑(Breadcrumb)SEO教學!教你改善導覽標記提升排名!)
經過結構化資料標記後,我們有機會看到以下這種結果:
除了麵包屑、網址、前言之外,還有FAQ,或是星星評分、評論者(或作者)、價錢等額外的資訊。
因此結構化資料標記的好處,可以從2方面來談:
- 幫助搜尋引擎快速理解網頁內容
- 在搜尋引擎上有機會以複合式搜尋結果出現
當千篇一律的搜尋結果頁(SERP)上突然出現特殊的資料呈現時,往往更能吸引用戶目光,帶進可觀的點擊率(CTA)與網站流量,進而幫助網頁排名提升。
(關於SEO網頁排名相關資訊可參考:SEO是什麼?SEO優化怎做?SEO搜尋引擎最佳化完整教學)
淺談Schema.org
既然結構化資料是經過「標準化格式」處理,那麼是由誰來制訂這套標準呢?在SEO的領域中,最需要認識的非Schema.org莫屬!
Schema.org是由四大搜尋引擎龍頭Google、Microsoft、Yahoo和Yandex共同推出的結構化標記規範紀錄網站。
Schema.org的創立,不只是有利於網站的工程師,對於搜尋引擎、使用者也都有所幫助:
- 搜尋引擎:統一定義有價值的項目,避免無效資料影響效率,可快速梳理網站內容。
- 網站工程師/管理者:Schema.org提供一套標準格式,讓大家有答案可循,不必另外多學語法規則。
- 搜尋用戶:當網站都有結構化資料標記後,使用者有機會看到更豐富多元、更直 覺的結果呈現,加速獲取解答。
因此許多與SEO相關的結構化資料格式範本,你都能在Schema.org找得到答案!
何謂非結構化資料?
既然有結構化資料,那是不是也有非結構化資料呢?沒錯!
非結構化資料定義
意即沒有固定格式、固定欄位的資料,可以說亂成一團、讓人無法歸類,常見例如說影片、圖片、語音、PDF檔案、Email、一段純文字等等。
半結構化資料定義
介於結構化資料與非結構化資料之間,有一定的欄位,但填入內容不一定相同。
讓我們用比喻來理解,好比說如果用一份員工資料來解釋:
- 結構化資料:表示每一列、每一欄都被設定好,生日填生日、電話填電話、姓名填姓名,都需要填入規範內的值。
- 非結構化資料:大家自行發揮創意,只要能讓人認識員工,都可以被稱為員工資料。
- 半結構化資料:某列、某欄有規定,但填入內容不一定相同,比如說一樣是工作情況,有的人經驗豐富填了10幾種,而有的人可能剛畢業所以1個都沒有。
結構化資料vs非結構化資料
當然若要從數據分析的角度來談結構化資料,這裡面的內容可就太複雜了,所以此處我們針對SEO行業、入門所需的基本資訊來介紹,底下也將3種資料格式簡單為大家做個比較:
結構化資料 | 半結構化資料 | 非結構化資料 |
---|---|---|
具有特定行列或欄位 ,但內容不一致 | 沒有格式、欄位、順序規定的資料 | |
比如: | 比如: | 比如: |
有哪些內容可以用結構化資料標記?
參考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種結構化資料類型,包含問與答、文章、活動、當地商家、產品、電影、餐廳等等,而且操作步驟簡單:
- 選擇資料類型
- 輸入你要設定結構化資料的網址或電子郵件HTML,按下「開始標記」
- 將你想要標記的地方反白,選擇資訊類型
- 盡量將預設的資料類型填滿,按下「建立HTML」(可調整輸出格式JSON-LD或Microdata)
- 將代碼複製並貼到網頁的HTML標頭
不過畢竟工具支援類型有限,如果想要寫FAQ、輪播等其他形式,就還是得另外 自己產出程式語言。
💡好用工具推薦:FAQ Schema 結構化數據生成器
如果你想要寫FAQ Schema,可以嘗試看看這個簡單的工具,可以輕鬆建立FAQ的程式碼,新手也能快速上手喔!
如果你看過其他結構化資料介紹文,你可能會發現怎麼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語法3步驟:
- 透過@context來宣告正在使用schema.org結構化資料
- 透過@type來宣告結構化資料的類型
- 添加該類型所必需的資料,例如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語法3步驟:
- 在HTML的首行<div>中添加<itemscope>,來宣示這塊HTML屬於特定項目