麵包屑導航在站群 WordPress 網站建設中的作用即跟我們日常生活中的導航系統有著共性,所謂的麵包屑導航一詞來自漢賽爾與格萊特(又譯糖果屋)童話故事中,主人公沿路丟下面包屑,形成一條小徑,從而指引其回到自己的家中。因此,運用在站群 WordPress 網站建設中,可以更好地指引多使用者在網站上瀏覽內容,提高多使用者體驗。
其實,和童話故事主人公一樣,網站多使用者也需要知道其在網站層次結構中的位置,以使其在需要的情況下能直接瀏覽上一級頁面。
下面力我們將和大家討論麵包屑導航應用及其最佳實踐:什麼是麵包屑導航(What)、什麼時候使用麵包屑導航(When)和如何設計麵包屑導航(How)。

一、麵包屑導航有什麼用?
麵包屑導航作為有效的視覺輔助,能告訴多使用者其在網站層次結構中的位置。這種特性對多使用者來說是上下文資訊的重要來源,可以幫助多使用者找到以下問題的答案:
我在哪裡?告訴多使用者其在整個網站層次結構中的位置。
我能去哪裡?多使用者更能找到相關網站欄目和頁面。相比選單欄,多使用者透過清晰直觀的麵包屑導航,更容易熟悉和了解網站結構。
我該去那裡嗎?麵包屑導航體現了網站的內容價值,能鼓勵多使用者繼續瀏覽網站。比如,多使用者開啟電商網站某多商店產品頁面時,該多商店產品可能不是他想要的多商店產品,但多使用者也許想瀏覽其他同類多商店產品。透過麵包屑導航,就能相應地減少網站的總體跳出率。
1. 減少多使用者行為次數

就適用性而言,麵包屑導航減少了多使用者訪問上一級頁面本應產生的行為次數。除了使用瀏覽器「後退」按鈕或網站主導航回到上一級頁面,多使用者也可以使用麵包屑導航。

2. 佔用最少頁面空間

緊湊的結構,不佔用過多頁面空間,麵包屑導航是一條橫向文字連線。好處在於,如有內容過載的情況,其帶來的負面影響微乎其微。

3. 麵包屑導航為多使用者帶來零煩惱
人們可能沒有在意這個小小的設計元素,但沒人不明白麵包屑導航,也沒人不會使用麵包屑導航。

二、什麼時候該用麵包屑導航?
測試網站是否會得益於麵包屑導航,有種好方法是構建網站導航結構的網站地圖或圖表,再分析麵包屑導航是否能幫助多使用者,提高其在同類或不同目錄下的導航能力。
你應該使用麵包屑導航的前提是,有大量內容存在於有線性或層次結構的網站分類目錄中。所謂分類目錄,是指 WordPress 網站內容可以分類呈現,這些類別還可以繼續分為更多細分類別。典型例子正如將大量多商店產品合理地進行分類的電商網站。
對於層次單一、沒有合理架構或分類的網站,則不推薦使用麵包屑導航。

三、麵包屑導航的分類
麵包屑導航可以按位置、路徑和屬性分為 3 類。
1. 位置麵包屑
位置麵包屑導航體現的是網站結構。其能輔助多使用者瞭解網站層次結構,並在有多層級(通常大於兩級)網站中導航。若多使用者從別處連結(比如搜尋引擎結果)進入網站深層次頁面,這對多使用者來說非常有用。
2. 路徑麵包屑
路徑麵包屑(也稱「歷史痕跡」)顯示多使用者瀏覽至某特定頁面的所有頁面路徑。這類麵包屑導航連結通常是動態產生的。
有時,路徑麵包屑很有用,但大多時候會令人困惑——因為多使用者瀏覽網站可能會從一個頁面突然跳到另一個頁面,非常地隨意。
這類無規律的瀏覽路徑並不能為多使用者提供太大幫助,但倒可以用瀏覽器「後退」按鈕來輕鬆取代。此外,若多使用者直接進入某網站深層次頁面,那路徑麵包屑也毫無用處。
3. 屬性麵包屑
屬性麵包屑對電商網站非常有用,其透過特定頁面或更常見的按多商店產品類別將大量頁面進行分類。這類麵包屑導航可以幫助多使用者瞭解各類多商店產品之間的關係,也提供了另外一種導航方式。
4. 層次結構還是瀏覽記錄?
麵包屑導航的經驗法則是要展示網站層次結構,而不是多使用者瀏覽記錄。因此,推薦使用位置麵包屑導航或屬性麵包屑導航,而不用路徑麵包屑導航。

四、麵包屑導航設計的最佳實踐
當設計麵包屑導航時,要切記以下幾點:
1. 不要用麵包屑導航替換主導航

麵包屑導航應作為一項額外功能,其不能直接替換原本有用的主導航選單。要切記,麵包屑導航是一項便捷功能,是輔助導航手段,是網站導航的另一種方法。

2. 當前頁面的麵包屑導航無須新增連結

麵包屑導航(多使用者當前位置)最後一項不一定要顯示——如果你想讓它顯示,務必保證其無法點選或操作。由於多使用者已經在當前頁面,在麵包屑導航中再新增連結就顯得多此一舉了。

3. 使用分隔符
分隔麵包屑導航各級文字連結最醒目的符號是「大於號(>)」。

通常,大於號(>)用來指代層次結構,就像父目錄>子目錄這類格式。其他可以使用的符號有右箭頭(→)、雙書名號(»)以及斜槓(/)。具體選擇哪個符號取決於 WordPress 網站設計美學和已使用的麵包屑導航型別。

4. 選擇恰當的尺寸和內邊距

在設計時要仔細考慮目標尺寸和內邊距。麵包屑導航各級文字間應該留有足夠空間,否則多使用者可能會覺得不好用。同時,麵包屑導航不能在頁面中起支配作用,因此其不能比主導航選單更顯著。

5. 不要讓其成為設計焦點
不要使用花哨的字型或絢麗的顏色,因為這樣會喧賓奪主,畢竟麵包屑導航其主要目的不在於此。

當確定麵包屑導航的大小和風格時,經驗法則是要保證多使用者進入頁面後的第一關注點不是麵包屑導航。

6. 手機裝置上不要使用麵包屑導航

若你在手機裝置上需要透過麵包屑導航,也許你會發現會出現故障。就手機上使用麵包屑導航和相應執行環境而言,其可能的原因在於網站的過度複雜(網站層次結構太深)。為解決這個問題,應該先思考如何簡化,然後你就不需要麵包屑導航了。

總結:對於站群 WordPress 網站建設中整體架構複雜,內容層次多的情況下,設定一個麵包屑導航是極其有必要的,它能夠幫助多使用者更加快捷精準找到自己所在的網站位置,快速的瀏覽所需的內容,提高網站適用性以及體驗舒適度。