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

面包屑导航向用户展示了他们深入了解您网站结构的路径，并提供了一种返回之前访问过的页面的简单方法。 多亏了面包屑，用户有机会更快地找到相关内容。

面包屑也可以对您的 SEO 排名产生积极影响，应该包含在您的内部链接策略中。

什么是面包屑，哪些网站应该使用它们？

面包屑是一种本地导航系统，可向用户显示他们在网站上的位置。 您通常可以在页面顶部、标题或英雄图片的正上方找到它们。 它们采用带有指向以前访问过的页面的超链接的小文本路径的形式，例如，主页 > 博客 > 知识库。

这种导航的名称来源于德国童话故事中的汉塞尔和格莱特，他们找到了一种创造性的方式来避免在树林中迷路。

就像孩子们在寻找回家的路上散落面包屑一样，网站显示数字面包屑，使用户可以随时返回主页或选择的类别页面。

面包屑很有帮助，尤其是在具有分层组织内容的大型网站上。 在所有子页面都在同一级别的小型站点上，它们不会被证明是必要的，用户可以从主页跳转到其中的任何一个。

有时，使用面包屑导航用户通过多步骤流程也很有意义——显示订购产品发货的步骤或在平台上创建新帐户，允许用户返回并进行更正。

面包屑对用户的好处

毫不奇怪，面包屑的目标主要是改善用户体验。 对于深入了解站点结构并在途中迷路的人来说，它们很方便。 如果他们走得太远，他们只需单击一下即可后退，而不必阅读整个主菜单。

面包屑导航可以对您网站的跳出率产生积极影响。 那是因为对于刚刚从搜索结果直接进入您的页面的人来说，它非常实用。

借助面包屑，用户可以快速找到他们所在的位置以及页面是否位于与他们感兴趣的主题相对应的类别中。 因此，他们更有可能进一步探索，而不是返回搜索结果页面。

搜索引擎优化行业文章反复强调，谷歌可以在 SERP 中将面包屑路径显示为丰富的结果，向用户显示点击链接后他们最终会在网站上的确切位置。 这种外观吸引了用户的注意力并鼓励他们访问该网站。

不久前，您需要使用面包屑并使用结构数据对其进行标记，才能获得这种丰富的结果。 然而，目前，这更加复杂。 2015 年 4 月，谷歌开始自动分解页面的 URL，以面包屑格式显示它们。

因此，实际上不需要使用面包屑并且仍然可以获得那种类型的丰富结果。 但是通过使用面包屑，您可以确保 Google 以您想要的格式显示它。 有关详细信息，请参阅本文的“实现面包屑模式标记”部分。

面包屑可以提高您在 Google 搜索中的知名度吗？

从 SEO 的角度来看，为什么面包屑很有用有一个关键方面。 面包屑为额外的内部链接创造了机会，这可以提高您网站的可抓取性。

通过更多内部链接，您的网页更容易被 Googlebot 发现和访问。 Google Search Advocate John Mueller 证实了面包屑对可抓取性的积极影响。

我们使用面包屑进行爬行（查找内部链接）和丰富的结果（结构化数据）。

资料来源：约翰·穆勒

此外，根据谷歌网站管理员趋势分析师Gary Illyes 的推文，面包屑导航中使用的链接可以传递PageRank 值。

面包屑的种类

想象一下，您经营一家电子商务商店，里面有不同类型的茶和冲泡用的配件。 您可以将三种不同类型的常用面包屑应用于您的网站。 您是选择实施其中的一部分还是全部取决于您网站的具体情况和用户的需求。

基于层次结构的面包屑

基于层次结构或基于位置的面包屑告诉用户他们在站点架构中的位置。 它们从最一般的类别开始，并显示用户选择的其中一个分支。 当常客访问您的茶店网站并搜索带有干果的绿茶时，他们基于层次结构的面包屑路径将如下所示：

主页 > 茶 > 绿茶 > 干果绿茶

如果您的客户断定他们更喜欢纯绿茶，他们可以快速返回到层次结构中更高的类别页面，并将搜索分支到其他产品。 这种面包屑导航类型是最常见的，因为用户发现它非常直观。

它也被认为是最有效的 SEO 目的，因为它基于清晰的网站结构和可索引的子页面。 虽然所有类型的面包屑都提供有价值的内部链接，但通过基于层次结构的面包屑，Google 爬虫不仅可以发现新的 URL，而且可以更好地了解网站架构。

