面包屑是用户查找路径的重要组件。它们可以让用户知道当前页面在整个网站结构中的位置，为用户提供很多便利。他们的功能是告诉访问者他们在网站上的位置和如何返回。
1、 三种面包屑导航
1、路径类型：路径类型breadcrumb是动态显示用户到达页面的方式；
2、位置类型：位置类型面包屑是固定的，显示网页在网站结构中的位置；
3、属性类型：属性类型面包屑给出的当前页的分类信息。
breadcrumb导航通常位于导航下，以主页的优等目录名和二级目录名的当前位置的形式显示。尽量将面包屑导航级别控制在四层以内，这也有利于搜索引擎蜘蛛向下爬一层，而爬到第四层以下比较困难。
2、 面包屑导航布局
由于面包屑导航在网站优化中起着非常重要的作用，所以在设计过程中一定要慎重，不仅要考虑用户体验，还要考虑搜索引擎的捕获，尽量将面包屑导航控制在四个级别以内，因为级别太多会导致网站面包屑航行拖沓和乏味。
breadcrumb的导航功能是提示用户。既然是提示，提示信息越详细越好。例如，在淘宝导航中，用户可以清晰地看到网站级页面的分类和相应的产品品牌信息，以及详细产品所属的公司品牌，方便用户选择和给予更多选择。
如果你想在你的移动页面上使用breadcrumb导航，那就意味着你的移动页面设计出了问题。可能是因为网站太复杂，不符合移动终端的使用场景。要解决这个问题，你需要尝试简化整个系统，并确保碎屑不会出现在电话上。
在面包屑中，分隔不同级别的常用方法是大于符号（），而使用它的常用方法是“父类别子类别”。当然，分词符号的使用并不局限于此，其他网站会使用箭头（？）、书名、斜线（//）等，但分词符号的使用通常取决于网站的整体分词和设计师的偏好。
3、***一个列表不需要链接到自身
除了面包屑中的***一个项目外，其余每个项目都应该放置一个链接，因为将链接放置到当前页面不仅没有任何效果，还会让用户怀疑***一个项目是否是当前页面中的同一页面。
4、***件面包屑应该链接到头版
面包屑的***项必须链接到主页，因为如果面包屑的***项不是主页，用户可能会怀疑面包屑是否不可信，或者网站上没有***项