您想在 WordPress 网站上显示面包屑导航链接吗?

面包屑导航告诉用户他们在网站上相对于主页的位置。然后,该面包屑路径也会显示在搜索结果中,这使您的网站脱颖而出。

在本文中,我们将向您展示如何在 WordPress 中显示面包屑导航链接。

什么是面包屑导航以及为什么需要它?

面包屑导航是一个术语,用于描述以链接轨迹形式呈现的分层导航菜单。它通常用作辅助导航,允许用户在网站的页面层次结构中向上移动。

面包屑导航链接与 WordPress 中的默认导航菜单系统不同。

面包屑导航的目的是帮助用户在您的网站上导航。它还可以帮助搜索引擎了解网络上链接的结构和层次结构页。

如果您的面包屑设置正确,那么 Google 等搜索引擎会将其与页面标题一起显示在搜索结果中。这可以提高您的网站在搜索结果中的可见度并提高您的点击率。

本指南中的方法将帮助您使用架构标记正确设置面包屑。架构是一种智能标记代码,可帮助 Google 识别您的面包屑,以便它们显示在搜索结果中。

话虽如此,我们来看看如何在 WordPress 中添加面包屑导航链接。我们将向您展示两种方法,您可以选择最适合您的一种:

  • 方法 1:使用多合一 SEO 在 WordPress 中添加面包屑导航(推荐)
    • 方法 2:使用 Breadcrumb NavXT 添加面包屑导航

    视频教程

    订阅 WPBeginner

    如果你愿意更喜欢书面说明,然后继续阅读。

    方法 1:添加面包屑导航WordPress 使用多合一 SEO(推荐)

    此方法更简单,建议所有 WordPress 用户使用。

    对于这种方法,我们将使用 WordPress 的 All in One SEO,这是市场上最好的 WordPress SEO 插件。它可以帮助您轻松提高 WordPress SEO,无需任何技术技能。它还具有易于使用的面包屑功能。

    注意:还有一个免费版本的 All in One SEO,但功能有限,其中包括面包屑。

    激活后,您将进入插件的设置向导。您可以按照屏幕上的说明设置插件。

    需要设置帮助吗?请参阅我们的分步教程,了解如何安装和设置 All in One SEO。

    接下来,您需要访问“多合一 SEO”“常规设置”页面并切换到“面包屑”选项卡。

    面包屑架构标记由多合一 SEO 自动添加到您网站的代码中,以便搜索引擎可以找到它。

    但是,如果您也想在网站上显示面包屑导航链接,则需要打开“启用面包屑”选项。

    切换开关可让您查看可在 WordPress 网站上使用的不同面包屑显示设置。

    您可以使用四种方法在 WordPress 网站上显示面包屑导航路径。

    1.使用简码添加面包屑导航

    短代码方法很简单,允许您在 WordPress 帖子和页面或在线商店的产品页面中显示面包屑导航链接。

    只需编辑帖子、页面或产品并添加以下短代码即可您要在此处显示面包屑导航轨迹:

    [aioseo_breadcrumbs]

    如果您使用默认的块编辑器,则短代码将自动转换为短代码块。

    您现在可以保存您的帖子或页面并预览它以查看正在运行的面包屑导航菜单。

    这是它在我们的测试网站上的外观。

    2.使用古腾堡块添加面包屑导航

    现在,如果您不想使用短代码选项或不记得短代码,则可以使用 AIOSEO – 面包屑块来显示面包屑导航。

    只需编辑要显示面包屑导航的帖子或页面并添加 AIOSEO – 面包屑块即可。

    然后,该插件将加载面包屑导航链接的实时预览并将其显示在内容区域中。

    不要忘记更新或发布您的更改。

    3.添加布雷亚使用小部件进行 dcrumb 导航

    上述两种方法要求您在要显示面包屑导航链接的每个帖子或页面中添加短代码或块。

    如果您想自动显示每个帖子或页面的面包屑该怎么办?

    AIOSEO 面包屑小部件可以让您轻松做到这一点。

    只需转到外观»小部件页面并添加 AIOSEO – 面包屑小部件块。您可以将其添加到网站的侧边栏、页脚或任何小部件区域。

    您可以为小部件提供标题,也可以根据需要将其留空。

    不要忘记单击“更新”按钮来存储您的设置。

    您现在可以访问您的网站并查看所有帖子和页面上的面包屑导航菜单。

    4.使用代码添加面包屑导航

    此方法允许您将面包屑导航链接准确地显示在您想要的位置。但是,它需要您添加 c向您的 WordPress 主题文件致敬。

    如果您之前没有这样做过,请不要忘记查看我们关于如何在 WordPress 中添加代码片段的文章。

    首先,您需要决定在哪里显示面包屑链接。显示面包屑链接的最常见位置是单个帖子、页面或产品标题的下方。

    WordPress 主题使用模板文件来显示网站的不同部分。例如,许多主题使用位于主题的 template-parts 文件夹内的名为 content-single.php 的文件。

    请参阅我们的备忘单,查找要在 WordPress 主题中编辑的文件。

    之后,您需要使用 FTP 客户端编辑主题文件。有关说明,请参阅我们有关如何使用 FTP 将文件上传到 WordPress 的指南。然后,将以下代码放置在要显示面包屑导航链接的位置:

    与 ❤ 一起主持️ 通过 WPCode

    在 WordPress 中一键使用

    不要忘记保存更改并将文件上传回您的网站。

    您现在可以访问您的网站以查看正在运行的面包屑链接。

    默认情况下,多合一 SEO 使用模板来显示面包屑导航链接。它包含指向您的主页、类别、父页面以及帖子或页面标题的链接,以“»”符号分隔。

    您可以通过访问“多合一 SEO”“常规设置”页面并转到“面包屑”选项卡来更改此设置。接下来,只需向下滚动到“面包屑导航设置”部分即可。

    在这里,您可以更改分隔符、显示或隐藏主页链接、添加前缀等等。

    完成后,不要忘记存储您的设置。

    方法 2:使用 Breadcrumb NavXT 添加面包屑导航

    此方法可以与任何其他 WordPress SEO 插件一起使用。如果您有兼容的主题,那么使用起来很容易,但如果没有,则需要编辑主题文件才能显示面包屑导航链接。

    您需要做的第一件事是安装并激活 Breadcrumb NavXT 插件。有关更多详细信息,请参阅我们有关如何安装 WordPress 插件的分步指南。

    激活后,您需要访问设置 » Breadcrumb NavXT 页面来配置插件设置。

    默认设置应该适用于大多数网站。但是,您可以根据需要自定义设置。

    设置页面分为不同的部分。在常规设置选项卡上,您可以更改面包屑的样式和设置。

    您还会注意到这些链接模板使用链接标记中的 Schema.org 标记。

    插件设置下的帖子类型选项卡允许您为帖子、页面和任何自定义帖子类型设置面包屑链接。

    您可以选择如何显示帖子层次结构。默认情况下,该插件将使用“站点标题 > 类别 > 帖子标题”层次结构。

    您可以用标签、日期或帖子父项替换类别,并更改分隔符。

    分类法和杂项选项卡具有类似的面包屑导航链接模板。

    完成后不要忘记保存更改。

    Breadcrumb NavXT 提供多种方式在您的网站上显示面包屑导航链接。

    1.显示带有主题支持的面包屑导航

    一些最流行的 WordPress 主题带有一个内置选项,可以通过选择 Breadcrumb NavXT 或您的 WordPress SEO 插件作为源来显示面包屑导航。

    对于在立场,如果您使用 Astra,那么您可以转到“外观”»“自定义”页面,然后单击“面包屑”菜单。

    然后,您可以在“标题位置”下拉列表中选择面包屑的显示位置。

    在“面包屑来源”中,您需要选择“面包屑 NavXT”。

    如果您正在查看单个帖子或页面,那么您将看到面包屑导航链接的实时预览。

    不要忘记单击“发布”按钮来保存您的更改。

    2.显示带有面包屑路径块的导航链接

    您还可以使用“面包屑路径”块来显示面包屑导航链接。

    只需前往您的 WordPress 内容编辑器,然后在您想要显示导航链接的位置添加面包屑路径块即可。

    接下来,您可以更新或p发布您的内容。

    之后,访问您的网站以查看正在运行的导航链接。

    3.使用小部件添加面包屑导航

    该插件还提供了一个小部件,您可以使用它在侧边栏或任何小部件就绪区域中显示面包屑导航。

    首先,转到“外观”»“小部件”页面,并将“Breadcrumb Trail”小部件块添加到网站的小部件区域,例如侧边栏或页脚。

    默认小部件设置适用于大多数网站,但您可以根据需要更改它们。例如,您可能想隐藏首页上的踪迹。

    不要忘记单击“更新”按钮来存储您的小部件设置。

    4.使用代码添加面包屑导航

    该插件还提供了一种代码方法来为高级用户显示面包屑导航链接。

    首先,您需要使用 FTP 客户端连接到您的 WordPress 网站。之后,n导航到位于 /wp-content/themes/ 目录内的当前 WordPress 主题文件夹。

    WordPress 主题使用模板文件来显示网站的不同部分。例如,许多主题使用位于主题的 template-parts 文件夹内的名为 content-single.php 的文件。

    请参阅我们的备忘单,查找要在 WordPress 主题中编辑的文件。

    打开模板文件进行编辑,然后将以下代码放置在要显示面包屑路径的位置:

    由 WPCode 与 ❤️ 主办

    在 WordPress 中一键使用

    不要忘记保存更改并将文件上传回您的网站。

    您现在可以访问您的网站以查看正在运行的面包屑链接路径。

    我们希望本文能帮助您了解如何在 WordPress 中显示面包屑导航链接。您可能还想查看我们的指南,了解如何获得更多 tr关注您的 WordPress 网站或我们展示的最佳域名注册商。

    如果您喜欢这篇文章,请订阅我们的 WordPress 视频教程 YouTube 频道。您还可以在 Twitter 和 Facebook 上找到我们。

    By

    发表回复

    您的电子邮箱地址不会被公开。 必填项已用 * 标注