如何在 WordPress 中显示面包屑导航链接

当您访问网站并看到类似“主页->商店->我的帐户”之类的内容时，它们被称为面包屑。

它们充当“踪迹” ，帮助用户了解他们在网站上的当前位置以及他们如何到达那里。面包屑以Hansel 和 Gretel 的故事命名，可帮助用户进行网站导航。

在今天的文章中，我们将介绍：

• 添加面包屑的好处
• 在 WordPress 网站上实施面包屑的最佳方法。
• 最好的WordPress 插件，可将面包屑添加到您的网站。

不浪费时间了，让我们开始吧——

向网站添加面包屑的好处

在我们开始教程部分之前，您必须了解面包屑的好处 -

1. 面包屑为用户提供了清晰的旅程地图，这对于电子商务网站或博客等大型网站很有帮助。
2. 面包屑有助于提供更流畅的浏览体验。
3. 访问者可以快速跳转到页面，而无需依赖主菜单或后退按钮。
4. 搜索引擎使用面包屑来了解您网站的结构。
5. 面包屑可以出现在搜索引擎结果中，提高点击率，并帮助搜索引擎更好地为您的网站建立索引。
6. 面包屑导航可降低跳出率并提高参与度。
7. 它们重量轻且易于适应

面包屑不仅仅是导航帮助，它们是任何用户友好且搜索优化的网站的重要组成部分。

现在让我们看看如何在 WordPress 网站上添加面包屑导航。

如何向 WordPress 网站添加面包屑导航

因此，我们将向您展示如何使用 3 种方法向您的 WordPress 网站添加面包屑导航。

• 使用 WordPress 插件
• 使用自定义代码
• 使用主题的支持。

让我们开始吧——

1.使用WordPress插件添加面包屑导航

通常，总会有一个 WordPress 插件可以为您的 WordPress 网站添加任何类型的功能。有一个名为Breadcrumb NavXT的插件可以添加面包屑导航。

这是最受欢迎的 WordPress 面包屑插件之一，拥有超过900,000多个活跃安装。该插件具有免费版本中的所有必要功能，可帮助您在网站上添加和自定义面包屑导航。

以下是在您的网站上显示面包屑导航的步骤 -

第 1 步：安装并激活插件

首先，从 WordPress 仪表板安装插件。转到插件 –> 添加新插件，然后在搜索框中输入 Breadcrumb NavXT。然后安装并激活插件 -

步骤 2：配置面包屑导航 NavXT 设置

您将在Settings–> Breadcrumb NavXT下找到该插件的自定义选项。您将找到自定义面包屑的各种选项。但如果您时间有限或技术知识很少，请保留默认设置。

注意：当我安装插件时，我没有调整任何设置。保留默认的。对我来说效果很好。

第 3 步：添加古腾堡块

配置设置后，您需要在要显示面包屑的页面或帖子上添加面包屑路径块。选择任何页面或帖子，选择并添加面包屑路径块。

这会将面包屑导航添加到页面或后期

您还可以使用该小部件添加面包屑。只需转到“外观”->“小部件” 。找到“面包屑路径”小部件并添加您想要在网站上显示面包屑的位置 -

您可以通过这种方式轻松地通过面包屑导航访问您的网站。

但有一个问题。您只能逐页或逐个帖子地执行此操作。这会花费你很多时间。

如果您想在整个站点范围内执行此操作，那么您需要使用自定义编码。

2.使用自定义代码添加面包屑导航

如果您安装了 Breadcrumb NavXT 插件，那么您可以使用一些代码来在站点范围内显示面包屑。

您可以使用外观中的主题文件编辑器选项或从 CPanel 打开文件管理器并找到 header.php 文件。

添加这段代码-

 if (function_exists('bcn_display')) { bcn_display(); } ?>

注意：我最初在添加使用“<!–?php”的代码时遇到了麻烦。但代码从一开始就已经有一个“<!–?php”。这就是为什么它给我一个错误。我提供了您需要使用的唯一部分代码。复制它并将其放在代码末尾。

这将添加站点范围的面包屑导航-

就这么简单。

3.使用主题支持添加面包屑导航

您还可以使用主题支持将面包屑添加到您的网站。例如，在店面主题中，转到主题自定义选项。在小部件部分，您将找到 Breadcrumb NavXt 块 -

您可以从此处配置设置。然后你可以添加一个 Breadcrumb Trail 块来显示面包屑 -

您可以通过这种方式显示 WordPress 网站的面包屑导航。

为您的 WordPress 网站添加面包屑的流行插件

如果您不习惯使用 Breadcrumb NavXT 插件，那么您还可以使用其他插件 -

1.Yoast SEO

Yoast SEO 是一个流行的插件，旨在提高网站的 SEO 性能。 它包括内置的面包屑功能。

这使得它成为那些想要将导航与 SEO 优化结合起来的人的绝佳选择。

面包屑是可定制的，可以帮助您匹配网站的结构和设计。

特征：

• 与您网站的 SEO 设置无缝集成。
• 提供调整面包屑结构和外观的灵活性。
• 通过在 HTML 标记中包含面包屑，帮助搜索引擎更好地索引您的网站。
• 支持帖子、页面和自定义帖子类型。

2.数学排名

Rank Math 是另一个非常流行的 SEO 插件，它提供高级功能，包括面包屑。它因其用户友好的界面和定制选项而广受欢迎。它的面包屑可以轻松设置和设计，以适合您网站的主题。

特征：

• 提供面包屑定制的详细选项。
• 自动将面包屑添加到帖子、页面和其他内容类型。
• 与 Rank Math 的 SEO 工具套件完全集成，以提供附加功能。
• 轻巧且适合移动设备导航。

3.WooCommerce面包屑

WooCommerce Breadcrumbs 是专为 WooCommerce 商店设计的插件。它通过向产品页面、类别和其他商店特定部分添加面包屑来改进导航。

特征：

• 自动将面包屑添加到 WooCommerce 产品和类别页面。
• 通过显示产品在商店层次结构中的位置来增强用户体验。
• 可定制的面包屑标签和分隔符以获得更好的美观性。
• 通过为搜索引擎提供结构化导航来帮助改进 SEO。

4.灵活的面包屑

Flexy Breadcrumb 是一个插件，旨在向您的 WordPress 网站添加可自定义的面包屑。

它适用于大多数主题，并允许您调整面包屑设计和结构以适合您网站的风格。其用户友好的界面使其适合初学者和高级用户。

特征：

• 提供多种面包屑设计选项。
• 允许自定义面包屑层次结构和分隔符。
• 支持与 Elementor 等流行页面构建器集成。
• 轻量级并针对快速性能进行了优化

使用面包屑改进您的网站导航

您找不到很多没有面包屑导航的网站。这是保持客户和访问者参与度的好方法，让他们知道他们在您网站上的位置。正如我们所说，它对于 SEO 优化也很有帮助。

无论您喜欢与否，面包屑导航对于网站来说都很重要。甚至谷歌也表示面包屑导航可以改善网站结构和搜索引擎优化。

我们向您展示了 3 种向您的网站添加面包屑的方法。您可以关注其中任何一个。

因此，请向您的网站添加面包屑，如果您在任何时候遇到困难，请在评论部分告诉我们。