什麼是麵包屑以及如何在頁面中顯示它們的一些提示
已發表: 2019-10-04諸如麵包屑之類的詞與您的網站和登錄頁面有何關係? 但是當你還是個孩子的時候,你有沒有聽說過亨塞爾和格萊特的童話? 你還記得他們如何使用麵包屑標記他們要走的路,以便他們找到回家的路嗎? 如果您聽說過這個故事,那麼您將更容易理解我們今天要討論的麵包屑是什麼。 一旦您了解了該術語背後的含義,將它們合併到您的頁面中就不會那麼難了。 作為 WordPress 專家,我們在這里分享我們的知識。
首先要做的事——麵包屑是什麼?
麵包屑導航是網站訪問者可視化他們在您網站上的位置的有用方式,它使他們更容易找到具有高影響力的目標網頁。 它使您的讀者更容易在您的網站上移動,如果您的網站結構複雜,這尤其有用。 考慮到麵包屑在設計中只佔一行的事實,很明顯它們對您的網站的貢獻可能是巨大的。

通常,麵包屑導航欄顯示為水平的文本鏈接。 因此,它可以幫助用戶找到許多問題的答案,例如他們在考慮整個網站時處於什麼位置,如何找到不同的部分和頁面,以及他們可能感興趣的產品/服務(如果您在您的 WP 網站上有一個在線商店或有一個電子商務網站。)
為了給你一個例子來說明這是如何工作的,想像一下在亞馬遜上輸入一本書的名字。 您對獲得的結果並不完全滿意,但您可以點擊鏈接到麵包屑中提供的另一本書或整個類型,而不是關閉頁面。 這樣,您只需按照麵包屑中給出的建議即可探索相關項目。 知道什麼是麵包屑是不夠的——如果你不知道存在的三種類型,那就不行了。
三種麵包屑
- 基於位置的麵包屑。 這些麵包屑是迄今為止最常見的。 它們也被稱為基於層次的麵包屑,因為它們的目的是表示頁面的結構,並幫助用戶了解您網站的層次結構,以便他們可以更輕鬆地導航它。
- 基於屬性的麵包屑。 這些麵包屑通過解釋它們的關係來充當不同產品之間的鏈接。 他們將根據一個人選擇的屬性列表顯示結果。 例如,當您在網站上使用過濾器時,就會發生這種情況。
- 基於歷史的麵包屑。 這些麵包屑是迄今為止最不受歡迎的麵包屑,因為它們的用途和功能可以通過單擊“返回”按鈕來替換。 他們的目的是向您展示您從打開網站的那一刻起所採取的路徑。

知道結合兩種或多種麵包屑的網站並不罕見。 這是一種做法,即使是擁有 WP 網站的最成功的公司也經常遵循這種做法。 好的,現在您已經完全熟悉了麵包屑的概念。 現在是提供一些關於如何以及應該在頁面中展示它們的好技巧的最佳時機。
你有必要使用麵包屑嗎?
在正文的開頭,我們提出了一個非常簡單的問題——麵包屑是什麼? 現在我們知道了答案,但有些人可能不確定他們是否絕對需要它們。 讓我們這樣說吧——如果你的網站很簡單並且沒有復雜的層次結構,那麼使用麵包屑導航是沒有意義的。 如果您的網站只包含主頁、聯繫我們頁面和一些登錄頁面,為什麼還需要它們? 如果您有可以從不同登錄頁面訪問的較低級別頁面,則也不需要麵包屑導航。 您應該始終牢記,麵包屑的目標是幫助您的用戶,而不是讓他們感到困惑。

麵包屑不應該太明顯
您應該始終牢記麵包屑導航可以幫助您的用戶這一事實。 因此,除非用戶正在尋找它,否則它不應該被注意到。 這就是為什麼你不應該在你的麵包屑導航中添加任何不必要的文本。 這只會產生一個雜亂的外觀,這與您的目標完全相反。 你想獲得一個乾淨和有吸引力的外觀。
好的設計也是必須的
如果您遵循傳統的麵包屑路徑,看起來像這樣 Home > About Us > Careers ,您可能會做出一個好或壞的決定——這取決於您的網站。 但是,如果您認為另一種更適合您網站的風格,則絕對沒有必要遵循傳統設計。 您可以使用不同的符號、不同的文字、不同的顏色。 你只需要選擇!

觀察麵包屑的大小
通常,網站有一個主導航欄和麵包屑。 網站所有者犯的最大錯誤之一就是使麵包屑與主導航欄一樣突出。 這就是為什麼不僅要注意麵包屑的設計和外觀,還要注意它們的大小。 您必須記住,謙虛是這裡的關鍵!
如何將此導航工具添加到您的 WordPress 網站?
- Yoast SEO 插件。
聽起來好像向您的網站添加麵包屑將是一件非常困難的事情。 但通常情況並非如此。 對於初學者來說,所有已經在使用 Yoast SEO 插件的人都不必擔心——麵包屑功能帶有這個超級有用的插件。 此外,一旦人們選擇了這個導航工具,他們通常會通過 Yoast 添加它。 它是目前更可取的方法之一,因為它帶來了許多不同的功能選項,您可以從中受益匪淺!
要通過 Yoast 添加麵包屑功能,您需要做的第一件事是安裝並激活插件。 然後繼續將麵包屑代碼片段添加到您的主題中,然後在插件設置中配置麵包屑。 只需切換“啟用”選項並根據您的需要配置設置和外觀。 就如此容易。
- 麵包屑導航 XT 。
還有另一個偉大而簡單的插件可用於添加麵包屑 - Breadcrumb NavXT。 第一步當然是安裝和激活。 但是要讓這個導航工具出現在您的網站上,您可以使用小部件設置中的內置小部件。 轉到儀表板,然後轉到外觀 > 小部件。 將小部件拖放到您選擇的小部件區域並更新設置。
為什麼您應該選擇 Breadcrumb NavXT? 因為它有一些高級配置選項。 您可以為不同的分類法定制整個模板,幾乎不知道您還能做什麼。 而且,當然,因為它的安裝和激活超級簡單,這總是一個優點。
你學會了你需要知道的一切嗎?
只要您記住麵包屑是什麼以及它們的目的是什麼,您就可以將它們合併到您的網站中。 小心點! 您在頁面中顯示它們的方式很重要,因為您不希望它們太明顯或設計不佳。 相反,請隨意發揮創意,並以一種看起來不錯的方式將它們安裝在您的網站上,並讓您的訪問者更輕鬆地操作您的網站。 祝你好運!