|
一 .来源： 面包屑导航(Breadcrumb )这个概念来自格林童话《汉赛尔和格莱特》： 很久很久以前，在大森林的边上住着一个贫穷的樵夫，他与妻子和两个孩子相依为命。他的儿子名叫汉赛尔，女儿名叫格莱特。后来樵夫的妻子去世了，他又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处，然后趁他们睡着的时候跑掉。她说服他们的父亲，在收成不好的时候把他们丢到森林里，这样的话，其他人不必挨饿.汉赛尔无意中知道了后母的计划，于是偷偷地把一块面包藏在了口袋里。在去森林的路上，汉赛尔悄悄地捏碎了他的面包，并不时地停下脚步，把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候溜掉了，汉赛尔和格莱特醒来已是一片漆黑。汉赛尔安慰他的妹妹说：“等太阳一出来，我们就看得见我撒在地上的面包屑了，它一定会指给我们回家的路。”但是当太阳升起来时，他们在地上却怎么也找不到一点面包屑了，原来它们都被那些在树林里、田野上飞来飞去的鸟儿一点点地啄食了。故事到此并未结束，但和我们面包屑的故事已无关系，如果您对结局感兴趣的话，可以参照： http://baike.baidu.com/link?url=Vbd-X1GvQc55zagUuuZ4YHowb5fiH9_cUAykm8vXcWW_haIRHmkJBwfiwAUVyiDS “面包屑导航”这个概念来就是来源于这个童话故事，它的作用是告诉访问者他们目前在网站中的位置以及如何返回。 面包屑导航的意义在于明确告知用户目前处于网站的何种位置，方便用户通过该导航快速达到上级页面。 从用户体验角度讲，这种导航的设计是建议在当前窗口打开的，而不是另外开一个新窗口或者新tab。
二、原理 在童话里，面包屑是汉赛尔在进入森林的路中偷偷撒下的，这是一种“历史记录”的应用方式，目的是帮助你追溯来路，因而它应该是一种线性的导航方式。不过在网页的应用中，“追溯来路”这件事浏览器已经做得足够好了，所以“面包屑”慢慢地就变成用来表达内容归属关系的界面元素，也就是我们经常看到的“主分类>一级分类>二级分类>三级分类>……>最终内容页面”这样的方式。但是一般正常的来讲目录结构由3层结构组成。分别是首页>栏目页>内容页。合理的构建目录结构可以让用户随时随地的找到自己所在的位置又能保证栏目分类后的各个栏目的权重不至于太分散。同时在许多关于网站用户使用体验的调查报告中也得出超过3次点击访客还没有找到需要的信息，访客就很大的可能性会离开网站。所以，3层目录结构也是浏览体验的需要。 三、作用 1、用户体验方面： （1）让用户了解当前所处位置，以及当前页面在整个网站中的位置。 （2）提供返回各个层级的快速入口，方便用户操作。 （3）减少返回到上一级页面的点击或操作，不用使用浏览器的“返回”按钮或网站的主要导航来返回到上一级页面； （4）面包屑有利于网站内链的建设，用面包屑大大增加了网站的内部连接，提高用户体验。
2.技术层面： （1）不用常常占用屏幕空间，因为它们通常是水平排列以及简单的样式，面包屑路径不会占用页面太多的空间。这样的好处是，从内容过载方面来说，他们几乎没有任何负面影响； （2）、体现了网站的架构层级，能够帮助用户快速学习和了解网站内容和组织方式，从而形成很好的位置感。 （3）降低跳出率，面包屑路径会是一个诱惑首次访问者在进入一个页面后去浏览这个网站的非常好的方法。比如说，一个用户通过谷歌搜索到一个页面，然后看到一个面包屑路径，这将会诱使用户点击上一级页面去浏览感兴趣的相关主题。这样，从而，可以降低网站的总体跳出率； （4）SEO优化相关。有利于百度蜘蛛对网站的抓取，蜘蛛直接沿着那个链走就可以了，很方便；Google已经将面包屑导航整合到搜索结果里面，因此优化面包屑导航每个层级的名称，多使用关键字，都可以实现SEO优化。面包屑路径，对于提高用户体验来说，是很有帮助的。
3. 整体上，对于绝大多数网站来说，只有面包屑这一种导航机制并不够，但它们用来补充网站的主导航是最有价值的，特别是对于那些层次复杂的大型网站，或者需要绑定一堆子网站的时候更加有用。 四、适用条件 虽然眼下很多网站都流行使用面包屑导航，但是并不是所有的网站都适用。 符合下面两个条件的网站才适合使用面包屑导航。 1、层级较深的网站，面包屑导航适合层级较深的网站，如果只有一级分类的话，通过主导航就可以起到快速定位的作用。比如“豆瓣网”类型扁平构架的网站就没有使用面包屑导航。 2、独立不交叉的网站结构，由于面包屑网站导航路径是线性结构的，因此网站内容必须划分的非常清晰，且不存在交叉；否则，面包屑导航的路径就不是唯一的，同一分类可能出现在不同的路径中，让用户感到困惑。 五、如何进行优化 1.面包屑导航一般都在导航的下面，形式一般为首页 > 一级目录名称 > 二级目录名称 > 目前位置，尽量要把面包屑导航的层次控制在四层以内，这样也有利与搜索引擎蜘蛛一层层往下爬，到了四层以下就很难爬到了。 2.对于一个网站来说，内部链接的结构搭建非常重要。像金字塔一样，第一层的众多页面应该集体支持它们的上一级。所以面包屑导航应该显示网站的层次，而不是浏览历史。除了层次以外，面包屑导航还可能显示的是属性标签。 3.面包屑导航的链接和别的一样，要使用文字，不要使用图片或JS。 4.面包屑中尽量出现关键字，可以把“首页”这一类词换成网站名称，要注重细节。
| 
