如何在 WordPress 中顯示 BreadCrumb 導航鏈接


您想在您的 WordPress 網站上顯示麵包屑導航鏈接嗎?

麵包屑導航告訴用戶他們在網站上相對於主頁的位置。 然後,此麵包屑路徑也會顯示在搜索結果中,使您的網站脫穎而出。

在本文中,我們將向您展示如何在 WordPress 中顯示麵包屑導航鏈接。

在 WordPress 中輕鬆顯示麵包屑導航鏈接

什麼是麵包屑導航,為什麼需要它?

麵包屑導航是一個術語,用於描述呈現為鏈接軌蹟的分層導航菜單。 它通常用作輔助導航,允許用戶在網站的頁面層次結構中向上移動。

WPBeginner 網站上顯示的麵包屑

麵包屑導航鏈接不同於 WordPress 中的默認導航菜單系統。

麵包屑導航的目的是幫助用戶瀏覽您的網站。 它還可以幫助搜索引擎了解網頁上鍊接的結構和層次結構。

如果您的麵包屑設置正確,那麼像 Google 這樣的搜索引擎會在搜索結果中將它們與頁面標題一起顯示。 這使您的網站在搜索結果中的知名度更高,並提高了點擊率。

搜索結果中的麵包屑導航

本指南中的方法將幫助您使用架構標記正確設置麵包屑。 Schema 是一種智能標記代碼,可幫助 Google 識別您的麵包屑,以便它們顯示在搜索結果中。

話雖如此,讓我們來看看如何在 WordPress 中添加麵包屑導航鏈接。 我們將向您展示兩種方法,您可以選擇最適合您的一種。

方法 1. 使用多合一 SEO 在 WordPress 中添加麵包屑導航(推薦)

這種方法更簡單,推薦給所有 WordPress 用戶。

對於這種方法,我們將使用 WordPress 的多合一 SEO,這是市場上最好的 WordPress SEO 插件。 它可以幫助您輕鬆改進 WordPress SEO,無需任何技術技能。 它還帶有易於使用的麵包屑功能。

筆記:還有一個免費版本的 All in One SEO,功能有限,包括麵包屑。

激活後,您將進入插件的設置嚮導。 您可以按照屏幕上的說明設置插件。

多合一 SEO 嚮導

在設置方面需要幫助? 請參閱有關如何安裝和設置多合一 SEO 的分步教程。

接下來,您需要訪問 多合一 SEO » 常規設置 頁面並切換到麵包屑標籤。

在多合一搜索引擎優化中啟用麵包屑顯示

現在麵包屑模式標記由多合一 SEO 自動添加到您網站的代碼中,以便搜索引擎可以找到它。

但是,如果您也想在您的網站上顯示麵包屑導航鏈接,則需要打開“啟用麵包屑”選項。 切換開關可以讓您看到可以在您的網站上使用的不同麵包屑顯示設置。

麵包屑顯示選項

您可以使用四種方式在 WordPress 網站上顯示麵包屑導航軌跡。

1. 使用簡碼添加麵包屑導航

短代碼方法很簡單,允許您在 WordPress 帖子和頁面或在線商店的產品頁面中顯示麵包屑導航鏈接。

只需編輯帖子、頁面或產品,並在要顯示麵包屑導航軌蹟的位置添加以下短代碼。

[aioseo_breadcrumbs]

如果您使用的是默認塊編輯器,則短代碼將自動轉換為短代碼塊。

AIOSEO 麵包屑導航短代碼

您現在可以保存您的帖子或頁面並預覽它以查看正在運行的麵包屑導航菜單。 這是它在我們的測試站點上的外觀。

AIOSEO麵包屑導航菜單

2. 使用古騰堡塊添加麵包屑導航

現在,如果您不想使用簡碼選項,或者不記得簡碼,那麼您可以使用“AIOSEO – Breadcrumbs”塊顯示麵包屑導航。

只需編輯要顯示麵包屑導航的帖子或頁面,然後添加 AIOSEO – 麵包屑塊。

添加 AIOSEO 麵包屑塊

然後插件將加載麵包屑導航鏈接的實時預覽並將其顯示在內容區域中。

預覽麵包屑塊

不要忘記更新或發布您的更改。

3. 使用 Widget 添加麵包屑導航

以上兩種方法要求您在要顯示麵包屑導航鏈接的每個帖子或頁面中添加短代碼或塊。

如果您想為每個帖子或頁面自動顯示麵包屑怎麼辦?

AIOSEO Breadcrumbs 小部件可讓您輕鬆做到這一點。 只需轉到 外觀 » 小工具 頁面並將“AIOSEO – Breadcrumbs”小部件添加到側邊欄。

AIOSEO 麵包屑小部件

您可以為小部件提供標題,也可以根據需要將其留空。 不要忘記單擊“保存”按鈕來存儲您的設置。

您現在可以訪問您的網站,您將在所有帖子和頁面上看到麵包屑導航菜單。

側邊欄小部件中的麵包屑導航

4. 使用代碼添加麵包屑導航

此方法允許您在所需位置準確顯示麵包屑導航鏈接。 但是,它要求您將代碼添加到 WordPress 主題文件中。

如果您以前沒有這樣做過,請不要忘記查看我們關於如何在 WordPress 中添加代碼片段的文章。

首先,您需要決定要在何處顯示麵包屑鏈接。 顯示麵包屑鏈接的最常見位置是在單個帖子、頁面或產品標題下方。