重要的是，基于层次结构的面包屑最容易适应您的索引策略。 您可以在“面包屑和索引策略”部分找到更多信息。

基于属性或动态面包屑

基于属性或动态的面包屑非常适合电子商务网站。 当单个产品属于几个单独的类别时，它们很方便，这很难用基于层次结构的面包屑来说明。

想象一下，一位顾客访问了您的茶叶店的网站，并想到“我需要一大包红茶和草莓味的茶”。 在这种情况下，导航路径侧重于产品属性而不是页面标题，可能如下所示：

首页 > 茶叶 > 包装尺寸 > 类型 > 风味

动态面包屑可以利用为用户提供的过滤器来缩小他们的搜索范围。 结合基于位置的面包屑，它们可以呈现以下外观：

首页 > 茶类 > 红茶[大小: 大] , [口味: 草莓]

这样的面包屑使搜索正确的产品变得更加容易，因为用户可以在不更改类别页面的情况下停用过滤器。

基于历史的面包屑

基于历史或基于路径的面包屑是最古老的面包屑形式，它们最准确地类似于 Hansel 和 Gretel 的故事。 它们显示用户到目前为止访问的所有页面，从前到后。

如果用户通过一篇关于酿造黄茶传统的博客文章来到您的网站，然后单击指向特色茶壶的链接，然后想查看所有可用的茶壶，则基于历史的面包屑路径将如下所示：

黄茶传统 > 茶壶模型 1 > 茶壶

如今，网站很少使用基于历史的面包屑，因为它们在某些情况下会变得混乱和随机。 然而，当与基于层次结构的面包屑结合使用时，它们可能会被证明是真正有用的。 在我们的示例中，合并层次结构和历史记录的面包屑可能如下所示：

< 返回\ 您现在的位置：首页 > 配件 > 茶壶 > 茶壶模型 1

在这种情况下，基于历史的面包屑被简化为一个简单但有用的后退按钮。 用户将知道他们的确切位置，并且仍然能够返回到博客文章。

前瞻面包屑

虽然常规面包屑只是帮助用户从他们开始的地方返回的链接路径，但前瞻面包屑扩展为同级别类别的列表。

与它们交互时，用户可以查看要浏览的替代类别。 因此，他们可以切换到尚未访问的页面。 让我们继续以您经营在线茶叶店的示例为例。 您网站上的前瞻面包屑可能如下所示：

首页 > 茶类 > 红茶
> 绿茶
> 黄茶
> 红茶
> 白茶

由于此附加功能与站点的类别和结构密切相关，因此前瞻面包屑几乎总是基于层次结构的。

加拿大达尔豪斯大学哈利法克斯分校的研究人员于 2005 年 9 月进行了一项研究，以确定这种新的导航理念是否值得开发。 它表明，用户在操作指示时会喜欢前瞻面包屑。

26 名参与者中有 23 人声称，在自愿参加一项研究后，他们回顾性地更喜欢前瞻面包屑而不是常规面包屑。

您可以自由地在您的网站上试验前瞻面包屑，因为当今许多页面都实施了此解决方案。

实现面包屑时最常见的错误

尽管它们带来了许多好处，但设计​​不佳的面包屑可能会突出网站对用户缺乏关心。 如何确保这个通常有用的工具不会对您不利？

用面包屑替换主导航

精心设计的面包屑是值得骄傲的，但您永远不应该将它们作为您网站的主要导航。 用户有他们的习惯，其中一些人尽管很方便，但不使用面包屑。

面包屑是本地导航系统，而主菜单是最典型的全局导航系统。 实际上，这意味着它们服务于不同的目的。 主菜单让用户了解您的网站的规模和复杂程度，他们无法仅从面包屑中推断出这些信息。

导航选项太多让用户不知所措

面包屑应该始终是主导航的辅助。 虽然您可能认为为用户提供这两个选项是多余的，但它可以阐明您网站的架构。 然而，不幸的是，也有可能以另一种方式过火。

一些网站为较低级别的子页面实现单独的二级导航。 这样的解决方案允许将主菜单限制在站点的最重要部分。 只有在那里，用户才能更详细地了解内容。

想象一个虚构的在线茶叶商店，其主导航允许用户访问主要产品类别：各种颜色的茶、冲泡配件和蜂蜜。

