我们真的需要“面包屑”吗？

文 树子

关于面包屑的故事（来自格林童话）

很久很久以前，在大森林的边上住着一个贫穷的樵夫，他妻子和两个孩子与他相依为命。他的儿子名叫汉赛尔，女儿名叫格莱特。后来樵夫的妻子去世了，他又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处，然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划，于是偷偷地把一块面包藏在了口袋里。在去森林的路上，汉赛尔悄悄地捏碎了他的面包，并不时地停下脚步，把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候溜掉了，汉赛尔和格莱特醒来已是一片漆黑。汉赛尔安慰他的妹妹说：“等月亮一出来，我们就看得见我撒在地上的面包屑了，它一定会指给我们回家的路。”但是当月亮升起来时，他们在地上却怎么也找不到一点面包屑了，原来它们都被那些在树林里、田野上飞来飞去的鸟儿一点点地啄食了。

面包屑导航的各种使用形式。

按照维基百科上的解释，“面包屑通常水平地出现在页面顶部，一般会位于标题或页头的下方。它们提供给用户返回之前任何一个页面的链接（这些链接也是能到达当前页面的路径），在层级架构中通常是这个页面的上一级级页面。面包屑提供给用户回溯到网站首页或入口页面的一条快速路径，它们绝大部分看起来就像这样：首页→分类页→次级分类页。”不得不承认，这是我们看到的对面包屑导航最好的解释之一。

现在，我们可以在很多各种各样的网站上看到“面包屑”的存在，通过这些出现在页面最上端的文字链接，我们可以很快地在网站的多级页面中定位，面包屑也因此成为很多网页设计师们手中的“万金油”。

面包屑曾经的价值

很多开发者认为，面包屑的价值主要体现在三个方面，首先是提供了多路径的交互方式，方便用户跳转到其它页面；其次，从一个侧面展示了该信息集合的信息结构和集合方式；同时面包屑的信息结构对于网站SEO也有一定的价值，可以向搜索引擎强调关键字，优化网站在搜索引擎中的排名。

面包屑导航在网站中的应用主要包括三种类型。

第一种是基于路径的定位。基于路径定位的面包屑显示出用户正处在网站的哪一个级别页面，当网站的层级多于两级，那么面包屑将可以让用户迅速地在多个层级中前进或后退。基于路径定位的面包屑其实也是网站结构的线性表示，是整个网站中某个固定的位置，换句话说，不管用户是从页面旁边的推荐栏进入还是从文章下方的相关话题进入，在到达某一个页面之后，面包屑的位置都是固定的。这也是我们最常见到的面包屑。

第二种是基于动态路线的面包屑，当前显示的面包屑导航是根据用户的点击产生的，根据到达方式的不同，特定页面上的面包屑路径也不同。

第三种则是基于属性的面包屑，属性面包屑是描述一个页面在数据库中的位置，从根本上来说，这是描述页面的某种属性而非具体位置。

什么时候使用面包屑？

我们最常看到面包屑的可能就是类似于淘宝、京东这样的电子商务网站。由于电子商务网站的商品列表一般是按照类型进行分类排列的，因此面包屑的导航作用非常明显。

如果是个人博客一类的网站，页面之间没有过多的逻辑等级，或者根本没有分类，那么面包屑就显得有些多余，因为面包屑主要是为了提高用户在某一层级与其他层级之间的跳转和定位能力，因此如果层级不明显或根本没有层级，那么面包屑就没有存在的价值。

面包屑导航应该作为扩展的功能，不能替代有效的主要导航菜单。但是从用户角度来说，面包屑还是有一定的优势。

首先无可置疑的是面包屑肯定方便了用户，为一个大型多级网站的所有页面提供面包屑路径，可以让用户更快地在页面中定位，同时减少返回上一级或者上几级页面的操作。从网站建设者的角度来说，面包屑所占用的空间很小，几乎不会对用户浏览造成影响，而且还可以让新加入的用户了解到网站的内容分类，发现更有兴趣的内容，从而更长时间地停留在网站上。

面包屑将走向消亡？

虽然面包屑有着这样那样的好处，但还是有很多专家并不认同，特别是不认同基于路径定位的面包屑，因为它和浏览器的“后退”功能有些重复，而且这类面包屑不适用于内容过于丰富、单个分类无法完整描述单元内容的网站。这在拥有强大的搜索导航网站，比如Amazon上是常见的情况。

另一方面，面包屑的表现形式和本质都决定了它的存在是线性的，但是互联网的组织结构恰恰是网状的，用线性的导航来覆盖网状的内容，这本来就不是最合适的方式，用户使用面包屑的结果就是只能按照设定者设定的方向和路线前进。

诸如新浪这样的新闻门户对面包屑导航的需求就不太大。

至于面包屑对用户所处位置的定位和展示，深究起来这并不是决定性的因素。网站可用性之父Jakob Nielson曾经表示，面包屑还有点作用的主要原因，是它是一件做起来不太费力、占用面积很小、没有什么学习成本的事情。但当网站本身信息架构不够清晰稳固的时候，面包屑只会为用户增加使用麻烦。

典型的不需要使用面包屑的网站类型就是门户网站，因为门户网站的内容太过庞大和丰富，很多信息或许根本就不能被明确地划分到某个类别里。唐骏“拍电影”的新闻既可以放到娱乐栏目也可以放到IT栏目，甚至放到文化栏目也是可以的。在这种情况下，线性的面包屑列表就很难表现出当前所处的位置，甚至会给用户带来误解。

另一方面，如果网站本身的导航系统就很完善，在导航上就会标明当前的位置，那么面包屑的存在也就可有可无了。我们甚至可以认为，面包屑在某些网站上的存在完全就是为了弥补导航系统出现的问题，特别是对于结构简单的个人网站来说，事先设计好导航系统比面包屑更有价值。面包屑的存在是为了用户体验，不是为了SEO更不是为了炫耀，只有大型的，多层次的网站才有必要使用面包屑，小型的单层次的网站即使使用面包屑也不会给用户的使用和SEO带来什么好处。