【奇寶小教室】跟著工程師學結構化資料！-文章結構化資料

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

今天要跟大家介紹的是許多網站都可以應用的文章結構化資料(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 Developers、Schema.org

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