进入“绿茶”类别后，用户会被介绍到该部分专用的二级导航。 现在他们可以在来自不同国家和种植园的绿茶之间进行选择——在许多情况下，这可能是一个有益的解决方案。

但是，如果主菜单、辅助导航和面包屑并排放置在一起，那么大量的链接将变得混乱且无法使用。

面包屑如何帮助诊断网站结构的问题？

毫无疑问，使面包屑变得不那么实用的一件事是，如果路径太长，因为它会失去可读性并变得混乱。

当子页面上的面包屑太多时该怎么办？ 将其中一些移动到新行或用省略号替换它们？ 这听起来都不是一个好主意。

令人不安的长面包屑路径本身不是问题，而是网站结构无效的证据。 如果你有这个问题，问问自己你的层次结构中是否真的需要这么多级别。

此外，面包屑有助于发现无效和神秘的类别名称。

想象一下，您经营一家销售各种茶叶的电子商务。 您对茶有广泛的了解，并且可以准确地描述它的味道——这两种技能都可以在您创建内容的方式中体现出来。

假设潜在客户可能正在寻找一种新的红茶，并尝试在您的一个产品页面上找到它。 在那里他们会看到以下面包屑路径：

首页 > 茶类 > 红茶 > 收敛剂 > 红茶味 1

有一个项目应该引起你的注意。 不熟悉茶叶专业词汇的人可能不明白什么是涩味。 他们不太可能浏览这个难以理解的类别并点击链接。

值得考虑的是“涩味”这个词是否应该描述一个单独的红茶类别，或者它是否可以只是一个标签来区分其中一些。

面包屑和索引策略

作为内部链接的一种形式，面包屑导航增加了 Google 找到并索引您的网页的机会。 没有这个，它们就不能出现在搜索结果中。

但这是否意味着索引总是一件好事？ 不幸的是，每个站点都可能包含一些低质量的页面。 它们在索引中的存在是不可取的，因此 Google 不会基于它们对整个网站形成负面意见。 让我们用一个例子来探讨这个话题。

想象一个在线茶叶店，它有一个固定销售点的搜索窗口。 用户可以进入自己的居住地，查看附近是否可以买到自己喜欢的品牌茶叶。 他们会找到一些大城市的有效地址，但如果他们住在一个小村庄，他们会看到一个空列表。 或者只是一个小商店。

如果用户决定访问这家商店的网站，他们的面包屑轨迹可能如下所示：

首页 > 寻找我们的店铺 > 小村庄 > 小茶馆

第三项链接到页面，从 SEO 角度来看是无用的。 它只有村庄的名称和对单个销售点的引用。

这种类型的页面不应该浪费 Google 的抓取预算，因为作为潜在的垃圾邮件，它会降低整个页面的排名。 因此，不应该有任何内部链接指向它。 那么，面包屑呢？

这个问题有几种解决方案。 您可以从小商店的面包屑中完全忽略村庄。 您还可以在搜索中实现更大的区域，例如州或县。 然后用户可以使用面包屑导航从小商店页面返回到覆盖整个区域的有用销售点列表。

面包屑导航的最佳实践

面包屑的实施是改善您网站的用户体验并使其对搜索引擎机器人更友好的绝佳机会。 让我们讨论在为您的网站设计面包屑导航方案时可能面临的一些挑战。

如何使面包屑对用户来说直观？

对于大多数网站，设计面包屑导航应该围绕使用用户已经习惯的解决方案展开。 以下是您可能需要遵循的一些规则：

• 在页面顶部找到您的面包屑，就在主导航下方；
• 始终从主页开始您的面包屑，并以当前显示的页面结束；
• 让你的面包屑左对齐；
• 使用小而不显眼的字体。 面包屑不应该是在页面上吸引用户注意力的第一个元素。
• 使用箭头或大于号分隔链接时，请将它们指向右侧。 尽管我们使用面包屑返回更高的类别，但箭头的目的是表示层次结构。

如何给面包屑一个原创的风格？

好的面包屑是微妙的。 但是，遵循上述说明并不意味着您的导航必须与任何其他页面上的相同。 您仍然可以做很多事情来使您的网站脱颖而出：

