面包屑是用户寻找路径最为主要的组件，可以让用户了解到当前页面在整个网站结构所处的位置，为用户提供很多的便利，作用是告诉访问者他们目前在网站中的位置以及如何返回。

一、面包屑导航三种类型

1、路径型：路径型面包屑是一个动态显示用户到达页面经过的途径;

2、位置型：位置型面包屑是固定的，显示了页面在网站结构中的位置;

3、属性型：属性型面包屑给出的当前页面的分类信息。

面包屑导航一般都在导航的下面，形式一般为 首页 > 一级目录名称 > 二级目录名称 > 目前位置，尽量要把面包屑导航的层次控制在四层以内，这样也有利与搜索引擎蜘蛛一层层往下爬，到了四层以下就很难爬到了。

二、面包屑导航布局

1、控制层级

由于面包屑导航对网站优化起到非常关键的作用，所以在设计的过程中一定要谨慎对待，不只要考虑到用户体验的问题，于此同时还需要考虑到搜索引擎的抓取，尽可能的将面包屑导航控制在4个层级之内，因为过多的层级会导致网站面包屑导航拖沓且繁琐。

2、做到精细化

面包屑到导航的作用就是提示用户，既然是提示，提示信息越精细越好，如：淘宝的导航，用户可以非常清楚的看到网站层次页面的分类及所对应产品品牌信息，以及详细的商品中都属于哪家公司品牌，这样很容易让用户挑选，给用更多的选择权。

3、避免在移动端使用面包屑

若你觉得自己移动端页面要使用面包屑导航的话，那么也就意味着你的移动网页设计出了问题，可能是由于网站太复杂，这样也就不符合移动端的使用场景。想解决这个问题，你需要尝试简化整个体系，确保面包屑不会出现在手机上。

4、使用分割符

在面包屑中，用来分隔不同层级最常见的是大于符号(>)，常见的使用方法是“父类别 > 子类别”。当然，分割符号的使用并不拘泥这一种，还有的网站会使用箭头(→)、书名号、斜杠(//)等，只不过分隔符号的使用通常取决于网站整体分隔和设计师的喜好。

5、最后一览不需要链接到自身

面包屑中除了最后一项，剩下的每一项都要放连接，因为放一个指向当前页的链接不仅没有任何的作用，还会让用户怀疑最后一项于当前页是不是同一个页面。

6、面包屑的第一项应该链接首页

面包屑的第一项一定要链接到首页，因为若面包屑的第一项不是首页的话，用户可能会疑问这个面包屑不可信或该网站根本就没有首页。

下面是小编在公司整理到的一些行业优化教程和SEO优化工具包（部分截图） 关注小编并私信”SEO“即可免费领取哦！

35G行业优化方案，SEO教程包含：

最基础的建站搭建内部优化+网站定位 [原创伪原创内容制作技巧，內链系统优化建立]到网站运营，网站推广思路策划，SEO项目实战的学习资料都有整理。

送给每一位SEO小伙伴, 有想学习SEO的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习！快来私信我吧。