如何在 WordPress 中添加面包屑导航

已发表: 2021-12-24

改善用户体验的一种有效方法是帮助您的受众更轻松地浏览您的网站。 面包屑导航是一个强大的工具,可以改善人们与您的内容互动的方式。

这是一种让用户了解他们与您的主页相关的位置的方式。 当您将面包屑导航添加到您的网站时,它也会出现在搜索结果中,从而创建一个更具吸引力的链接,从而在搜索引擎上产生更多点击。

在这篇文章中,我将分享如何在 WordPress 网站上轻松显示面包屑导航链接。 让我们潜入吧!

什么是面包屑导航?

我们都知道 Hansel 和 Gretel 的故事,以及孩子们如何铺设面包屑路径以便他们能够找到回家的路。

面包屑导航的想法也是如此。

网站上的面包屑是一系列链接,可向您显示与主页相关的页面。 这是一个分层导航菜单,与您的主菜单分开。

正确设置后,它会出现在您的网页以及 Google 的搜索结果页面上。

搜索男士凉鞋后,您可以清楚地看到面包屑导航在运行中

为什么要添加面包屑导航?

您是否曾经登陆产品页面并想查看同一类别下的其他内容?

面包屑导航允许人们向上移动链接的层次链。 用户无需前往主页,然后查找产品类别,然后单击子类别,只需单击面包屑链接并前往他们想要的地方。

这是用户浏览您的网站并找到他们需要的内容的另一种有用的方式。

一个强大的附加好处是它还可以帮助搜索引擎了解您网站的结构和层次结构。 您的网站看起来越结构化和易于使用,您在排名中上升的机会就越大。

当 Google 显示一组结果时,也会出现面包屑链接。 它使您的网站在一组结果中脱颖而出,并提高您的点击率。

如何将面包屑导航添加到您的 WordPress 网站

我们开始谈正事吧! 您已经了解了面包屑是什么以及它们为何重要。

现在,这篇文章将展示添加面包屑的最佳方式,以便它们在您的 WordPress 网站上显示并正常工作。

这篇文章中的所有建议都将帮助您使用模式标记设置面包屑导航。 Schema 是指帮助搜索引擎(如 Google)轻松了解您的网站内容的代码。

您是否曾见过食谱的搜索结果,其中烹饪时间、评分、菜式等详细信息会出现在网站链接中? 这是模式标记的一个示例,它创建了所谓的丰富片段。 当网站出现在搜索结果中时,它还有助于显示面包屑。

搜索约克郡布丁会显示结果面板,其中架构有助于展示成分和烹饪时间等详细信息

以下是将面包屑添加到您的网站的一些最简单、最快捷的方法。

使用 SEO WordPress 插件

添加面包屑导航的最简单方法是使用 AIOSEO 插件。

合一 SEO或 AIOSEO 插件是提升网站 SEO 的最佳 WordPress 插件之一。 它包括面包屑作为一项功能,可帮助您使您的网站易于浏览。

您还可以考虑在未来选择高级版本以获得更多功能,但从免费版本开始将为您提供对基础知识的扎实掌握。 首先,下载并激活您的 AIOSEO 插件。

激活它后,请按照插件的初始设置向导进行操作。 然后,您需要从仪表板上的多合一 SEO 插件访问常规设置页面。

现在您位于“常规设置”页面,单击“面包屑”选项卡。

当您首次添加 AIOSEO 并运行设置时,该插件会自动将面包屑模式添加到您的站点代码中。

要为您的用户显示面包屑导航链接,请打开Enable Breadcrumbs 。 然后,您将能够微调面包屑在您网站上的显示方式。

在 WordPress 网站上显示面包屑导航有四种不同的方式。

他们是:

  1. 使用简码添加面包屑导航
  2. 使用古腾堡块
  3. 添加小部件
  4. 添加面包屑导航代码

我们将快速分解如何使用这些选项中的每一个,以便您能够使用最适合您需求的选项。

将面包屑添加到站点的四种方法

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

如果您想在页面或帖子上添加带有简码的面包屑导航,那么您所要做的就是在页面上添加以下代码。

 [aioseo_breadcrumbs]

这段小代码将自动转换为简码块。

保存并预览您的帖子以查看它的外观。 下图显示了面包屑短代码将如何显示在 WordPress 网站的前端。

2. 使用 Gutenberg 块添加面包屑导航

AIOSEO 插件使您可以简单地插入古腾堡博客并添加面包屑链接。

创建一个新帖子或页面,然后单击按钮添加一个块。 搜索AIOSEO – 面包屑并点击它。 您的面包屑导航将出现在您的页面上。 就这样!

3. 使用小部件插入面包屑导航

您想为所有帖子或页面自动显示面包屑吗?

为此,请使用小部件选项。 您所要做的就是转到仪表板上的外观»小部件。 然后将“AIOSEO – Breadcrumbs”小部件添加到侧边栏。

添加新标题或将该字段留空,然后按“保存”。 现在,当您访问您的网站时,您会在所有带有侧边栏的帖子和页面上看到面包屑导航。

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

使用这种方法,您可以更好地控制面包屑导航的显示位置。 但是,您需要将代码添加到 WordPress 站点的主题文件中才能执行此操作。

如果您在管理 WordPress 和编码方面有一些经验,那么您可以尝试此选项。

首先,决定您希望面包屑链接出现的位置。 您必须将代码添加到 WordPress 主题的模板文件中。

因此,根据您想要放置面包屑导航的位置,您必须选择正确的模板文件来插入代码。

备忘单将帮助您确定要在 WordPress 主题中编辑哪些文件。

接下来,使用 FTP 客户端编辑您的主题文件。 将此代码添加到您希望显示面包屑导航链接的位置。

 <?php if(function_exists('aioseo_breadcrumbs')) aioseo_breadcrumbs(); ?>

请记住保存您的更改并返回您的网站查看它的外观。

结论

这就是找到将面包屑导航添加到 WordPress 网站的最佳方式所需的全部内容。

使用 AIOSEO,您不仅可以选择以多种方式免费添加面包屑,还可以执行其他技术 SEO 任务。

面包屑导航不仅会创造更好的用户体验,还会向 Google 和其他搜索引擎展示您拥有一个制作精良的网站。

由于在近 20 亿个在线网站中只有大约 1000 万个使用 Schema,因此您可能会看到更高的排名和更好的结果,例如更多的流量和转化。 因此,只需添加面包屑导航,就可以在新的一年花一些时间来改进您的网站!