諮詢熱線: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 品牌市場定位:報紙廣告實戰演練

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

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

不知道你有沒有注意過,有些粉絲專頁上會有Instagram的應用程式。 如果你也是常使用Instagram分享圖片做行銷的廠商,可以一起看看鳩竟要如何連結這兩種社群平台喔!   首先,請用粉絲專頁管理員的身分登入FB(請確保是以個人的身分) 接著請在搜尋....

FB社群經營第一步,專頁設定看這邊!

經營FB專頁一直是大家很關心、想學習的題目,上次Doris也貼心的為大家整理了小編Check List! 但在開始PO文與粉絲們互動前,有哪些是你不可錯過的設定呢?   封面照和大頭照 這應該算是基本中的基本,讓訪客對你的品牌會產品建立第一印象 封面照:828x315....

醫學美容行銷,不得不知的六大必修課程 (上....

Yumi : 醫學美容產業在廣告規範上相對嚴謹,廣告行銷事前作業一個都不能少!   上月底衛福部公告修正醫療法,當消息一出,在醫美界投下一大震撼彈,引起相關產業的議論,很多診所紛紛調整各自的網站,避免受罰,再加上廣告平台政策對於醫學美容產業各別有....

延伸閱讀

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

什麼是Meta Description? Meta Description,或者稱作描述標籤,是html代碼中用以簡短描述網頁內容的一個標籤,其格式如下: 你在描述標籤中所撰寫的內容,並不會呈現在網頁上被使用者看到,只有在原始碼和搜尋結果中,才能看到當中的文字。 這些內容,會出現....

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

搜尋公司相關產品或是公司名稱的時候,如果能夠跳出畫面右方紅框的資訊,對於商家絕對是大大加分! 想要做到這件事,首先,你必須先去Google驗證商家。 如果今天已經新增商家或是搜尋到要驗證的商家後,Google提供下列幾種驗證方式- 索取附有驗證碼的明....

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

結構化資料標記,讓Google更懂網站的心!   你有沒有在搜尋資料的時候,在結果頁上看到有些網頁呈現出來的資訊就是比其他人還要豐富?能夠展示公司網站中重要頁面、最近的活動、發文、或是在地商家的評等。 而在網頁的html程式碼中做結構化資料標記,....

關鍵字廣告V.S搜尋引擎優化:誰是行銷之王?....

當談及搜尋行銷,關鍵字廣告和SEO搜尋引擎優化,可說是兩個最好的方法。而兩者都是很特別的模式,也是非常常見的網路行銷模式,但到底何者比較適合你呢?這要取決於你的行銷活動。聽起來像是廢話,但是兩者看似相像,但其實兩者行銷目的是不一樣的,先了解以後再來評估你....

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

線上客服