麵包屑-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

精選文章

網站速度慢的5個原因

網站速度慢的5個原因

對於現在講求快速、即時的時代,若使用者開啟一個網站,網站速度非常慢,要等老半天,是不是會讓你想關掉網站,降低造訪意願呢?

WordPress SMTP

SMTP是什麼?收不到 WordPress 網站的信?

如果您注意到無法收到您的WordPress網站發送的郵件,這可能表示您的網站尚未設定SMTP(簡單郵件傳輸協定)。本文將解釋SMTP是什麼,並解釋為什麼它對您的郵件傳遞如此重要。讓我們來探討解決這個問題的方法!