什么是面包屑以及它们如何影响 SEO?

已发表: 2021-11-15

谈到 SEO,您经常会遇到新术语。

一个这样的术语是“面包屑”

您可能不知道面包屑是什么,但您一定在网站上看到过它们。

这是一个面包屑的示例:

搜索引擎优化中的面包屑示例

面包屑可帮助用户和搜索引擎爬虫轻松浏览您的网站。

但是您是否知道除了用户体验之外,面包屑还可以帮助改善您网站的 SEO?

这是真的,如果你以正确的方式实现它们。

这就是您将在这篇文章中学到的内容,以及:

  • 什么是 SEO 中的面包屑
  • 面包屑有哪些不同类型
  • 面包屑如何影响 SEO
  • 如何将面包屑添加到您的 WordPress 网站
  • 面包屑的最佳实践是什么

什么是 SEO 中的面包屑?

面包屑导航帮助用户跟踪他们在网站上的路径,从主页开始到当前页面。

大多数网站都会在页面顶部放置面包屑以进行快速导航。

这张图片显示了我从主页到当前页面的路径(即食谱):

搜索引擎优化示例中的面包屑

如果我想回溯我的足迹,我可以比多次单击后退按钮更快。

除了改善您网站的用户体验外,面包屑还有助于您的 SEO,因为 Google 已在 SERP 中显示它们。

谷歌 SERP 显示面包屑

虽然谷歌这样做是为了提高结果的质量,但面包屑对 SEO 的影响比对搜索结果的微小添加更多。

但在我们讨论这个之前,让我们更多地了解一下面包屑。

面包屑有哪些不同类型?

网站根据其 UI 选择面包屑。 因此,以下是大多数网站使用的三种最常见的面包屑类型:

1. 基于层次或基于位置的面包屑

基于层次结构的面包屑是网站结构的表示。 它们帮助用户浏览您网站的层次结构并了解其级别。

左侧的每个文本链接都比右侧的文本链接高一级。 看看“拉森和图布罗”是如何做到的。

基于层次结构或基于位置的面包屑

2.基于属性或基于关键字的面包屑

基于属性的面包屑对电子商务网站最有用。 他们列出特定页面或主要产品的类别(或标签)。

每个类别都是一个文本链接,用户可以使用它来浏览网站。

基于属性或基于关键字的面包屑导航

3. 基于路径或基于历史的面包屑

基于路径的面包屑显示用户访问的页面以到达特定页面。

它们是动态生成的,取决于用户采取的步骤。 您可以将它们视为历史线索。

由于用户可以使用后退按钮轻松跟踪以前访问过的页面,因此这种类型的面包屑正在慢慢消失。

如今,它们与其他类型的面包屑相结合,以获得最佳的用户体验。 看看 Wayfair 是如何使用它们的。

基于路径或基于历史的面包屑

面包屑如何影响 SEO?

到目前为止,您一定对面包屑及其类型有一个大致的了解。

但是,将它们用于 SEO 的目的是什么?

让我们来了解一下。

1. 面包屑增强用户体验

面包屑作为用户的导航辅助工具。 它们帮助用户探索更高的站点级别,并鼓励他们浏览您站点上的其他页面。

例如,您正在查看 HP 网站上的 EliteDesk Desktops。 浏览时,您还想查看其他 Business Desktop。

面包屑提升用户体验

使用面包屑路径,您可以轻松访问 HP 网站上的商用台式机类别。 只需单击一下即可。

是不是方便又省心?

2.谷歌喜欢面包屑

面包屑有助于搜索蜘蛛了解您网站的结构和内容。 它们有助于针对相关搜索查询对您网站的页面进行上下文化和分类。

除此之外,谷歌在 SERP 中显示面包屑来代替页面的永久链接。 它可以帮助用户了解您网站的内容并做出明智的决定。

Google SERP 中的面包屑

所以,谷歌喜欢面包屑。 它们不仅提高了搜索质量,还增强了搜索体验。

3. 面包屑增加用户留存率

面包屑导航可帮助用户轻松、快速、流畅地访问您网站上的其他页面。 因此,他们鼓励并让首次使用您的网站的用户长时间停留在您的网站上。

例如,您正在 GrabOn 上浏览药品优惠券。 您找到了优惠券,但您想查看当前可用的其他交易。

面包屑可以增加用户留存率。

使用面包屑,您可以访问主页并查看所有有效的优惠。

现在,这增加了 GrabOn 的用户保留率。 而这一切都是因为那些小面包屑!

4. 面包屑帮助内部链接

SEO 专家建议将您网站上的所有内容相互链接。 此外,更高级别的页面应该有更多指向它们的链接。

这意味着主页链接到类别,类别链接到子类别,子类别链接到产品。

面包屑帮助内部链接

使用面包屑,您可以实现强大的内部链接结构。

它们将帮助爬虫更快地浏览和索引您的页面。 另外,它们允许您将链接汁传递到正确的页面。

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

在了解了面包屑的 SEO 好处之后,您必须考虑将它们添加到您的网站。

如果是这种情况,那么您来对地方了。

