简单的导航是必不可少的WordPress的网站.人们希望用最少的点击找到他们需要的东西,所以你要让访问者轻松找到你网站上的特定内容。

最重要的是仔细规划你的网站在一个逻辑的方式,添加面包屑(不是可食用的)可以为访问者提供一个简单的方法来移动你的网站,并了解你的网站作为一个整体是如何结构的。

在这篇文章中,我们将讨论什么是面包屑,为什么它们是有用的,以及如何在WordPress中使用它们。

用HubSpot的WordPress网站工具来发展你的业务

什么是WordPress中的面包屑?

面包屑是帮助访问者了解他们在你网站上的位置的导航工具。面包屑显示你的网页的层次结构,访问者可以使用他们导航回一个前一页或发现更多相关的内容。

以百思买为例。如果访问者进入“PC笔记本”页面,他们可以在页面顶部查看其他相关类别,如“电脑和平板电脑”或“笔记本电脑”。

百思买网站上的WordPress面包屑示例

图片来源

为什么要在WordPress网站上添加面包屑?

有了面包屑,访问者只需点击一下就可以访问网站上的相关页面。以这种方式辅助导航可以让访问者更长时间地参与到你的内容中,并向他们展示更多你的内容和产品。

面包屑也有助于降低反弹率。因为访问者可以从任何页面访问你的网站,所以面包屑可以作为访问者浏览网站其他部分的向导。

但是,面包屑可以做的不仅仅是提高游客的体验-他们也提高你的搜索引擎优化.在你的页面上放置面包屑可以帮助搜索引擎抓取你的网站来确定它的内部链接结构。谷歌也可能在搜索结果中使用你的面包屑来帮助你的访客,如下所示:

在谷歌搜索结果页面上的WordPress面包屑示例

图片来源

要在WordPress网站上添加面包屑,你可以使用插件或检查你的主题是否提供内置的面包屑。在下一节中,我们将解释如何以各种方式添加它们。

Yoast SEO是一个流行的WordPress搜索引擎优化插件。你可以用Yoast SEO做很多事情,包括启用面包屑导航。

如何添加面包屑与yast SEO:

1.如果你还没有,安装并激活下面的Yoast SEO插件插件>添加新.这将添加一个新的搜索引擎优化选项到您的左边栏。

2.接下来,您需要向主题文件添加一些代码,这些代码告诉yast SEO在哪里显示面包屑。复制并发布下面的代码片段:

<?php

