麵包屑-1
麵包屑-1

麵包屑是什麼?網頁的「路徑導覽」4 個有利於 SEO 的原因

網站架設好了,想要優化網站的 SEO 排名,設定麵包屑(Breadcrumbs)是不可或缺的工作,可以提供使用者和爬蟲軟體更好的網站體驗。
目錄

麵包屑是什麼?為什麼叫麵包屑?

麵包屑
誠品網路書店的麵包屑導覽

麵包屑(Breadcrumbs)的名字來自格林童話中的糖果屋,故事中主角在走過的路線上撒下麵包屑,讓自己迷路時可以企圖沿著麵包屑找到回家的路。而網站中的麵包屑在同樣是為使用者指引方向的功能,導覽使用者到想去的網頁,簡單來說,麵包屑就是有條理的呈現網頁中一個接著一個的路徑,可以標示出使用者進到此網頁的路徑,防止使用者在網站中迷路,提升使用者體驗。

如上圖,麵包屑功能讓使用者可以清楚了解目前的商品是在哪個分類下,例如,「首頁>中文出版>雜誌・潮流風格>藝術表演」

而除了替網站使用者導覽方向外,也為網頁爬蟲指引路徑,讓 Google 等搜尋引擎更了解你的網站,幫助爬蟲軟體快速了解網站的整體架構,在爬取網頁時也能清楚知道網頁的層級及分類索引,有助於提升搜尋結果的排名。此外,設定麵包屑之後,網址在搜尋結果頁上也會呈現路徑索引,因此可以適時在麵包屑的名稱中加入關鍵字,增加使用者點擊的意願。

使用麵包屑功能的好處?

麵包屑的好處

方便網站使用者

麵包屑的層級連結可以有效的輔助瀏覽網頁使用者,讓他們永遠找得到返回的路徑,並且能使用者更加了解網站的導覽架構。

整體網站使用起來,返回上層頁面變得更方便、點擊次數也減少,對於許多大型的多層級網站來說,正確使用麵包屑可以讓使用者容易的前往各個層級,也能有效減少點擊次數。

降低跳出率

對於第一次訪問該網頁的使用者來說,麵包屑路徑也是一種帶領網頁訪客更進一步瀏覽各網頁的方式

例如:使用者藉由搜尋「葡萄口香糖」進入你的網站的產品的介紹頁,麵包屑的存在讓搜尋者可以快速的往返回上層的去瀏覽,假如網站的麵包屑是「首頁>產品介紹>甜點零食>糖果>口香糖>葡萄QQ口香糖」,搜尋者可以往返上一層去看所有口味的口香糖,或者直接去瀏覽您所有的甜點零食商品,這樣也使網站的跳出率進一步的降低了。

不會占用太多的頁面空間

麵包屑通常是基本的橫向文字連結組合,這樣的形式不會佔用到太多的網頁空間,也不會對網頁內容造成任何的影響,所以只要適當的使用,基本上它不會帶給網站任何的負擔以及負面的影響。

有利爬蟲檢索網站

增加麵包屑讓網站更加結構化,給爬蟲一個路標,讓它在檢索收錄網站時還不至於迷路,如果爬蟲迷路了,就有可能發生某些網頁沒有被檢索到的情況。

如何使用麵包屑?

麵包屑
RAB瑞布官網的麵包屑呈現

頁面路徑導航很重要,以下要注意一些重點:

  • 每一層的文字不能太長
  • 每一層的連結都必須有效
  • 路徑不宜過長

因為還要考慮到行動裝置的使用者,如果文字太長、路徑過長,會很雜亂,並且如果連結無效,麵包屑變得毫無意義。

麵包屑的建立其實也分為兩種,一種是屬於前端給使用者看的,另一種是屬於結構化資料JSON的後台程式碼,不過在此不詳加贅述。有興趣更深入了解如何新增結構化資料的朋友,可參考 Google 的導覽標記說明文件

WordPress 網站

如果你的網站是以 WordPress 架設的,可以直接安裝麵包屑外掛,相當輕鬆簡單,不需要太複雜的程序就能建立麵包屑導覽,常見的外掛有 Rank Math SEO、 Yoast SEO plugin 、 Breadcrumb ,安裝後再簡單設定就能完成。

非 WordPress 網站

如果是使用 WordPress 以外的平台或是自行架設的網站,可能需要諮詢架設網站的工程師,規劃麵包屑的層級及設置邏輯,並自行撰寫 Breadcrumbs Code 來設定麵包屑,常見的 Code 有 Microdata 和 JSON-LD,可以根據網站的需求選擇。

設定麵包屑在網站結構中,不只能提升網站的使用體驗,也對SEO排名有很大的影響,如果你的網站還沒設定麵包屑,可以著手進行,檢測網站的結構,也許更能提升SEO排名表現。

延伸閱讀:

分享

各種ChatGPT及AI工具應用、指令手冊、解決方案,每週更新。
學習最新AI工具,就上Learn AI
AI如何讓工作更輕鬆、更有效率?立刻學習!
LA廣告-1
LA廣告-2
LA廣告-3
Related Post
最新文章
如何開設線上選品店?實現網路創業夢想

開設線上選品店已成為實現網路創業夢想的理想途徑。透過精心選擇商品、創建個性化品牌和提供卓越的顧客服務,創業者可以在競爭激烈的市場中脫穎而出。本篇文章將帶您了解如何從品牌定位、商品選擇到行銷策略,一步步打造成功的線上選物店。

數位轉型
數位轉型是什麼?簡單說給你聽

數位轉型聽起來很複雜?其實它就是利用數位科技來提升效率、改善服務。這篇文章將用最簡單的方式,帶您了解數位轉型的概念與重要性。

Selected Post
精選文章
WordPress 維護
實用!16 個 WordPress 維護的技巧手冊

網站架好了要如何進行 WordPress 維護?你需要定期維護網站核心功能、安裝的外掛、主題和其他方面。WordPress 是一個很棒的內容管理平台,但做好網站維護是讓你的網站在市場上走得更久的關鍵。