您可以使用插件(Yoast 的 SEO、Breadcrumb NavXT 等)或手动编码将面包屑添加到 WordPress 网站。

1. 通过 Yoast 插件使用 SEO

Yoast SEO 是一个流行的 WordPress 插件,用于优化页面 SEO 参数。

它包括用于提高网站可见性的各种其他功能,包括面包屑。

要使用它,请安装并激活插件。

然后,导航到Yoast SEO 插件Breadcrumbs 选项卡
通过将选项切换为“启用”来启用面包屑功能。

使用 Yoast SEO 添加面包屑

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

配置设置后,单击“保存更改”。

在这之后还有一步。 当您在其标题中添加一个小代码时,面包屑将显示在您的网站上。

在标题中添加的代码

2.使用面包屑导航NavXT插件

Breadcrumb NavXT 是另一个在 WordPress 中添加面包屑的流行插件。

免费插件与 WordPress 3.0 及更高版本兼容。 通过提供面包屑跟踪小部件,它使显示面包屑变得非常简单。

您可以在 WordPress 网站的首选区域添加小部件,并根据您网站的主题选择放置它们的位置。

步骤很简单。 安装并激活插件。 导航到设置并单击BreadcrumbNavXT进行配置。

虽然标准设置适用于大多数网站,但您可以根据需要自定义所有内容。

如何使用 Breadcrumb NavXT 插件

当您自定义面包屑时,您需要在站点的标题中添加一个小代码,以使它们在您的站点上可见。

NavXT 小部件的面包屑导航代码

3. 使用 WooCommerce 插件

如果您运行一个由 WooCommerce 提供支持的电子商务网站,则向其中添加面包屑非常方便。

您必须安装并激活 WooCommerce 面包屑插件。
导航到设置并选择WC Breadcrumbs以将导航链接添加到您的站点。

使用 WooCommerce 面包屑插件

配置您的面包屑跟踪并勾选复选框以启用面包屑。 它将在您的网站上显示面包屑。

4.自己编码

如果您不想使用插件或在使用它们时遇到困难,您可以采取手动路线。

您可以使用常规 HTML 标记将面包屑添加到您的站点。

面包屑的 HTML 代码

一般来说,网络管理员远离这条路线。

那是因为他们必须为他们希望手动显示的每个页面添加面包屑 HTML 代码。

面包屑的最佳实践是什么?

面包屑很容易实现。 但是,大多数人在将它们添加到他们的网站时都会犯错误。

为了有效地实施面包屑导航,您应该遵循最佳实践:

1. 让您的面包屑适合移动设备。

大多数用户通过移动设备访问您的网站。 因此,保持面包屑在移动设备上可见是很重要的。

你应该确保它是可读和可点击的,同时它不应该占据屏幕上不必要的空间。

移动友好的面包屑

2. 在您的面包屑路径中显示整个路径。

不完整的面包屑路径不能达到目的。 如果您在站点的层次结构中省略某些页面,它会使您的用户感到困惑。

您应该在面包屑中显示所有站点级别。 当整个路径可见时,用户会发现很容易浏览您的网站并跟踪他们的步骤回到主页。

3. 从高层次到低层次的进展。

几乎所有用户都熟悉面包屑路径中的页面流程。 在这种情况下,改变常态将是一个很大的错误。

因此,请确保您的面包屑导航从左到右流动。

左边的第一个链接应该是您的主页(更高级别)。 而右边的最后一个链接应该是用户的活动页面(下层)。

4. 不要包含指向活动页面的链接。

由于用户不需要导航到活动页面,因此添加链接毫无意义。 它只会造成混乱并妨碍用户体验。

因此,您应该忽略添加指向当前页面(或用户正在查看的页面)的链接。 但是,将当前页面标题保留在面包屑路径中。

未链接活动页面

5. 将面包屑模式标记添加到您的站点。

知道 Google 在 SERP 中显示面包屑,在您的网站上实施面包屑模式标记非常重要。

向您的网站添加面包屑模式有助于 Google 更好地了解您的网页结构和内容。

要将面包屑模式标记(结构化数据)添加到您的页面,您必须使用 BreadcrumbList 模式。

它包含一个 ItemList,即站点上的一系列相互链接的页面,使用它们的 URL 进行描述并以当前页面结尾。

项目列表中的必需属性是项目、名称和位置。

面包屑模式的必需属性

面包屑模式标记的 HTML 代码如下所示:

面包屑标记html代码

使用 SEO 插件实现面包屑导航会自动将面包屑模式添加到您的网站。

但是,如果您手动执行此操作,则需要手动将架构添加到您的每个页面。

确保您了解有关结构化数据和架构标记的更多信息,以创建更好的可见性。

最后的想法

面包屑非常适合用户体验,不仅在您的网站上,而且在 SERP 中。 它们对 SEO 友好,可帮助爬虫对您网站的内容进行上下文化和分类。

因此,您不应再考虑在您的网站上启用面包屑。 确保您遵循最佳实践并正确执行。

您使用哪种类型的面包屑? 它们对您网站的 SEO 有什么影响? 在评论中让我们知道您的想法。