有沒有聽過糖果屋的故事?
在森林裡,孩子們天真無邪的丟下一個又一個的麵包屑,以為這樣就不會迷路,沒想到回頭一看麵包屑全被動物們吃到一個也不剩,於是,孩子們就此失去了方向。
所以什麼是麵包屑(Breadcrumbs)?
我想聽完剛剛的故事,你或多或少有了答案,麵包屑在網站中替我們指引方向,導覽我們到我們想去的網頁,簡單來說,麵包屑就是有條理的呈現網頁中一個接著一個的路徑。
博客來 > MUJI無印良品 > 美妝保養 > 系列保養 > 敏感肌 > 商品介紹
藉著清楚的分類,我們得以順利的找到我們想要的內容,如果糖果屋裡孩子們的麵包屑沒有被小動物們吃掉,那麼他們也可以藉著麵包屑的導引順利找到回家的路,麵包屑對於 SEO 來說,就是導覽、導引的概念,它為網站做詳細的路線規劃,藉著一個又一個的麵包屑為路標,讓我們順利找到內容。
麵包屑(Breadcrumbs) 的好處還有哪些?
單就童話故事本身,你或許不小心以為麵包屑就只有指引方向這個好處,但是在網站中建立路標,讓使用者可以輕鬆找到他們想看的網頁,這帶來的好處還不只這些。
優化使用者體驗
你有想過,如果一個網站裡沒有麵包屑是什麼感受嗎?這就好比在一個網頁中塞入滿滿的文字,然後每段文字上直接附上超連結,要你自己從中找到想去的網站,如果你有對金閃閃的眼睛,那當然沒問題,但是對一般人來說早就眼花撩亂,良好的麵包屑,可以有效的替使用者減少不必要的時間浪費,因為良好的分類導引可以讓人簡單依序的找到目標網站。
留住使用者的心
麵包屑做得好, SEO 優化沒煩惱!好的麵包屑就會做到清晰明瞭的導引,進而擁有良好的網頁架構,讓每個網頁都被看見,就不會有明明有這個網頁,卻沒有人發現這個網頁存在的問題。
不佔空間的給網站加分
麵包屑不只好吃,還不佔空間,短短的一條導覽就能讓使用者找到需要的網頁。
聽起來這麼棒,所以麵包屑(Breadcrumbs)要怎麼做?
麵包屑對 SEO 大有幫助,但是進入網站還是不知所措,要點哪裡才算用到麵包屑呢?在這裡我們分別介紹 WordPress 網站以及其他網站要怎麼運用麵包屑來優化 SEO。
WordPress 網站
如果你的網站是以 WordPress 經營,那就簡單了,你可以直接安裝麵包屑外掛,不需要太複雜的程序就能建立麵包屑,常見的外掛有 Yoast SEO plugin 、 Breadcrumb ,安裝上去再簡單設定一下就能完成了。
非 WordPress 網站
如果不是 WordPress 網站,那要安裝麵包屑就得自行撰寫 Breadcrumbs Code 了,這方面就會變得比較複雜,建議諮詢會架設網站的工程師,好好規劃麵包屑的階層之間要怎麼安排,接著再來設置麵包屑,一般而言,常見能用來設置麵包屑的 Code 有 Microdata 、 JSON-LD ,建議大家可以根據自己的網站需求選擇。
使用麵包屑(Breadcrumbs)的三大注意事項
或許你有了技術基礎,但是就版面上還是有些小訣竅是需要注意的。
- 每個階層的文字不該太長,會降低易讀性
- 每個階層的連結都必須是有效連結,否則就白分類了
- 分階層是好事,但要注意不該太多層,簡單明瞭才是王道
看完以上,不知道你對麵包屑是否有多一點的認識?其實麵包屑的概念很簡單,就是讓網頁和網頁之間的連結是有條理的,透過清楚的階層呈現,我們才能輕易的找到想去的網頁,也能藉此避免某些網頁的路徑呈現的不夠清晰,而就此被使用者忽略。
如果對於 SEO 你還沒有初步的概念,可以參考: