歡迎來到奇寶小教室,讓我們繼續來跟奇寶工程師一起學習結構化資料吧!

今天要跟大家介紹的是許多網站都可以應用的文章結構化資料(Article Structured Data)!

文章結構化資料,顧名思義就是為網站中文章的各部分,以結構化資料的形式進行標記,告訴Google搜尋引擎,哪些是文章的標題、哪些是文章的內容、圖片等,

讓搜尋引擎更容易理解,這個頁面的內容,進而增加出現在搜尋結果的機會,如:Top Stories(奇寶暫譯:精選故事)等 ,提升使用者體驗,最終使我們網站的流量與排名蒸蒸日上!

(↑加強搜尋樣貌:搜尋"NBA all-stars"出現的Top Stories)

 
 

要正確的進行文章的結構化標記,我們必須知道可以標記哪些資料?

根據Google開發者中心,目前我們可以標記的資料欄位如下:

1. 文章的修改日期(dateModified)

這裡要標記文章最近一次的修改日期,且格式要符合ISO 8601的規範。若文章發佈後並無修改,則不需做此標記。

 

2. 文章的發佈日期(datePublished)

此處須標記文章的首次發佈的日期,且格式要符合ISO 8601的規範。

 

3. 文章標題(headline)

標記文章的標題,標題不應該超過110個字符(Characters)(大概50-60個中文字)

 

4. 文章圖片(image)

以網址的型式,標記文章中的一張主要圖片,如:"https://example.com/photos/photo.jpg"且圖片應該至少要有696像素(pixels)的寬度,此外Google有額外的提醒是:

(1) 要進行圖片標記的每一個頁面必須至少包含一張圖片,無論是否有標記,Google會自己挑選最佳的照片作呈現

(2) 圖片的網址必須是可以被搜爬和索引的

(3) 圖片必須要能代表標記的內容,與標記的內容有關

(4) 圖片必須是 .jpg, .png, 或. gif這幾種格式

(5) 為了有最好的結果,可以提供多個高解析度的照片,建議長乘寬至少300,000像素,並且有以下幾種比例: 16x9, 4x3, and 1x1,詳細標記的方式,可見Google開發者中心的範例

!小提醒:以上假設網站是非AMP(加速行動網頁)的情況,若網頁是AMP則有其他細部資料欄位需要標記

(↑以奇寶部落格文章為例,針對文章中的文章標題、發佈日期、作者、圖片進行標記)

 

當標記完資料後,我們可以使用Google提供的結構化資料測試工具,確認結構化資料是否正確無誤,若資料的格式錯誤或欄位缺少資料..等,則需要再針對錯誤的項目進行修正。

(↑標記完後,可以用Google結構化資料測試工具進行測試,確認沒有任何錯誤)
 

 

大家遇到的常見問題是:

網站文章在日期上格式,並不符合結構化資料以西元紀年的方式,而是以民國的方式紀年,或是文章的紀年方式不統一,有民國也有西元,文章頁面缺乏日期資訊..等。

 

這些情況容易造成錯誤和提高標記的難度,並可能影響呈現上的效果,工程師也會需要針對這些資料先做統一處理,才能正確進行標記優化。

建議在一開始設計網站時,針對文章的呈現格式就可以對結構化資料友善的方式做設計,如:在頁面提供必要的資訊及格式,甚至設定程式,自動產生相對應的資料標記,以後就可以一勞永逸的處理文章結構化資料囉!

當一切都正常運作後,我們就可以在搜尋結果中加強文章頁面出現搜尋樣貌的機會(如下圖),並藉此為網站吸引更多的流量,最終提升排名!

(↑加強搜尋樣貌:搜尋"Valentine's Day"出現的Top Stories)

 

 

相信看到這邊,大家對於文章結構化資料已經有更深入的瞭解,但這還只是結構化資料世界的一小部分!

 

-- 奇寶小教室的其他課程:

【奇寶小教室】跟著工程師學結構化資料!-什麼是結構化資料?

【奇寶小教室】跟著工程師學結構化資料!-麵包屑結構化資料

【奇寶小教室】跟著工程師學結構化資料!-產品結構化資料

 

-- 想更瞭解文章結構化資料標記的方式?

可以參考Google開發者中心,關於文章結構化的相關介紹

 

-- 推薦閱讀

結構化資料標記,讓google更懂網站的心!

 

 

 

參考資料:工程師操作經驗分享、Google DevelopersSchema.org

 

圖片來源:Background photo created by rawpixel.com - www.freepik.com

本文作者:Sydney
責任編輯:Zoey

 

 

KPN 編輯部
AUTHOR

KPN 編輯部

奇寶網路自 2006 年成立,深耕搜尋行銷產業 — 服務超過 600 家企業客戶,自主研發站內廣告系統「客樂寶」,是 Google Partners 官方認證機構。

SHARE Facebook LINE
STAY CONNECTED · 訂閱與社群

還想了解更多各類數位行銷資訊的話,歡迎訂閱電子報加入奇寶 Line 好友,第一時間接收最新資訊!

Facebook 粉絲專頁:

歡迎轉載 KPN 奇寶部落格相關文章,在轉載前請先詳閱著作權聲明及轉載原則