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


Welly SEO 編輯部
2022-01-13更新
# SEO做法
# SEO優化
# 技術SEO
結構化資料是什麼?結構化資料與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屬於特定項目
- 添加<itemtype>,並指定結構化資料類型
- 用itemprop添加更多附加資訊,例如itemprop="name"、itemprop="director"
來源:Getting started with schema.org using Microdata
3.RDFa
RDfa和Microdata有一樣的缺點,會與使用者可見的HTML文字混雜,所以修改不易,而且語法也和Microdata長得十分相似,比如說如果是要標記產品類型,我們節錄一部分的RDfa語法會長這樣:
簡單拆解RDFa語法2步驟:(以Microdata為基礎來理解)
- Microdata的itemtype在RDFa改成typeof
- Microdata的itemprop在RDFa改成property
- Microdata的itemscope被刪除
結構化資料測試工具
越過了最艱難的結構化資料格式和程式碼,接下來我們準備進入收尾。
做好結構化資料以後,可別忘了使用測試工具來確認是否有錯誤,主要工具有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團隊聯繫!