SEO 基礎：什麼是導覽標記？

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

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

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

什麼是導覽標記？

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

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

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

使用導覽標記的好處

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

提升使用者體驗

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

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

改善 SEO 排名

除了透過提交 Sitemap 讓 Google 了解網站整體的架構之外，你也可以在網站上新增導覽標記，以便爬蟲透過連結清楚網站的結構。

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

如何在 WordPress 新增導覽標記？

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

透過佈景主題

大部分的 WordPress 佈景主題都有內建導覽標記的功能，如果你對於選什麼主題沒有頭緒，推薦你使用 Astra，理由如下：

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

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

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

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

[astra_breadcrumb]

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

透過 SEO 外掛

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

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

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

結論

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

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