諮詢熱線:02-2369-8858
SEO

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

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

最後更新:2019/03/04 作者:Sydney
加入好友
【奇寶小教室】跟著工程師學結構化資料!-文章結構化資料

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

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

 

 

熱門文章

行銷STP 品牌市場定位:報紙廣告實戰演練

先了解自己,才能步入正軌,成長茁壯,發揚光大。 你了解自己的產品服務嗎? 在艱難的行銷道路上,是否開始迷失方向? 好的定位讓您上天堂,沒有明確定位則會讓你陷入泥淖,越陷越深離目標越來越遠。   今日來分享KPN奇寶廣告優化績效師日常- ....

SEO是什麼?SEO該怎麼做?一篇就懂SEO搜尋引....

我不了解什麼是SEO 什麼是SEO(搜尋引擎優化)? SEO是Search Engine Optimization的縮寫,中文稱作搜尋引擎優化。是一種對搜尋引擎規則的了解,針對網站進行調整,同時打造優良的使用者體驗,提供使用者關心的資訊與內容,進而提升網站排名....

在你的FB粉絲專頁新增Instagram頁籤!

不知道你有沒有注意過,有些粉絲專頁上會有Instagram的應用程式。 如果你也是常使用Instagram分享圖片做行銷的廠商,可以一起看看究竟要如何連結這兩種社群平台喔! 目錄 登入FB 搜尋「Instatab」 新增粉絲專業 請點選「小齒輪圖示」 選擇「編輯設定....

結構化資料與語意標記,讓Google更懂網站的....

結構化資料標記,讓Google更懂網站的心! 2020/05/29 更新:使用影片結構化資料搜尋成效   你有沒有在搜尋資料的時候,在結果頁上看到有些網頁呈現出來的資訊就是比其他人還要豐富?能夠展示公司網站中重要頁面、最近的活動、發文、或是在地商家的評等....

延伸閱讀

SEO是什麼?SEO該怎麼做?一篇就懂SEO搜尋引....

我不了解什麼是SEO 什麼是SEO(搜尋引擎優化)? SEO是Search Engine Optimization的縮寫,中文稱作搜尋引擎優化。是一種對搜尋引擎規則的了解,針對網站進行調整,同時打造優良的使用者體驗,提供使用者關心的資訊與內容,進而提升網站排名....

結構化資料與語意標記,讓Google更懂網站的....

結構化資料標記,讓Google更懂網站的心! 2020/05/29 更新:使用影片結構化資料搜尋成效   你有沒有在搜尋資料的時候,在結果頁上看到有些網頁呈現出來的資訊就是比其他人還要豐富?能夠展示公司網站中重要頁面、最近的活動、發文、或是在地商家的評等....

描述標籤(Meta Description)的SEO優化

本文分四個段落加以介紹: 目錄 什麼是Meta Description? meta description是Google排名因素之一嗎? 網頁摘要是如何產生的 如何優化meta description 具備敘述性、吸引使用者 每頁使用獨特的meta description 關於社群分享有一點可以注....

Google我的商家驗證教學,幫助你完成商家曝....

搜尋公司相關產品或是公司名稱的時候,如果能夠跳出畫面右方紅框的資訊,對於商家絕對是大大加分! 目錄 驗證Google商家的方式 驗證Google商家可能遇到的狀況 聯繫Google商家客服 驗證Google商家的方式 想要做到這件事,首先,你必須先去Googl....

Copyright © KPN SEO 2020. All Rights Reserved / 台北市大安區羅斯福路三段301號8樓 02-23698858 service@kpnweb.com

線上客服