因为信息结构的扁平化，注定要淘汰一些不必要的东西，导航完全可以胜任面包屑的功能。而且现在的网站结构越来越简单，就像是文件夹一样的层级关系越来越少，就好像之前的windows一个文件夹套着一个文件夹，注重路径，现在像os东西都铺开给你看，追求以最少的点击数进入完成功能。换句话说，面包屑是机器的逻辑，现在的思想是替用户想到下一步会有哪些操作，注重用户体验，是用户的逻辑。
什么是面包屑导航？有什么作用
面包屑导航顾名思义，面包屑挺巧就是琐碎的意思，一点点的形状，这就代表我们的网站导航中，那些不在主导航上，其他辅助性琐碎的导航就叫面包屑导航了。
首先我们来看看面包屑导航的作用：
1、让用户了解当前所处位置，以及当前页面在整个网站中的位置。
2、体现了网站的架构层级，能够帮助用户快速学习和了解网站内容和组织方式，从而形成很好的位置感
3、提供返回各个层级的快速入口，方便用户操作。
4、Google已经将面包屑导航整合到搜索结果里面，因此优化面包屑导航每个层级的名称，多使用关键字，都可以实现SEO优化。面包屑路径，对于提高用户体验来说，是很有帮助的。
5、方便用户，面包屑主要用于为用户提供导航一个网站的次要方法，通过为一个大型多级网站的所有页面提供面包屑路径，用户可以更容易的定位到上一次目录，引导用户通行;
6、减少返回到上一级页面的点击或操作，不用使用浏览器的“返回”按钮或网站的主要导航来返回到上一级页面;
7、不用常常占用屏幕空间，因为它们通常是水平排列以及简单的样式，面包屑路径不会占用页面太多的空间。这样的好处是，从内容过载方面来说，他们几乎没有任何负面影响;
8、降低跳出率，面包屑路径会是一个诱惑首次访问者在进入一个页面后去浏览这个网站的非常好的方法。比如说，一个用户通过谷歌搜索到一个页面，然后看到一个面包屑路径，这将会诱使用户点击上一级页面去浏览感兴趣的相关主题。这样，从而，可以降低网站的总体跳出率。
9、有利于百度蜘蛛对网站的抓取，蜘蛛直接沿着那个链走就可以了，很方便。
10、面包屑有利于网站内链的建设，用面包屑大大增加了网站的内部连接，提高用户体验。
什么是面包屑导航？
一、网站面包屑导航有哪几种类型？
1、路径型：路径型面包屑是一个动态显示用户到达页面经过的途径;
2、位置型：位置型面包屑是固定的，显示了页面在网站结构中的位置;
3、属性型：属性型面包屑给出的当前页面的分类信息。
面包屑导航一般都在导航的下面，形式一般为 首页 > 一级目录名称 > 二级目录名称 > 目前位置，尽量要把面包
屑导航的层次控制在四层以内，这样也有利与搜索引擎蜘蛛一层层往下爬，到了四层以下就很难爬到了。
二、作用分别是什么？
1、让用户了解目前所处位置，以及当前页面在整个网站中的位置。（路径型）
2、提供返回各个层级的快速入口，方便用户操作。（位置型）
3、体现了网站的架构层级，能够帮助用户快速学习和了解网站内容和组织方式（属性型）。
4、Google已经将 面包屑导航 整合到搜索结果里面，因此优化 面包屑导航 每个层级的名称，尽量使用关键字，可以达到SEO优化的效果。
三、面包屑导航的注意事项：
1、对于一个网站来说，内部链接的结构搭建非常重要。所以面包屑导航应该显示网站的层次，而不是浏览历史。除了层次以外，面包屑导航还可能显示的是属性标签。
2、面包屑导航的链接和别的一样，要使用文字，不要使用图片或JS。
3、面包屑中尽量出现关键字，可以把“首页”这一类词换成网站名称，要注重细节。 面包屑导航在SEO中虽然不是最主要的，但也有它的作用，做SEO就是做细节，SEO优化的重点在于细节，细节决定成败。
网页设计中的面包屑路径
在我们的站点中都有很多的页面，利用面包屑路径能够极大的增强用户寻找路径的能力。从易用性上来讲，面包屑路径减少了用户回到更高级目录时所需要的操作，并且增强了网站各个单元的可寻性。面包屑路径还可以提供有效地视觉帮助来知道用户了解自己目前所处与网站中的等级，让他们能够更容易的找到他们的开始页。
什么是面包屑路径？
Breadcrumb (Breadcrumb trail)，中文成为“面包屑路径”是应用于网站或者网络程序上的，帮助用户找到自身位置的二级导航标记。他起源于Hansel and Gretel的传说，孩子们为了能够找到回家的路，将面包屑撒在路上，并顺着找到了家。和传说中一致，面包屑路径在现实中也帮助我们找到自己的起始页。
Delicious的路径。
在存在大量的分级内容的网站上我们经常能够看到面包屑路径的使用，在一些引导性的网络应用上也能够见到，他们的作用就像一个进度条，指引着用户当前的进度。面包屑路径最简单的形式是水平排列的文字链接，之间用大于号隔开，每个链接表示与这个级别相关的页面链接。
何时使用面包屑路径？
大型网站，特别是那种页面按照层级结构组织的网站比较适合使用面包屑路径。一个最好的例子就是商务网站，拥有大量的商品分门别类的存放着。
在那种没有逻辑的层级关系或者分组的单级网站上不适合使用面包屑路径。一个决定是否使用面包屑路径的很好的办法是规划一个站点地图或者表示网站导航结构的图表，然后再来决定面包屑路径是否能够改善用户在栏目内和不同栏目间的导航体验。
面包屑路径往往是一个网站的额外的特点，他不应该取代菜单导航，而且往往应该作为菜单导航的一种辅助和补充。它是一种次级的、很舒服的特性，帮助用户确定自己的位置，并且作为菜单导航的一个有效补充。
面包屑路径的类型：
面包屑路径主要有三种形式。
基于位置的面包屑：
位置面包屑是静态的，显示了当前页面在网站中所处的等级。链接中的每一项都能够导向一个更高一级的页面，这种形势特别适合有很多级别的网站（大于2级）；
基于属性的面包屑：
属性面包屑给出了当前页面所属类别的信息，下图的面包屑更接近与一个混合形式的面包屑，路径中包含了对结果的筛选条件描述；
路径：路径形式的面包屑是动态的路径，经常用来指引用户进行某种操作，比如“注册”流程，他动态的显示用户完成注册所需要的过程；
使用面包屑路径的好处
方便用户：面包屑路径的目的就是为用户提供一种辅助的导航方式，在具有多层级的网站上浏览时，面包屑路径可以帮助用户更容易的找到想要的位置；
减少返回高级别页面的点击次数：用户不需要通过多次点击“返回”来到自己之前的位置，而只需要在面包屑路径上点击一次；
不会占用过多的空间（hog screen space）：面包屑路径多数采用普通的水平排布的文字链接，所以不会占用过多的页面空间，恰当的运用，能够带来足够的好处。
减少跳出率（bounce rates）：面包屑路径能够诱初次访问页面的用户在完成初始页的浏览后浏览其他页面。例如，通过搜索引擎来到的用户，看完文章后，很容易点击上一级页面的导航来了解更多的相关内容，这样就减少了站点整体的跳出率。
使用中的错误
在不必要的地方使用：
上图的导航就会让用户感到迷惑，太多的导航了而且排布的非常集中，有点重复；
用面包屑路径作为主导航：
面包屑路径只是一种导航的辅助手段，任何时候都不应该取代导航菜单。上图中就是一个例子，由于只使用了面包屑路径，当用户想跳转到站点的其他栏目时，很难容易的到达。
当页面含有多重栏目时，使用面包屑路径：面包屑路径具有线性的结构，如果你的页面不能够很清楚的分类，那就很难用面包屑路径来表示，这其实是在网站设计初期，要为站点制定明确的组织结构。
在设计中应该考虑的问题
使用什么符号来分隔？最常用的分隔符是大于号（>），表示“父目录>子目录”，其他的符号还包括：箭头、右引号(>>)、斜线(/)。
应该设计成多大？
面包屑路径只是一个辅助的导航工具，所以谁都不希望他占据巨大的页面空间，他应该尽量的小，但是要能够方便访问，向用户传达出这种辅助的设计意图。一个原则就是，用户浏览页面时，不能第一眼就被面包屑路径所吸引。
应该放在什么地方？面包屑路径通常放置在页面的中上部，如果是水平导航，一般放在主菜单的下边。
网站面包屑指的是什么？
简而言之就是这样的东西：百度知道>电脑/网络>互联网
网页中这个就是所谓的面包屑，是一种类似站内目录的功能
具体来历见下面：
面包屑导航(Breadcrumb Navigation)的概念来自于格林童话"汉赛尔与格莱特"，我们先来看一下这个童话故事，看完后或许你就能明白什么是网站面包屑导航，以及为什么网站面包屑导航对于SEO和用户体验有非常重要的作用了。
故事大意是这样的：在大森林的边上，住着一个贫穷的樵夫，他的两个孩子--汉赛尔与格莱特还有他们的继母。由于生活贫穷，继母打算把两个孩子带到森林深处，然后借口去干活，偷偷走掉，把他们丢在森林里。但是汉赛尔无意中知道了继母的计划，于是他偷偷的在沿路洒下东西，帮助自己找到回家的路。第一次他是用闪闪发光的石子，顺利找到了回家的路；第二次时由于没办法出去捡石子，只好以面包屑代替。但是当他们想按照面包屑的指引回家时，却发现却怎么也找不到一点面包屑了，原来它们都被那些在树林里、田野上飞来飞去的鸟儿一点点地啄食了。故事到此并未结束，但和我们面包屑的故事已无关系，如果您对结局感兴趣的话，可以百度一下。
在童话中，当汉赛尔与格莱特穿过森林时，他们在沿途走过的地方都撒下了面包屑，让这些面包屑来帮助他们找到回家的路，这是一种“历史记录”的应用方式，目的是帮助你追溯来路。在浏览器中已经包含了追溯来路的功能，所以，在网页应用中面包屑导航来表达内容归属关系，作用是告诉访问者他们目前在网站中的位置以及如何返回。较典型的面包屑导航如下所示：
面包屑导航
最右端的地址为当前浏览页，最左端的为起始页面，这种结构使得用户对于所访问页的层次结构一目了然。面包屑导航不仅可改善网站的实用性，同时亦可提高网站对搜索引擎的友好性。访客使用面包屑导航可以快速返回上层目录，查看其它需要的内容。在许多关于网站用户使用体验的调查报告中也得出，如果超过3次点击，访客还没有找到需要的信息，那么有大约80%的访客会离开网站。这一点对搜索引擎来说也不例外。提供良好的返回导航连接可帮助搜索引擎更好地检索整个网站。而且，“面包屑型”导航连接中的锚文本还可以增进链接页的权重。
对于SEO来讲，面包屑型导航是一个非常实用的功能，同时也提供了友好的用户体验，所以大家可不要把面包屑弄丢了，找不到回家的路啊！
面包屑导航
面包屑导航：面包屑是作为辅助和补充的导航方式，网页上让用户感知当前页面所在的层级位置并能方便地回到原先的地点，或者是产品的属性之间的关系的控件。最常见的面包屑的样式是：横向的文字链接，由大于号“>”分开，横向排布 ，这个符号也暗示了它们的层级关系。面包屑导航不是页面中最显眼的地方，它只是一定程度上帮助用户理解网站的结构和属性的从属关系。
面包屑导航分类：
1、基于位置的面包屑导航。用于表明页面之间的层次关系和当前页所在的位置。这种页面之间的层级关系可以是没有所属和包含关系的，只要这几个页面本身存在线性跳转关系。
2、基于属性的面包屑导航。用于表明产品属性之间的所属关系和当前页所在的位置，这些属性是存在所属和包含关系的。这种面包屑导航最常出现在电商网站，对于一个产品来说，所具有的属性往往不只有一种，而通过这种面包屑导航可以给消费者一个更加直观的了解。3、基于路径的面包屑导航。用于显示用户的操作路径和历史，他们的功能基本上是和前进和后退的按钮是一样的。
面包屑导航作用：
1、 表明当前页面所处的位置，感知产品属性之间的所属关系
2.、方便跳转到之前的页面
3、总体上是作为主导航的补充
4、降低跳出率。当用户进入一个站点，看到一个面包屑的线索可能诱使用户点击到更高级别的页面，以查看相关的利益主题。这反过来，降低了整体的网站跳出率。
面包屑导航适用条件：
1、层级较深的网站，面包屑导航适合层级较深的网站，如果只有一级分类的话，通过主导航就可以起到快速定位的作用。例如豆瓣、36kr等扁平类网站就没有使用面包屑。
2、独立不交叉的网站结构，由于面包屑导航路径是线性结构的，因此内容必须划分的非常清晰，且不存在交叉；否则，面包屑导航的路径就不是唯一的，同一分类可能出现在不同的路径中，让用户感到困惑。
不是所有网站都需要使用面包屑导航：
1.、信息层级很扁平的。例如豆瓣、36kr等扁平类网站就没有使用面包屑，移动产品中没有使用面包屑导航也很大一部分是这个原因。
2.、不存在线性的页面关系；
3、有其他可以替代面包屑导航功能的东西。比如：进度指示条。其实进度提示条也算是面包屑导航的一个变种，通过线性表明页面处于任务步骤中的位置。
面包屑导航目前使用情况：
面包屑导航不会出现在首页，一般它会出现在二级频道页的下一个层次的页面。
1、电商类网站。在首页点击进入【家用电器】频道页，在频道页点击了大家电后，你就能看到面包屑了
2、内容类网站。在首页点击进入了【动漫】频道页，在频道页点击了《猫和老鼠》后，你就能看到面包屑了。
涨姿势！从头带你认识面包屑导航的前世今生！
在设计面包屑导航中需要注意的问题：
1、面包屑导航有线性结构，因此，如果网站不能被整齐的类别划分，将很难使用面包屑。决定是否使用面包屑，在很大程度上取决于如何设计网站层级。当较低级别的页面交叉放在在多个父目录下，面包屑路径是无效的、不准确的，会给用户造成混淆。
2、面包屑导航只是作为主导航的一个辅助，因此不能让面包屑主宰页面。面包屑导航的功能，只是作为用户访问的协助，因此，面包屑导航应该比主导航菜单小或者不能太突出，不应该抓住用户的注意力。
3、面包屑路径通常显示在页面的上半部分，在主导航菜单的下面。
面包屑导航怎么做？作用是什么？
今天公司开会，在谈到网站面包屑导航时，发现有几位同学都不是很了解。现在就跟大家讲一下面包屑导航的一些知识。
面包屑导航是什么？
面包屑，顾名思义，是面包的一个碎片，关于面包屑的来源还要追溯到一个有趣的童话故事，故事中，一对惨遭继母虐待的兄妹在森林里迷路后，根据出发时一路所洒下的面包屑成功的找到了回家的路，面包屑导航在网站中就具备这种指向性的作用。
为什么要在网站中添加面包屑导航？面包屑导航主要有哪些作用？
是不是所有的网站都要添加面包屑导航呢？很多人都说面包屑导航一般适用于网络内容较多，目录结构复杂的网站， 在这里，我建议：请尽可能的为网站添加面包屑导航。原因有很多，主要讲以下几点。
第一 用户体验
面包屑导航能够帮助用户了解自己正处于网站的什么位置，并能够帮助用户快速的获取信息。
第二 网站优化
吸引用户的访问，为更多的用户提供服务是网站的根本，这就要求我们建设对百度小蜘蛛友好的网站，面包屑导航能够帮助baiduspider轻松抓取网站信息，以此推荐给更多的用户。
第三 筛选信息
这一点主要针对电子商务网购类网站，特别是对于聚合页的指示作用，面包屑导航能够帮助用户清晰的筛选商品属性。
第四 面包屑导航对于内链建设和关键词的布置等都具有重要作用，这里就不一一细说。
面包屑导航该怎么做?
对于面包屑的设计，基本都大同小异，但仍需要注意以下几个方面。
第一 字体的大小比普通字体小一个级别，颜色设置偏灰色系，以免喧宾夺主，商品类聚合页对于属性的字体颜色可以设置红色等鲜艳颜色。
第二 各层次的指向符号建议使用“>”，这样便于用户识别易懂。
网站如何正确使用面包屑导航?
面包屑导航(BreadcrumbNavigation)这个概念来自童话故事"汉赛尔和格莱特"，当汉赛尔和格莱特穿过森林时，不小心迷路了，但是他们发现在沿途走过的地方都撒下了面包屑，让这些面包屑来帮助他们找到回家的路。所以，面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。
当网站的子页面分类较多的情况下，一般都会选择使用面包屑导航作为页面的辅助和补充，有效帮助用户在网站中快速找到返回的路径，尤其体现在电商网站上，运用最为广泛，用户可以在众多产品类型中确定自己的位置以及找到目标产品，在一定程度上提高了用户体验。
网站使用面包屑导航虽然有它的优势所在，但并不是所有的页面都适合使用，毕竟它不能在网站上占据主导地位，以免造成对用户的误导，那么，网站应如何正确使用面包屑导航呢?
首先，在设置面包屑导航的关键词是一定要统一，每一个主目录和子页关键词都要精简且唯一，存在辨别性，这样能让用户在浏览网站或者电商购物网站中购买商品时产生疑问，且对自己的当前位置一目了然。同时，所有的分类面包屑的关键词都不能存在有歧义的词现象，避免重复性。譬如淘宝网的面包屑导航，每一个分类都清晰明了。
其次，认识分类少则不使用面包屑的误区。有些网站认为子页内容分类少，就没必要使用面包屑，其实这是一种错误的观念，奇亿网络认为，页面中只要有两个以上都分类页面，都有必要使用，毕竟用户在点击层级页面时总会有返回上级页面的需要，且在没有记住每个页面相关内容时，很容易忘记上级页面内容是什么，因此每次要靠返回按钮进行操作的话会更加麻烦一些，使用面包屑导航则可对当前页定位，帮助用户回到各层级页面。
再者，则是做好主导航与面包屑导航之间的区分，主导航始终承载整个网站的主导地位，而面包屑导航则是起辅助作用，因此用户在辨识面包屑导航时应起到更加精准的作用，而不是重复主导航已经存在的栏目分类，又或者说用户在点击主导航时会犹豫面包屑导航对其产生的干扰，否则面包屑就是去了本该有得价值和意义。
最后，在设计面包屑导航时无论分类是否复杂，但都要尽可能的精简层级，对产品分类或者概括要综合言简，避免太多太细的分类让用户浏览时容易疲劳，当然，这样的面包屑也有利于网站优化，容易被搜索引擎抓取，同时对提高用户体验有一定的帮助。
面包屑导航对于每一个网站来说，并非必须品，但却是精品，最常见的是在电商网站中，有它的存在就像给用户装上了另一个指示灯，帮助用户在网站上找到浏览的轨迹并让他们的需求快速得到满足。但前提是使用面包屑一定要注意正确的方法。
什么是面包屑导航
面包屑导航（BreadcrumbNavigation）这个概念来自童话故事"汉赛尔和格莱特"，当汉赛尔和格莱特穿过森林时，不小心迷路了，但是他们发现在沿途走过的地方都撒下了面包屑，让这些面包屑来帮助他们找到回家的路，所以，面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。
面包屑导航对于你的站点来说虽然不是重要的组成部分，但是笔者认为面包屑导航是一种提高你的站点的友好体验的很好的方式。面包屑一词来源于著名的童话故事，故事中汉塞尔和格莱特在森林中迷路了，但是后来他们通过撒在路上的面包屑找到了出路。那么面包屑导航对你的站点来说有什么作用？
面包屑导航对于你的站点来说是一个次要的组成部分，一般出现在主导航的下面、标题栏或者页面的顶部。面包屑位置一定要容易让访客找到，因为搜索引擎只是指引访客到你的站点，面包屑导航可以帮助访客知道他们目前在哪里，并且可以带访客到更高级的页面。面包屑导航可以很好的提高你的站点的可用性、功能性、而且可以很好的显示出站点的层次结
构，访客无需进行过多的额外点击就可以到达其他页面。
在森林中为了防止迷路，有经验的人会用刀子或者是红绳在经过的路途每隔一定的距离做一个标记，用是防止迷路。
如果以上例子不明白可以去看一个童话故事：《汉赛尔和格格莱特》
用户访问一个较大型网站如果没有清晰的导航则有可能“迷路”，从而大大的降低了用户体验度。
网站优化时，不但要注意基本的细节，用户体验也是极其重要的。
用户体验不但跟pv直接挂钩，而且忠实用户的多少也处决与用户体验。
主分类→一级分类→二级分类→三级分类→……→最终内容页面？？这就是一条典型的面包屑导航。
但是一般来讲都是有3层结构组成：首页→栏目页→内容页
这也是最基本的三个结构？同时也是缺一不可的。
除了对你的访客有好处，对你的站点来说面包屑导航的作用也是显著的。据研究表明面包屑导航可以提高访客的停留时间，降低跳出率，提高网站的转换率等有益的结果。面包屑可以为突出你的关键字，可以通过面包屑导航的锚文本或者指向内页来使你的站点对搜索引擎更加的友好。同时面包屑导航可以增加内容的相关性，因为他们是关键词的集合。而对于排名，相关性又是一个重要的因素。现在我们知道了面包屑导航对于站点的作用，那么我们常见的面包屑导航有哪几种？笔者今天就在下文中简短的分享三种面包屑导航。
一：基于位置的面包屑导航
这种类型是最常见的。这种类型的面包屑导航可以很好的指出当前页面与整个站点的层次结构。这种面包屑导航可以显示当前页面的前一个页面或者目录的链接。可以使访客了解自己的位置，以及可以更快的找到自己想要到达的页面。可以很好的提高用户的友好体验。
二：基于属性的面包屑导航
这种面包屑导航最常出现在电子商务站点。这种面包屑导航可以很好的指出当前页面内产品的其他属性或者类别。对于一个产品来说，所具有的属性往往不只有一种，而通过这种面包屑导航可以给消费者一个更加直观的了解。下图就是一个销售汽车的电子商务网站，一辆SUV的汽车不仅属于2010出产的属性，还有其他诸如价格、颜色等属性。如果用上这种导航可以使访客更加容易的找到他们所想要的信息。
三：基于路径的面包屑导航
这种面包屑导航是最不常见到的。这种面包屑导航和上文所说的童话故事类型很想。他们可以显示访客在到达页面前所访问过的网页的链接。这种面包屑导航不是很受欢迎，因为他们的更能基本上是和前进和后退的按钮是一样的。 面包屑导航的作用
1、让用户了解目前所处位置，以及当前页面在整个网站中的位置。2、体现了网站的架构层级，能够帮助用户快速学习和了解网站内容和组织方式，从而形成很好的位置感。3、提供返回各个层级的快速入口，方便用户操作。4、Google已经将面包屑导航整合到搜索结果里面，因此优化面包屑导航每个层级的名称，多使用关键字，都可以实现SEO优化。面包屑路径，对于提高用户体验来说，是很有帮助的。
面包屑导航的适用条件
虽然目前很多网站都流行使用面包屑导航，但是并不是所有的网站都适用。符合下面两个条件的网站才适合使用面包屑导航。1、层级较深的网站，面包屑导航适合层级较深的网站，如果只有一级分类的话，通过主导航就可以起到快速定位的作用。比如“豆瓣网”类型扁平构架的网站就没有使用面包屑导航的作用。2、独立不交叉的网站机构，由于面包屑网站导航路径是线性结构的，因此网站内容必须划分的非常清晰，且不存在交叉；否则，面包屑导航的路径就不是唯一的，同一分类可能出现在不同的路径中，让用户感到困惑。