• 您可以用斜线、guillemets 或冒号替换流行的大于号，以最适合您的风格为准；
• 您可以拒绝仅基于文本的导航，并将链接放置在强调层次结构的简单形状中，并与您的设计的其余部分很好地集成；
• 在多步骤流程的面包屑中，您可以用数字标记链接，以便用户更轻松地跟踪流程。

如何为移动视图设计面包屑？

为移动用户实施面包屑导航似乎是一个挑战，因为在移动设备上，每一英寸的屏幕空间都值金矿。 您不希望您的主要内容被不必要的大导航下推。 出于这个原因，一些门户网站在移动视图中放弃了面包屑。 这对用户来说是一个重大的损害，因为有效的导航在小型设备上更为关键。

有一些聪明的方法可以为移动用户创建漂亮的面包屑。 你可以试试：

• 用房子表情符号标记到主页的链接；
• 如果路径太长，用户可以从左到右扫过面包屑；
• 不显示用户所在页面的名称，而是提供返回更高类别的简单链接。

实现面包屑模式标记

为用户提供直观的面包屑导航后，也要让搜索引擎清楚地看到它们。 为此，您可以使用结构化数据标记相关的面包屑片段。 在下一节中，我们将讨论 BreadcrumbList Schema 的好处和实现。

为什么在面包屑导航中应用结构化数据？

您可以使用架构标记或其他方法实现的结构化数据是 Google 的附加信息，您可以将其放入您网站的代码中。 对于 Google 机器人了解您的页面内容并为您带来一些其他好处，这可能是一个巨大的帮助。

假设您拥有一家在线茶叶商店，并在产品页面上发布了冲泡白茶的说明。 您可以使用结构化数据向搜索引擎显示文本的哪一部分与水温或冲泡时间相关。 因此，Google 将能够以丰富的结果显示您的泡茶建议，并突出显示温度和泡茶时间。

由于丰富的结果，页面在 SERP 上脱颖而出，这可能会显着提高点击率。 丰富的结果类型是一个面包屑丰富的片段，显示用户点击链接后他们将转到的网站结构中的哪个位置。

您可能已经注意到一段时间以来，无论网站所有者是否使用面包屑结构化数据，Google 都为所有搜索片段显示了一种面包屑形式。 那么是否仍然需要在面包屑导航中包含结构化数据？

不会。但它可以让您对 Google 将在您的搜索片段中显示的内容进行一些控制。 如果 Google 在您的页面上找不到面包屑导航，它将分解 URL，假设它遵循逻辑结构并反映了您网站的层次结构。 但情况并非总是如此。 即使是这样，URL 通常也不像面包屑那样以人为本。

代码中的面包屑列表架构

以下是将结构化数据应用于在线茶叶商店的面包屑路径的示例，其中包含以下元素：主页 > 茶 > 红茶。

 {

"@context": "https://schema.org",

"@type": "面包屑列表",

一开始，我们指出我们的结构化数据的格式是从schema.org获取的模式标记词汇表。 然后我们定义了容器项“BreadcrumbList”，它包含我们的面包屑路径的所有元素。

 “项目列表元素”：

上面的标记“itemListElement”表示我们开始以正确的顺序列出各个面包屑。

 [{

"@type": "列表项",

“位置”：1，

“名称”：“家”，

“项目”：“https://yourteastore.com”

},{

"@type": "列表项",

“位置”：2，

“名称”：“茶”，

“项目”：“https://yourteastore.com/teas”

},{

"@type": "列表项",

“位置”：3，

“名称”：“红茶”，

“项目”：“https://yourteastore.com/teas/blackteas”

}]

}

我们将每个单独的面包屑标记为“ListItem”，并描述了它们的位置、名称和它们包含的链接。

包起来

面包屑是一种辅助导航方案，允许用户跟踪他们在网站上的当前位置。 它们在页面的最顶部形成一个小的链接路径。 我们区分：

• 基于层次结构的面包屑专注于网站的架构；
• 主要用于电子商务网站的基于属性的面包屑。 他们专注于可能对用户很重要的产品特性；
• 基于历史的面包屑专注于用户访问子页面的时间顺序。

面包屑可增强用户体验并可能降低跳出率。 它们还可以通过改进内部链接来提高网站在 Google 搜索结果中的可见性。 用结构化数据补充它们可以使您的网站在 SERP 上更具吸引力，并且对搜索引擎算法更容易理解。