奇寶小教室：深入了解麵包屑結構化資料的應用及標記方法

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

今天要跟大家介紹的是另一個，許多網站都可以應用的麵包屑結構化資料(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提供的結構化資料測試工具，確認結構化資料是否正確無誤，若資料的格式錯誤或欄位缺少資料..等，則需要再針對錯誤的項目進行修正。

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

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

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

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

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

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

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

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

-- 推薦閱讀

結構化資料標記，讓google更懂網站的心！

參考資料：工程師操作經驗分享、Google Developers、Schema.org

圖片來源：Pixabay

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

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