什么是面包屑？为什么它们对 SEO 很重要？

什么是面包屑？

面包屑是一个小文本路径，通常位于页面顶部，指示用户在网站上的位置。在 yoast.com 上，我们的关键词研究指南的路径  是 首页 > SEO 博客 > 内容 SEO > 关键词研究 > SEO 关键词研究：终极指南。这条路线会立即显示您所在的位置。该路径的每一步都可以单击，返回主页。

但为什么这种导航帮助被称为面包屑呢？当汉塞尔和格蕾特走进树林时，汉塞尔将面包片扔在地上，以便他们在迷路时可以找到回家的路。这些面包屑最终成为我们在网站上看到的面包屑的模型。

 它们也会出现在 Google 搜索结果中，如果您使用 Yoast SEO 或向您的网站添加正确形式的结构化数据，您就可以利用这一点 。搜索结果中的面包屑可以让用户轻松了解页面在您网站上的位置。

Yoast SEO 自动添加必要的结构化数据 — a BreadcrumbList— 采用 JSON-LD 格式。只需翻转设置中的开关，您就会看到相关行出现在源代码中 - 不过，根据您的主题，您可能需要向主题添加一小段代码。在我们的文档中了解有关面包屑结构化数据的更多信息。您可以使用Yoast SEO 面包屑块将它们快速添加到单个帖子或页面。

请记住，Google 使用您网站上的结构化数据来充分了解其结构和内容。因此，谷歌使用面包屑来抓取和丰富的结果。

不同类型的面包屑

您可能已经注意到，面包屑有不同类型。以下是最常见的三种：

基于层次结构的面包屑

这些是最常见的，也是我们在网站上使用它们的方式。它们告诉您您在网站结构中的位置  以及返回主页需要多少步骤。类似于 “主页”>“博客”>“类别”>“帖子名称”。

基于属性的面包屑

当用户在电子商务网站上搜索时，最常见的是基于属性的面包屑。该线索包含产品属性 - 例如， 主页 > 产品类别 > 性别 > 尺寸 > 颜色。

基于历史的面包屑

基于历史的面包屑完全按照其在罐头上所说的那样进行。它们是根据您在网站上所做的事情排序的。将它们视为互联网历史记录栏的替代项，因此您会得到如下所示的内容：  Home > Previous page > Previous page > Previous page > Current page。也可以将这些组合起来，就像梅西百货在下面的屏幕截图中所做的那样。

使用面包屑的优点

在您的网站上使用这些有用的小提示有几个优点。让我们快速浏览一下它们：

1.谷歌喜欢它们

您的访问者喜欢面包屑，但 Google 也喜欢。它们为谷歌提供了另一种方式来了解您的网站的内容及其结构。Google 使用它们来抓取您的内容。但是，如前所述，Google 也可能在搜索结果中使用它们，使您的结果对用户更具吸引力。为了增加它们出现在 Google 中的机会，您需要添加结构化数据，例如 Yoast SEO。Google 搜索在搜索结果中使用页面正文中的适当标记对网页中的信息进行分类。

2.它们增强了用户体验

人们讨厌迷失。当面对新地点时，人们通常会搜索可识别的物体或地标——网站也是如此。您需要让访客满意并尽可能减少摩擦。面包屑可以帮助您改善用户体验，因为它们是一种常见的界面元素，可以立即向人们展示出路。您无需单击后退按钮！

3. 降低跳出率

几乎没有人通过主页进入网站——这都是关于有机搜索的。这意味着您网站的任何部分都可以是入口点。如果所选页面不能满足他们的需求，您必须制定一种方法来引导这些访问者访问您网站的其他部分。面包屑可以降低跳出率，因为您为访问者提供了另一种浏览网站的方式。您不认为将访问者引导至您的主页比返回 Google 更好吗？

如何添加面包屑

有多种方法可以将面包屑添加到您的网站。首先，如果您使用 WordPress，您可以使用众多插件之一或 Yoast SEO。如果您使用不同的 CMS，该过程将会有所不同。也可以手动将它们添加到您的代码中。如果您还希望它们出现在 Google 结果中，则需要 以 Google 理解的方式使用结构化数据。您可以在Google 的开发人员文档中找到更多相关信息 。对于搜索引擎优化，谷歌并不关心你在哪里添加它们——只要你添加它们是否有意义。不过，游客会更喜欢将它们放在一个合理的位置。

Yoast SEO 内置面包屑支持

Yoast SEO 提供了一种向 WordPress 网站添加面包屑的简单方法。它将添加为您的网站（而不仅仅是 Google）准备所需的一切。有些主题支持内置的 Yoast SEO 面包屑。在这种情况下，您只需激活它们并按照您喜欢的方式设置它们。如果您的主题尚不支持我们的面包屑，您需要将以下代码添加到您希望它们出现的主题中：

<?php

if ( function_exists('yoast_breadcrumb') ) {

yoast_breadcrumb( '</p><p id="breadcrumbs">','</p><p>' );

}

?>

此代码通常可以放置在页面标题上方的 single.php 或 page.php 文件中。有些主题希望它位于 header.php 文件的末尾。 将其添加到functions.php 不是一个好主意，因为这可能会导致问题 。

添加代码后，您可以进入Yoast SEO的高级设置并打开面包屑支持。您还可以控制它们的结构的外观以及将使用哪些前缀。在我们的有关使用 Yoast SEO 实施面包屑的文档中了解更多信息 。

带有 WordPress 块的面包屑

您可以使用Yoast SEO 面包屑块，通过块编辑器将面包屑添加到各个帖子和页面。如果您不想接触代码或者只想添加到特定页面，这会很有帮助。添加它们非常简单 - 点击大 + 图标即可添加块。然后，通过在搜索栏中输入名称或向下滚动到 Yoast 部分来找到 Yoast SEO 面包屑块。或者，您可以在空段落中键入 /yoast breadcrumbs。

结论

尽管使用了面包屑，汉塞尔和格蕾特仍然在树林里迷路了。不要让这种情况发生在您的访客身上！面包屑为访问者提供了一种易于掌握的方式来导航您的网站，他们可以立即了解您的网站结构的工作原理。谷歌出于同样的原因喜欢它们。因此，使用 Yoast SEO 可以轻松地将它们添加到您的网站。

原文链接:https://yoast.com/breadcrumbs-seo/