If (function_exists(' yoast_面包屑')){

yoast_breadcrumb(“< / p > < p id =“面包屑”>”、“< / p > < p > ');

? >

3.点击更新文件保存您的更改。

4.在左侧工具条中,选择>主题编辑器

5.在主题编辑器中,将你复制的代码片段粘贴到下面一个或多个主题文件的底部:

  • header。php如果你想在整个网站的标题中显示面包屑。
  • page.php如果您想在所有页面上显示面包屑。
  • single.php如果你想要面包屑出现在你所有的帖子。

下面是粘贴到Sinatra主题的header.php文件中的代码。已粘贴的代码如红色框中所示:

在header.php文件中截取的WordPress面包屑代码

可能需要进行一些测试,才能找到哪个面包屑位置提供了最好的用户体验。

6.在左侧工具条中,选择SEO >搜索外观。

7.单击面包屑选项卡。

8.面包屑路径设置,点击启用

在Yoast SEO wordpress插件中启用wordpress面包屑按钮

9.选择启用将显示面包屑设置。根据您的喜好配置这些。

10.在页面底部,单击保存更改

如何添加面包屑与其他WordPress插件

如果你想用其他的工具来添加面包屑,请从下面的插件推荐中选择。

数学排名

Rank Math是一个WordPress插件,用来帮助用户在搜索引擎中获得更高的排名。使用这个插件添加面包屑:

1.安装并激活下面的插件插件>添加新.这将添加一个新的数学排名选项到您的左边栏。

2.完成六步安装向导。在设置结束时,单击回到仪表板

3.在左侧面板中,选择>一般设置

4.面包屑选项卡上,单击旁边使面包屑功能

在Rank Math插件中启用WordPress的面包屑

图片来源

5.将面包屑设置设置为您的首选项。

6.当完成时,单击保存更改

面包屑NavXT

对于那些寻找面包屑功能没有额外的SEO功能,面包屑NavXT是首选插件。它提供了广泛的控制来启用和定制您的面包屑。

1.安装并激活下面的插件插件>添加新

2.在左侧面板中,选择设置>面包屑NavXT

3.默认设置将被启用。下一般选项卡,您可以修改面包屑在整个网站上的工作方式。以下选项文章类型TAB允许你为你的文章和页面指定面包屑格式。

4.当完成时,单击保存更改

面包屑

面包屑是另一个轻量级插件,用于面包屑导航在您的网站上使用短代码。要使用这个插件:

1.安装并激活下面的插件插件>添加新.这将添加一个新的面包屑选项到您的左边栏。

2.选择面包屑在左侧栏中。

3.面包屑路径设置,您可以根据自己的喜好配置面包屑。

4.当完成时,单击保存更改

5.在你的WordPress编辑器中导航到一个新的或现有的页面或帖子,并添加以下短代码:

(面包屑)

你的面包屑会像这样显示:

面包屑插件中的WordPress面包屑示例

图像

抓面包屑

Catch Breadcrumb是一个简单的工具,可以实现无缝的面包屑导航。不像其他插件,你可以选择隐藏面包屑在你的主页。

1.安装并激活下面的插件插件>添加新.这将添加一个新的抓面包屑选项到您的左边栏。

2.选择抓面包屑在左边的面板。

3.指示板选项卡,将设置设置为您的首选项。

4.当完成时,单击保存更改

5.在你的WordPress Visual编辑器中添加以下短代码:

(catch-breadcrumb)

6.检查站点页面是否有新的面包屑功能。

7.检查站点页面是否有新的面包屑功能。

容易步行导航

flex Breadcrumb因其易于实现而受到欢迎,它还使用短代码向您的网站添加面包屑。

1.安装并激活下面的插件插件>添加新.这将添加一个新的容易步行导航选项到您的左边栏。

2.选择容易步行导航在左侧栏中。

3.一般设置,根据您的喜好配置设置。

4.当完成时,单击保存更改。

5.在你的WordPress Visual编辑器中添加以下短代码:

(flexy_breadcrumb)

SEOPress

SEOPress是一个全面的搜索引擎优化插件,提高你的有机搜索流量。作为一个顶级的工具,这个插件提供了面包屑作为一个功能在其专业版。

1.安装并激活下面的插件插件>添加新.这将添加一个新的搜索引擎优化选项到您的左边栏。

2.在左侧工具条中,选择SEO >面包屑

3.配置您的面包屑,开启该功能。

4.根据您的喜好配置面包屑设置

5.当完成时,单击保存更改

6.在左侧工具条中,选择外观>主题编辑器

7.打开你的主题header。php文件,并将下面的代码添加到文件的底部:

如果(function_exists(“seopress_display_breadcrumbs”)){

seopress_display_breadcrumbs ();}

8.点击更新文件保存您的更改。

如何添加面包屑到WordPress的主题

大多数最新的WordPress主题都支持面包屑导航,所以你不需要添加任何额外的东西来放置面包屑到你的网站。以下是一些内置特性的主题:

  • 页面构建器框架:这个主题使您可以自定义您的面包屑。
  • 知识库:这个主题在您的客户支持知识库中通过面包屑引导访问者。
  • 阿斯特拉这个主题可以让你在页面的任何地方放置面包屑。
  • 店主:这个主题允许你在你的在线商店上启用面包屑。
  • WooThemes:这是一个带有面包屑功能的WooCommerce主题集合。

按照以下步骤关闭WordPress中的面包屑路径:

1.从管理仪表板中选择>主题编辑器

2.打开添加面包屑的文件。

3.使用Ctrl + F(或命令F)来打开浏览器的搜索功能。搜索" breadcrumb "来定位PHP代码。

4.在这行代码前面添加两个斜杠(//)。这将暂时禁用代码。

5.点击更新文件保存您的更改。

面包屑是帮助访问者绕过你的WordPress网站的最简单的方法之一,同时也增加了自然的搜索流量。您的站点布局对用户来说不应该是一个谜——有了面包屑路径,他们总是知道自己来自哪里。

要了解更多实现这个有用特性的策略,请查看我们的帖子面包屑提示和例子

在你的WordPress网站上使用HubSpot工具,在不处理代码的情况下连接两个平台。点击这里了解更多。

在你的WordPress网站上使用HubSpot工具,在不处理代码的情况下连接两个平台。点击这里了解更多。

最初发布于2020年10月13日上午8:38:00,更新于2020年10月14日

主题:

WordPress的网站