WordPress 主題使用模板文件來顯示您網站的不同部分。 例如,許多主題會使用一個名為 content-single.php 的文件,該文件位於主題的 template-parts 文件夾中。

請參閱我們的備忘單以查找要在 WordPress 主題中編輯的文件。

之後,您需要使用 FTP 客戶端編輯您的主題文件。 有關說明,請參閱有關如何使用 FTP 將文件上傳到 WordPress 的指南。 然後將以下代碼放在要顯示麵包屑導航鏈接的位置。


不要忘記保存更改並將文件上傳回您的網站。

您現在可以訪問您的網站以查看正在運行的麵包屑鏈接。

麵包屑導航鏈接預覽

更改麵包屑鏈接在 AIOSEO 中的顯示方式

現在默認情況下,多合一 SEO 使用模板來顯示您的麵包屑導航鏈接。 它包含指向您的主頁、類別或父頁面的鏈接,以及以 » 分隔的帖子或頁面標題。

您可以通過訪問 多合一 SEO » 常規設置 頁並向下滾動到“麵包屑設置”部分。

麵包屑設置

從這裡,您可以更改分隔符、顯示或隱藏主頁鏈接、添加前綴等。

完成後,不要忘記單擊“保存更改”按鈕來存儲您的設置。

方法 2. 使用 Breadcrumb NavXT 添加 Breadcrumb Navigation

此方法可與任何其他 WordPress SEO 插件一起使用。 如果您有兼容的主題,它很容易使用,但如果沒有,則需要編輯主題文件以顯示麵包屑導航鏈接。

您需要做的第一件事是安裝並激活 Breadcrumb NavXT 插件。 有關更多詳細信息,請參閱有關如何安裝 WordPress 插件的分步指南。

激活後,您需要訪問 設置 » 麵包屑導航 頁面來配置插件設置。

Breadcrumb NavXT 插件的設置頁面

默認設置應該適用於大多數網站。 但是,您可以根據需要自定義設置。

設置頁面分為不同的部分。 在常規設置選項卡上,您可以更改麵包屑的樣式和設置。

您還會注意到這些鏈接模板在鏈接標籤中使用了 Schema.org 標記。

插件設置下的帖子類型選項卡允許您為帖子、頁面和任何自定義帖子類型設置麵包屑鏈接。

您可以選擇顯示帖子層次結構的方式。 默認情況下,插件將使用 網站標題 > 分類 > 帖子標題. 您可以用標籤、日期或帖子父級替換類別,並更改分隔符。

分類法和作者選項卡具有用於麵包屑導航鏈接的類似模板。

不要忘記單擊保存更改按鈕來存儲您的更改。

在您的網站上顯示 Breadcrumb NavXT

Breadcrumb NavXT 提供多種方式在您的網站上顯示麵包屑導航鏈接。

1. 顯示帶有主題支持的麵包屑導航

一些最受歡迎的 WordPress 主題帶有一個內置選項,通過選擇 Breadcrumb NavXT 或您的 WordPress SEO 插件作為源來顯示麵包屑導航。

例如,如果您使用的是 Astra,那麼您可以訪問 外觀 » 定制 頁面,然後單擊麵包屑菜單。

從那裡,您將選擇希望麵包屑顯示在 位置 落下。

在裡面 麵包屑來源,您需要選擇“麵包屑導航”。

使用主題定制器添加麵包屑

如果您正在查看單個帖子或頁面,那麼您將看到麵包屑導航鏈接的實時預覽。

不要忘記單擊“發布”按鈕以保存您的更改。

2. 使用小部件添加麵包屑導航

該插件還提供了一個小部件,您可以使用它在側邊欄或任何小部件就緒區域中顯示麵包屑導航。

首先,前往 外觀 » 小工具 頁面並將 Breadcrumb NavXT 小部件添加到側邊欄。

麵包屑導航小部件設置

默認小部件設置適用於大多數網站,但您可以根據需要更改它們。 例如,您可能想要隱藏首頁上的軌跡。

不要忘記單擊“保存”按鈕來存儲您的小部件設置。

您現在可以訪問您的網站以查看正在運行的小部件。

側邊欄中的麵包屑鏈接

3. 使用代碼添加麵包屑導航

該插件還提供了一種代碼方法來為高級用戶顯示麵包屑導航鏈接。

首先,您需要使用 FTP 客戶端連接到您的 WordPress 站點。 之後,導航到位於 /wp-content/themes/ 目錄中的當前 WordPress 主題文件夾。

WordPress 主題使用模板文件來顯示您網站的不同部分。 例如,許多主題會使用一個名為 content-single.php 的文件,該文件位於主題的 template-parts 文件夾中。

請參閱我們的備忘單以查找要在 WordPress 主題中編輯的文件。

打開模板文件進行編輯,然後將以下代碼放在要顯示麵包屑路徑的位置:


不要忘記保存更改並將文件上傳回您的網站。

您現在可以訪問您的網站以查看正在運行的麵包屑鏈接踪跡。

麵包屑導航預覽

我們希望本文能幫助您了解如何在 WordPress 中顯示麵包屑導航鏈接。 您可能還想查看我們關於如何為您的 WordPress 網站獲取更多流量的指南,或者我們展示的最佳域名註冊商。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 你也可以找到我們 推特 和臉書。