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

今天要跟大家介紹的是另一個,許多網站都可以應用的麵包屑結構化資料(Breadcrumb  Structured Data)!

麵包屑為何叫做麵包屑呢?!

有童年記憶的人應該對格林童話的《糖果屋》有點印象,糖果屋中的主角一度想靠著麵包屑找回回家的路。

就像是「走過的足跡」,當使用者進入網站中(首頁),可能會慢慢的繼續逛下去,但如果想依循著原路返回首頁,就會需要麵包屑的導航。(當然一直按上一頁也是個方法啦...)

 

麵包屑結構化資料,顧名思義就是以結構化資料的形式對麵包屑導航(Breadcrumb Trail)進行標記,標記完後,搜尋結果中的網址會以下圖呈現:

經過添加麵包屑結構化資料,就可讓網站的麵包屑導航(網址>部落格>SEO),取代原先的網址參數

藉此讓使用者可以輕易地從搜尋樣貌,就知道這個頁面在網站中的分類與層級,最終提升使用者的體驗。

 

接著,為了要正確的進行麵包屑的結構化標記,我們必須先瞭解到究竟需要標記那些資料?

根據Google開發者中心,需要標記的資料欄位如下:

1. 麵包屑網址(item)

這裡要標記的是該麵包屑的所連結的網址,以下圖為例,針對第三層麵包屑的"SEO"我們就需要標記它的網址:https://www.seoseo.com.tw/blog/seo/

 

2. 麵包屑名稱(name)

此處須標記該層麵包屑的名稱,接續前面的例子,第一層的名稱:Home、第二層的名稱:部落格、第三層的名稱就是”SEO”

 

3. 位置(position)

接著要標記麵包屑在麵包屑導航的位置,也就是第幾層。1代表是導航的第一層

↑在奇寶部落格文章中,針對紅框之麵包屑導覽進行結構化資料標記

 

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

大家在處理麵包屑結構化常遇到的問題是:

  1. 重複的麵包屑名稱、麵包屑網址(如:同樣的名稱,不同網址,或同樣的網址、不同名稱)

  2. 麵包屑沒有連結(常見的是最後一層(當前頁面)沒有連結)

  3. 網站並沒有寫麵包屑導航

  4. 層級有誤或有漏,如:子分類頁,缺少上一層的大分類頁的麵包屑。

這些情況容易造成錯誤和提高標記的難度,工程師也會需要針對這些問題多花時間處理,才能正確進行標記優化。

所以建議在一開始設計網站時,就要設計好網站的麵包屑導航甚至一併寫好麵包屑結構化資料,就可以盡可能地避免以上的問題囉!

 

 

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

 

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

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

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

 

-- 想更瞭解麵包屑結構化資料標記的方式?

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

 

-- 推薦閱讀

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

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

 

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

圖片來源:Pixabay

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

 
 
KPN 編輯部
AUTHOR

KPN 編輯部

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

SHARE Facebook LINE
STAY CONNECTED · 訂閱與社群

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

Facebook 粉絲專頁:

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