面包屑是网站上的导航功能，可创造更好的用户体验 (UX) 并提高 Googlebot 的抓取能力。
面包屑导航通常位于页面顶部，指示用户在网站上的位置。
面包屑是带有可点击链接的小文本路径。导航中的首页位于最左侧，随后的链接位于右侧。通常，导航的最后一步是不可点击的文本，表示当前页面。
根据面包屑的类型，用户可以破译网站上的页面分类或登陆页面所遵循的路径。面包屑被称为“二级导航”，对搜索引擎和网站访问者都很重要。
面包屑的类型
基于层次结构的面包屑。最常见的面包屑形式。用户可以查看或追溯他们在网站结构中的位置。站点访问者可以单击页面层次结构中较高的链接或返回主页。
示例：主页 > 商业 > 招聘流程 > 使用技术进行小型企业招聘
图片：Monster.com 上的面包屑导航
基于属性的面包屑。尤其是电子商务网站可能会使用这种形式。面包屑路径显示产品类别或产品功能选择的链接。
示例：主页 > 电子产品 > 计算机和办公 > 办公配件 > 网络摄像头
图片：Target.com 上的面包屑
基于历史的面包屑。这些通过突出显示用户在网站上访问过的其他页面来作为浏览器历史记录。不如前两个示例常见。
示例：关于 > SEO 服务 > 所有服务 > 工业 SEO > SEO 审计
面包屑和搜索引擎优化
在有机搜索中具有竞争力的排名需要对关键字、内容结构和链接等各种因素进行分析和改进。为了提高排名的几率，在您的网页设计中实施尽可能多的最佳实践是最安全的。
作为站点中的导航元素，面包屑肯定会影响 SEO 和用户体验。然而，正如之前坚持的那样，面包屑是构成系统、功能和有效的 SEO 策略的小部分的一部分。
面包屑导航出现在网页顶部附近，指示页面层次结构，使用户可以轻松单击更高级别的页面，从而改善用户体验。
面包屑将用户留在网站上并帮助他们找到相关信息。
查看下图 DHL 网站上使用的面包屑（面包屑区域突出显示）。
测试面包屑结构化数据
您可以通过 Google 的 Rich Results Testing Tool 运行 URL 来测试网页是否具有 Breadcrumb 结构化数据。
使用面包屑的原因
在网站设计中使用面包屑导航只有好处，没有坏处。以下是确保在您的网站中包含面包屑的具体原因。
1.谷歌寻找面包屑导航
网站访问者和谷歌都喜欢面包屑。人类网站访问者讨厌迷路。面包屑为他们提供了一种查找更高级别页面的便捷方式。
搜索引擎也会寻找面包屑导航。使用面包屑为谷歌提供了另一种确定网站结构的方法。
在 Google 搜索结果中查找结构化面包屑标记，以了解搜索引擎如何将此信息解释为页面结构的一部分。
如下图所示，谷歌目前在搜索结果中显示面包屑和用于对信息进行分类的面包屑。
2. 改善用户体验
面包屑帮助用户浏览网站。因此，谷歌使用面包屑对网站进行可视化、分类和导航。在 SEO 中，提升用户体验势在必行。通过使用面包屑，它可以帮助延长用户会话时间和每个会话的更多页面，如分析中所衡量的那样。
3. 面包屑有助于降低跳出率
与流行的看法相反，大多数访问者通过内页而不是主页进入您的网站。因为您网站中的任何页面都是潜在的入口点，所以应该有一种方法可以将他们引导到关键页面，以防所选页面不符合用户意图。
通过为访问者提供替代方式来浏览您的网站，面包屑降低了跳出率，增加了会话时间和每次会话的页面数。
面包屑的最佳实践
这些是在您的网站中使用面包屑的一些指南。
1. 找到合适的尺寸：不要太小或太大
为您的面包屑确定合适大小的字体将确保它们不引人注目，但用户也可以轻松找到它们。企业网站上的大多数面包屑大小都在 12 到 16 像素之间。您的最终决定将取决于您在设计中使用的字体或字体系列。
2.在页面中找到放置面包屑的好地方
大多数面包屑导航位于页面顶部附近，因此用户可以轻松找到它们。我们已经看到设计师在页面底部放置面包屑的罕见情况，尽管这种情况并不常见。使面包屑易于查找以获得最大的可用性。
3.明确哪些列表项是链接
可访问性标准规定文本链接应加下划线。这让用户很清楚，这些是他们可以在面包屑导航中单击的链接。
4. 许多 SEO 插件和模块启用面包屑
如果您使用 WordPress 构建网站，大多数 SEO 插件都会启用面包屑。其中一些包括 SEOPress Pro 和 SEO 框架。这使得在您的页面设计中实现面包屑导航变得容易。
概括
面包屑导航为访问者提供了一种易于掌握的机制来浏览您的网站，从而帮助他们了解网站的结构。出于类似的原因，Google 喜欢面包屑 – 它们使 Googlebot 可以轻松抓取您的网站，并使用户可以轻松找到网站上的重要页面。
虽然面包屑本身不会将您推向页面排名的顶部，但将它们整合到您的网页设计中。将面包屑集成到代码库中相对简单，并且可以为使用您网站的人们带来好处。面包屑应该是任何现代网站设计的一部分。
