seo 基礎:什麼是導覽標記(麵包屑)?

SEO 基礎:什麼是導覽標記(麵包屑)?

/ 閱讀時間 6 分鐘 

麵包屑這個術語源自於童話故事糖果屋,漢賽爾與葛麗特在前往森林的路上放了許多麵包屑,這樣即使迷路了也能順著麵包屑找到回家的方向。

網頁上的導覽標記(麵包屑)也有類似的概念。透過導覽標記(麵包屑)的協助,訪客可以知道目前所在的位置並順著路徑回到上一層頁面。

看完本篇文章你會了解什麼是導覽標記、使用導覽標記的好處有哪些以及如何在 WordPress 網站新增導覽標記。

什麼是導覽標記?

導覽標記是由一小段可點擊的文字所組成的路徑,通常位於網頁的上方,用於呈現特定頁面在網站階層中的位置。

什麼是導覽標記

舉例來說,當你在星巴克的官網瀏覽「巧克力可可碎片星冰樂」商品時,你會看到頁面的左上方顯示以下路徑:「首頁 » 商品 » 飲料專區 » 星冰樂 » 摩卡可可碎片星冰樂」。

藉由上面的路徑你可以知道目前所在的位置(頁面)是「巧克力可可碎片星冰樂」,然後可以回到「星冰樂」這個上層商品分類頁面或是直接返回「首頁」。

使用導覽標記的好處

雖然導覽標記在網頁上所占的空間不多,但是對於使用者體驗與 SEO 卻有著重要的影響。以下是使用導覽標記的好處:

提升使用者體驗

沒有人喜歡迷路,當使用者找不到他們想要查找的資料時,如果網頁又沒有明確的指引,最終的結果就是離開。

導覽標記提供另一種瀏覽網站的方法,幫助使用者更有效率地探索網站,再也不用點擊「上一步」按鈕或是關閉網頁,有效降低跳出率,大幅改善使用者體驗。

改善 SEO 排名

除了透過提交 Sitemap 的方式讓 Google 了解網站整體的架構之外,你也可以在網站上新增導覽標記,以便 Google 爬取網站的內容進而清楚網站的結構。

另外,導覽標記不僅只是一串可點擊的文字,新增結構化標記可以讓你的網頁在搜尋結果頁面表現得更突出!

如何在 WordPress 新增導覽標記?

了解導覽標記的好處之後,接下來就要在你的 WordPres 網站上新增導覽標記。新增的方法有很多種,你可以選擇以下任一方式達成:

透過佈景主題

大部分的 WordPress 佈景主題都有導覽標記的功能,如果你對於選擇什麼主題沒有頭緒,我推薦你選擇 Astra,理由如下:

  • 免費版即有導覽標記的完整功能
  • 包含 JSON-LD 結構化標記,讓你的網頁在搜尋結果頁上更吸引人

Astra 佈景主題新增導覽標記的步驟如下:

  • 來到 WordPress 資訊主頁之後,前往外觀»自訂»Breadcrumb
  • 你可以決定導覽標記出現的位置、來源、分隔線圖示、不要出現在哪裡與排列方式
  • 設計的部份你可以設定背景、文字、分隔線、連結顏色以及字型樣式與間距

Astra 佈景主題的導覽標記位置只有頁首內、頁首後與標題前。如果你想要將導覽標記新增到任一位置,可以透過 Astra 提供的短代碼達成(付費功能)。

[astra_breadcrumb]

使用到短代碼的方式來新增導覽標記通常是為了要符合設計排版,因為佈景主題所提供的位置都是固定的。

透過 SEO 外掛

大部分的 SEO 外掛像是 Yoast、RankMath、All in One SEO 都有內建導覽標記的功能。

不論你是使用哪一款 SEO 外掛,基本上有三種方法可以在你的 WordPress 網站上新增導覽標記,如下:

  • 將 SEO 外掛提供的程式碼片段貼在佈景主題的範本檔案裡,通常是放在 header.php
  • 透過短代碼的方式,手動決定導覽標記要出現在網頁的哪一個地方
  • 有些 WordPress 佈景主題(像是 Astra)有與 SEO 外掛整合,讓你可以在佈景主題中使用 SEO 外掛所提供的導覽標記

結論

導覽標記不僅搜尋引擎喜歡,同時也包含前來你網站的訪客。除了能夠讓搜尋引擎更容易爬取網站的內容之外,也能提升使用者體驗與降低跳出率。

如果你的 WordPress 網站還沒有開始使用導覽標記,建議將導覽標記新增到你的 WordPress 網站上,雖然看似渺小但卻扮演著舉足輕重的角色!

這篇文章對您是否有幫助?

0 / 5

Your page rank:

加入「全方位學 WordPress - 從架站到整合行銷」2.0 課程等候名單

我正在改版「全方位學 WordPress - 從架站到整合行銷 2.0」這門課程,適合那些想學習更進階的 WordPress 技術與 SEO 文案寫作技巧的人。歡迎加入課程等候名單,等改版完成後會發送通知。

留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Scroll to Top