谈面包屑导航
说出来不要笑话我，很早之前我一直不知道面包屑导航，那个时候做SEO有段时间了，就感觉为什么叫“面包屑导航”。难道导航就像面包屑一样吗？后来随着工作经验积累，自己也学习这方面的知识对面包屑导航有了一点了解。今天就谈谈关于面包屑导航自己的看法！
有关面包屑导航的童话故事我觉得有必要提一下：
很久以前有个樵夫，有妻子和两个孩子。儿子叫汉赛尔，女儿名叫格莱特。后来妻子去世，他就为孩子找了个后母。后母计划把两个孩子带到森林的深处，然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划，于是偷偷地把一块面包藏在了口袋里。在去森林的路上，汉赛尔悄悄地捏碎了他的面包，并不时地停下脚步，把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候溜掉了，汉赛尔和格莱特醒来已是一片漆黑。汉赛尔安慰他的妹妹说：“等太阳一出来，我们就看得见我撒在地上的面包屑了，它一定会指给我们回家的路。”但是当太阳升起来时，他们在地上却怎么也找不到一点面包屑了，原来它们都被那些在树林里、田野上飞来飞去的鸟儿一点点地啄食了。
现在你是不是在思考童话中的俩个孩子怎么办？呵呵，不用想了，毕竟是童话！现在回过神儿来！
在童话里，面包屑是汉赛尔在进入森林的路中偷偷撒下的，这是一种“历史记录”的应用方式，目的是帮助你追溯来路，因而它应该是一种线性的导航方式。不过在网页的应用中，“追溯来路”这件事浏览器已经做得足够好了，所以“面包屑”慢慢地就变成用来表达内容归属关系的界面元素，也就是我们经常看到的首页>栏目页>内容页。
在网站页面中我们会看到诸如下图这样的导航统称为面包屑导航。
面包屑是作为辅助和补充的导航方式（secondary navigation scheme），它能让用户知道在网站或应用中所处的位置并能方便地回到原先的地点。 最常见的面包屑的样式是：横向的文字链接，由大于号“>”分开，这个符号也暗示了它们的层级关系。
面包屑导航的好处
1.面包屑作为用户寻找路径的一种辅助手段，能方便他们定位和导航。
2.面包屑可以减少的用户返回上一级页面的所需的操作次数。
3.临时性，动态性，占用屏幕空间小，干扰性小。
4.降低网站访问者的总体跳出率。（当用户从别处链接到网页，或者从搜索引擎查找到网页，则面包屑的存在能帮助用户快速了解当前的层级位置，并引导用户查看网站的其余部分。减少了看完直接跳走的用户数量。）
面包屑导航的分类
1.基于用户所在的层级位置。（Location-based）
基于位置的面包屑用于告知用户在当前网站中所在的结构层级。用在具有多级导航（通常具有2级以上导航）的网站中。
2.基于产品的属性。(Attribute-based)
这种类型的面包屑常出现在具有大量类别产品和服务的网站中，如电子商务网站，网上教学服务等。
3.基于用户的足迹。(Path-based)
显示用户浏览的轨迹，面包屑之间没有明显的层级关系。
面包屑导航使用于那种情况
1. 存在大量的分级内容的网站中。
大型的电子商务网站是典型的例子，里面有大量的产品分别归属于不同的大类别及细分类别。
2. 在一些引导性的网络应用或者软件安装进程中，面包屑也常被用来指示当前以及剩余的操作步骤。类似于进程条的变种。
3. 层次简单的页面中一般不使用面包屑，但是当面包屑能显著帮助到浏览并提高他们定位能力时，也建议采用面包屑。
注意：面包屑不能替代有效的主导航，它是一个辅助功能；一个允许用户定位他们在哪里的辅助导航方案。面包屑是一种辅助导航，在页面中不应该起支配作用。面包屑和主导航相比至少要比较小、或不太突出。在确定面包屑大小的时候，一个较很好的方法是，当访问这个页面的时候，它不应该是页面中最醒目的元素。如果第一眼就注意到了面包屑，可能就需要再弱化一点。
作者：搜索引擎营销-大鹏
转载请注明出处：http://www.ueoer.org/post/breadcrumb-navigation.html
有关面包屑导航的童话故事我觉得有必要提一下：
很久以前有个樵夫，有妻子和两个孩子。儿子叫汉赛尔，女儿名叫格莱特。后来妻子去世，他就为孩子找了个后母。后母计划把两个孩子带到森林的深处，然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划，于是偷偷地把一块面包藏在了口袋里。在去森林的路上，汉赛尔悄悄地捏碎了他的面包，并不时地停下脚步，把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候溜掉了，汉赛尔和格莱特醒来已是一片漆黑。汉赛尔安慰他的妹妹说：“等太阳一出来，我们就看得见我撒在地上的面包屑了，它一定会指给我们回家的路。”但是当太阳升起来时，他们在地上却怎么也找不到一点面包屑了，原来它们都被那些在树林里、田野上飞来飞去的鸟儿一点点地啄食了。
现在你是不是在思考童话中的俩个孩子怎么办？呵呵，不用想了，毕竟是童话！现在回过神儿来！
在童话里，面包屑是汉赛尔在进入森林的路中偷偷撒下的，这是一种“历史记录”的应用方式，目的是帮助你追溯来路，因而它应该是一种线性的导航方式。不过在网页的应用中，“追溯来路”这件事浏览器已经做得足够好了，所以“面包屑”慢慢地就变成用来表达内容归属关系的界面元素，也就是我们经常看到的首页>栏目页>内容页。
在网站页面中我们会看到诸如下图这样的导航统称为面包屑导航。
面包屑是作为辅助和补充的导航方式（secondary navigation scheme），它能让用户知道在网站或应用中所处的位置并能方便地回到原先的地点。 最常见的面包屑的样式是：横向的文字链接，由大于号“>”分开，这个符号也暗示了它们的层级关系。
面包屑导航的好处
1.面包屑作为用户寻找路径的一种辅助手段，能方便他们定位和导航。
2.面包屑可以减少的用户返回上一级页面的所需的操作次数。
3.临时性，动态性，占用屏幕空间小，干扰性小。
4.降低网站访问者的总体跳出率。（当用户从别处链接到网页，或者从搜索引擎查找到网页，则面包屑的存在能帮助用户快速了解当前的层级位置，并引导用户查看网站的其余部分。减少了看完直接跳走的用户数量。）
面包屑导航的分类
1.基于用户所在的层级位置。（Location-based）
基于位置的面包屑用于告知用户在当前网站中所在的结构层级。用在具有多级导航（通常具有2级以上导航）的网站中。
2.基于产品的属性。(Attribute-based)
这种类型的面包屑常出现在具有大量类别产品和服务的网站中，如电子商务网站，网上教学服务等。
3.基于用户的足迹。(Path-based)
显示用户浏览的轨迹，面包屑之间没有明显的层级关系。
面包屑导航使用于那种情况
1. 存在大量的分级内容的网站中。
大型的电子商务网站是典型的例子，里面有大量的产品分别归属于不同的大类别及细分类别。
2. 在一些引导性的网络应用或者软件安装进程中，面包屑也常被用来指示当前以及剩余的操作步骤。类似于进程条的变种。
3. 层次简单的页面中一般不使用面包屑，但是当面包屑能显著帮助到浏览并提高他们定位能力时，也建议采用面包屑。
注意：面包屑不能替代有效的主导航，它是一个辅助功能；一个允许用户定位他们在哪里的辅助导航方案。面包屑是一种辅助导航，在页面中不应该起支配作用。面包屑和主导航相比至少要比较小、或不太突出。在确定面包屑大小的时候，一个较很好的方法是，当访问这个页面的时候，它不应该是页面中最醒目的元素。如果第一眼就注意到了面包屑，可能就需要再弱化一点。
作者：搜索引擎营销-大鹏
转载请注明出处：http://www.ueoer.org/post/breadcrumb-navigation.html
