麵包屑-1
麵包屑-1

麵包屑是什麼?優化SEO的頁面路徑導覽

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

目錄

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

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

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

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

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

使用麵包屑的好處?

方便網站使用者

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

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

降低跳出率

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

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

不會占用太多的頁面空間

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

有利爬蟲檢索網站

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

如何使用麵包屑?

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

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

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

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

WordPress 網站

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

非 WordPress 網站

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

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

延伸閱讀:

Share 分享 :

Related Post

最新文章

永久連結設定

如何設定 WordPress 網站的永久連結?

在網際網路上,網站的連結是非常重要的。網站連結不僅可以增加網站的流量,還可以提高網站的搜索引擎排名,提高網站的曝光率,從而增加品牌知名度和銷售額。如何在 WordPress 網站上修改永久連結設定呢?一起來看看!

Selected Post

精選文章

網頁設計該知道的6件事

網頁設計該知道的6件事

網路時代千變萬化,網頁設計也與過去大庭相逕,什麼是在網站設計前或進行中該知道的事呢?讓我們告訴你!

網頁設計推薦

激發靈感!2023 精選8個實用網頁設計推薦分享

我們為在網站設計時可能會靈感枯竭的你,精選了8個網頁設計推薦網站,集結眾人優秀的網頁設計作品,可能會與你的想法擦出精彩的火花!不論是歐美大膽熱情的設計風格或是日本簡潔清幽的網頁設計風格,都可以帶給你不同的靈感!

WordPress網站速度

如何提升WordPress網站速度及性能?

您想提升您的WordPress網站速度嗎?快速加載頁面可改善用戶體驗、增加瀏覽量並幫助您的 WordPress SEO。在本文中,我們將分享最有用的 WordPress 速度優化技巧,以提高WordPress性能並加速您的網站。