面包屑导航一词来源于童话故事，那么它的作用其实就跟跟童话故事当中一样，面包屑导航可帮助网站访客根据层次结构、用户轨迹或两者确定访客在站点内的当前位置。就是为了能够告诉访问者当前在网站当中所处的位置以及告诉用户如何返回上一级栏目，也就是我们经常看到的“主分类>一级分类>二级分类>三级分类>……>最终内容页面”这样的方式。但是一般正常的来讲目录结构由3层结构组成，分别是首页>栏目页>内容页。那么常见的面包屑导航一般都是基于位置的的导航，在一些电子商务站点中，还会有基于属性的面包屑导航。
- 面包屑导航能够很好的让用户了解当前所在位置，以及当前浏览的页面在整个网站所处的位置，从而方便用户返回。
- 面包屑导航能够更好的体现网站出整个架构层级，给用户形成良好的位置感，大大的增加我们的网站内链的建设，提高了了网站的内部连接，对它提高用户体验的角度来看，它能够给用户带来更好的体验。
- 面包屑导航它是一个超链接，同时也是一个锚文本，站在优化的角度来说它可以很好的进行关键词传递权重，从而提高我们的关键词排名，站在搜索引擎的角度来看，它能够让搜索引擎蜘蛛便利的爬行与抓取。
- 从以上我们不难看出，面包屑导航的作用在站内优化当中是非常大的，不管是基于用户体验还是对于搜索引擎蜘蛛的爬行抓取，它的都会促进提高我们的关键词排名。
笔者对于面包屑导航的作用还是很看重，最起码在用户体验这一块。之前遇到很多的网站内容页面只有简单的一个内容，与别的页面没有联系，也没有面包屑导航，很难进行下一步的操作，也是比较无语的。
什么是面包屑导航？
面包屑通常位于网站顶部，在顶部导航和内容标题之间。它们通常由一组链接组成，从网站的最高级别开始，逐级下降：
Schema.org 将其定义为：“一组可以帮助用户理解和导航网站层次结构的链接。”
面包屑导航的优点：
- 附加导航元素
- 更短的点击路径让访客在网站的各个级别之间导航
- 引起对网站层次结构中较高层元素的兴趣
- 可以带来更强的用户参与度
技术优势:
- 添加额外的导航路径，占用的网站空间很小
- 可用于降低网站上的抓取级别数量
- 通过面包屑列表增强SERP中的片段
何时使用面包屑导航？
面包屑导航可以使面包屑中具有两个以上元素的任何网站上的用户和网站结构受益。明确定义的面包屑在具有大量内容级别的大型复杂网站中有重要作用。常见的是具有大量产品、分类和分面搜索的电商网站，以及分类较多的信息网站。
用简单的字符分开
为了分隔面包屑项，建议使用简单的字符，例如
或 >> 或类似的变体，例如 › 和 »
/ 或者 //
使用这些字符可以增加熟悉度，从而提高用户体验。
最好使用单个字符。选择这些分隔字符中的哪一个并不重要。在实施面包屑导航时要考虑用户。
结构化数据和面包屑
如果想确保搜索引擎理解面包屑，应该使用 schema.org 词汇和以下结构化数据格式之一来帮助搜索引擎理解面包屑：
- Microdata
- RDFa
- JSON-LD
将其应用于面包屑的优点是搜索引擎更有可能将面包屑添加到搜索结果中网站的摘要中。
面包屑导航中可用的结构化数据属性
面包屑的结构化数据格式属性由schema.org BreadcrumbList定义。
搜索引擎通常使用以下属性在搜索片段中生成面包屑列表：
- 面包屑项
- 名称
- 位置
如何测试结构化数据实施？
无论选择哪种结构化数据格式来指定面包屑，都可以使用Google 结构化数据测试工具进行验证。
它将验证结构化数据标记并指出错误。无效的结构化数据标记可能会导致搜索引擎忽略面包屑规范。
面包屑导航的类型
关于面包屑的技术思考
在研究面包屑导航的可能逻辑之前，让我们先看一下不同站点结构和URL结构的技术差异。要规划面包屑，必须做出以下决定：
- 想要一致的面包屑导航吗？
- 想要为每个产品使用唯一的URL还是根据分类使用多个URL？
- 用户路径会与面包屑轨迹同步吗？
- 一致和不一致的面包屑导航
如果面包屑导航不“跳跃”，那么它就是一致的。这意味着，每次点击链接进入更深层次的内容时，面包屑都会增强一级。
唯一的还是多个 URL？
当产品属于多个分类时，创建一个对搜索引擎友好的信息架构比较复杂。此时，该产品可以通过以下两种方式访问
- 一个唯一的URL
- 根据不同的分类有多个URL
这两种方法都可以创造积极的用户体验 – 取决于想要做什么。但这两种方法也都有缺点，如果想提供最佳的用户体验并同时迎合搜索引擎，则需要以不同的方式解决这些缺点。
面包屑的概念差异
定义面包屑逻辑有三种基本方法： 基于位置、路径或属性。
基于位置的面包屑导航
面包屑的常见用法是基于位置的面包屑。基于位置的面包屑显示站点层次结构中的当前位置，并使用户能够快速浏览站点的各个级别。在基于位置的面包屑中，层次结构与面包屑同步。
优点：
- 易于实施
- 用户可以轻松确定站点层次结构中的当前位置
缺点：根据站点结构，面包屑导航可能会变得不一致
要求：要求以逻辑方式组织信息结构
基于属性的面包屑导航
基于属性的面包屑允许使用当前内容的属性来增强面包屑导航。基于属性的面包屑的行为独立于站点的层次结构，因此需要更多的技术支持才能正确实施。
优点：可以提供比基于位置的面包屑更好的可用性
缺点：
- 可能会导致很长的面包屑导航
- 可能会导致面包屑的顺序不同
要求：需要在多个分类中定义默认分类
混合面包屑导航
混合面包屑是基于位置的面包屑和基于属性的面包屑的组合。基于位置的部分通常取自主分类，基于属性的部分取自选定的过滤器或内容属性。
优点：
- 在大型电子商务网站上提供比基于位置的面包屑更好的可用性
- 更多内部链接指向属性页面
缺点：
- 根据站点的结构，面包屑导航可能会变得不一致
- 可能会导致更长的面包屑导航
- 可能会导致面包屑的顺序不同
基于路径的面包屑导航
设置面包屑的一种不太常见的方法是使其基于路径。在简单的基于路径的面包屑中，面包屑导航是历史轨迹，显示用户浏览网站的路径。
这种类型的面包屑的根目录是将用户带入网站的着陆页面。
优点：不需要任何特定的网站结构
缺点：
- 不可预测的面包屑路径
- 面包屑无法缓存
- 面包屑需要存储在每个用户的会话中
- 当机器人获得会话（例如基于IP）时，搜索引擎机器人会抓取随机路径的不稳定且不可预测的内部链接
- 用户无法确定在站点层次结构中的当前位置
实用的解决方案
我们建议选择一种在工作量和估计收益方面平衡且对搜索引擎友好的面包屑实现方案。这意味着：
技术观点
从技术角度我们建议：
- 面包屑应该一致
- 每个产品的唯一 URL
- 没有与面包屑的用户路径同步
该解决方案具有以下优点：
- 良好的用户体验
- 无重复内容
- 努力与收获之间的良好平衡
如果想使用多个URL，请确保
- 为每个产品定义一个默认URL
- 使用rel=canonical防止重复内容问题
如果想将用户路径与面包屑同步，花点时间定义可能的面包屑导航，不要使用简单的历史记录。
概念观点
从概念的角度来看，我们建议：
- 面包屑应该有一个基于位置的根
- 面包屑应该有基于属性的中间部分
- 如果使用路径，请定义入口点以创建基于位置的根
实践面包屑的最佳方法
面包屑可降低爬行级别数
面包屑与最低级别的深层链接相结合可以非常有效地降低爬网级别数量，从而创建更密集的网站结构。
面包屑导航的常见错误
使用短面包屑进行深层站点结构
如果在具有许多信息级别的站点上面包屑导航太短，则面包屑将无法有效地创建更密集的站点结构。
我们建议以有助于降低抓取级别的方式设计面包屑。这可以帮助优化抓取速度。
在网站标题中使用反向面包屑导航
在某些情况下，技术会在网站HTML标题中添加面包屑导航。这很容易失控，导致搜索引擎不支持标题长度，在搜索结果中会缩短标题。
我们不建议在站点的HTML标题中使用面包屑导航。
面包屑常见问题解答
我应该在面包屑导航中链接主页吗？
如果面包屑导航中显示了主页，我们建议链接到它，以保持用户体验一致。
从SEO的角度来看，为了在大型网站上保持面包屑更短，还可以省掉主页元素并从第一级开始。这可以在搜索引擎中更多显示最相关的面包屑。
我应该在面包屑导航中显示当前项吗？
从技术SEO的角度来看，无论是否在面包屑中显示当前项，都没有区别。
如果网站拥有大量访客，可以进行 A/B 测试，哪种方式可以带来更好的用户交互。
我应该链接面包屑导航中的当前项吗？
如果决定在面包屑导航中显示当前项，下一个问题通常是当前项是否应该加链接。
这个问题可以从技术和可用性两个角度来回答：
从可用性的角度来看，用户在单击再次指向同一文档的链接时可能会感到困惑。这基本上是网站的刷新，即使获得了额外的页面印象，也可能会导致用户跳出。
从SEO的角度来看，链接不会给内部链接图增加任何价值。
👋 感谢您的观看！
