面包屑导航

面包屑是一种常见的导航工具，通常出现在 页内容的上方。面包屑小巧，简单，有时候甚至很难引起人们的注意，但就是这么一个简单的小东西，却有十分重要的作用。今天我们就教大家来认识面包屑。

面包屑的概念来自于童话故事“汉赛尔和格莱特”，当汉赛尔和格莱特穿过森林时，不小心迷路了，但他们发现在沿途走过的地方都撒下了面包屑，让这些面包屑来帮助他们找到回家的路。所以 站面包屑作为一种辅助导航工具，作用是告诉访问者他们目前在 站中的位置以及如何返回。

面包屑的作用

● 作为一种辅助导航工具，面包屑为用户呈现出 页的结构层次，让用户知道自己目前所处的位置以及自己还能到哪里去。

● 面包屑鼓励用户浏览更多的内容，提升了整个 站的可访问性，降低 站的跳出率。

● 利于搜索引擎蜘蛛对 站的抓取，实现 页SEO优化。

面包屑的类型

● 基于位置的面包屑：基于位置的面包屑能很好的反映 站的结构特征，能将 站的层级结构展现在访客面前，对于通过外部链接或搜索引擎进入页面的游客具有清晰的指引性作用。

● 基于路径的面包屑：基于路径的面包屑即历史足迹，它所反映的不是 站的结构特征，而是游客的完整访问路径。此类面包屑动态生成，帮助游客记录浏览的历史足迹。

● 基于属性的面包屑：基于属性的面包屑常见于电子商务类 站。产品根据类别和属性的不同而归于不同的目录之中，基于属性的面包屑使用户更容易理解产品和产品之间的关系。

什么时候使用面包屑

是否使用面包屑主要取决于 站结构，当 站拥有清晰，明确的多层结构时，应当使用面包屑；当 站不具备逻辑清晰的层次结构时，就不建议使用面包屑。

如何使用面包屑

● 不要使用面包屑来替换 站主要导航系统

● 不要将当前页面链接添加到面包屑中

● 使用分隔符区分不同层级

● 选择合适的尺寸和间距

● 不要让他成为视觉焦点

● 不要在移动端页面使用面包屑

面包屑导航就行路标一样，对于小地方来说可能不需要路标就能轻松的找到出口，而对于大一点的旅游景点来说如果不做路标相信很多人很难找到出口或者想要去看的景点就会错过，为了避免旅客出现这样的情况，所以每一个大型的旅游景点不仅会做好路标还会有专业人员进行旅游景点的讲解等。

对于 站而言面包屑导航就是路标，通过这个路标来告诉用户与搜索引擎该页面主要内容是什么，方便用户查找更多相关的内容节省时间从而提升用户体验。