由于面包屑导航其结构清晰,当用户在浏览某一个页面时,看到面包屑导航能够很清楚的知道自己所在的位置,同时很方便的返回上一级目录来点击进入下一级目录。大大的提高了用户的阅读体验,让用户浏览网站是更清晰,浏览效率更高。
1、让用户了解当前所处位置,以及当前页面在整个网站中的位置。
举一个例子
1)当栏目只有一级栏目的时候,我们的当前位置可以这样写:首页》系统软件》生活闹钟。其中生活闹钟是系统软件栏目下面的一篇文章,当我们浏览这篇文章的时候,面包屑导航就是上面的样子。因为目前我们所在的是文章页面,也就是位于item_display网站中,那么在网站中可以直接使用栏目、栏目地址和文章题目的变量。
2)当一级栏目下面又有很多个栏目时,那么第一种方式显然已经不能够正确的显示出我们的当前位置了,那么我们就要另谋途径了,接下来的这个方法就是面包屑导航,在面包屑导航中,我们应使用getcategories函数以及其相关的参数childcategory。
下面我们以示例进行讲解。
在文章页面我们可能会看到这样的面包屑导航: 首页 → 系统软件 → 系统工具 → 生活闹钟 。其中系统软件是一级栏目,系统工具是系统软件的子栏目,也可以叫做二级目,生活闹钟是位于系统工具中的一篇文章。在文章页面可以使用的与栏目相关的变量有:categoryname,然而它只能获取文章所属栏目的名称,却不能获取其爷爷级元素,那么第一种写面包屑导航(当前位置)的办法就失效了。在这个例子中,$category这个变量是文章所属栏目的id,那么通过赋值给childcategory,系统自动帮我们分析出了它的父级栏目和子栏目,父栏目可以追溯到根栏目,子栏目可以延伸到文章当前所属的栏目。
2、体现了网站的架构层级,能够帮助用户快速学习和了解网站内容和组织方式,从而形成很好的位置感。
在很多大厦或是大型超市的入口处一般都会树立路牌之类的标识来为用户指明方向,而进入到内部后则会有另外更详细的导航指示。这两者之间的关系就像是网站的主导航与面包屑导航一样,前者为用户做一个大概的结构介绍,而后者则是在大架构之后的细节延伸。
3、提供返回各个层级的快速入口,方便用户操作。
面包屑导航可以很清晰的标明用户当前所处的位置以及可供返回的链接,这在很大程度上解决了用户在网站里迷失的问题。用户从庞杂的入口到最终的目的地,面包屑导航是按一种递减的结构来呈现的。
4、Google已经将面包屑导航整合到搜索结果里面,因此优化面包屑导航每个层级的名称,多使用关键字,都可以实现SEO优化。面包屑路径,对于提高用户体验来说,是很有帮助的。
大型网站,特别是那种页面按照层级结构组织的网站比较适合使用面包屑路径。一个最好的例子就是商务网站,拥有大量的商品分门别类的存放着。
在那种没有逻辑的层级关系或者分组的单级网站上不适合使用面包屑路径。一个决定是否使用面包屑路径的很好的办法是规划一个站点地图或者表示网站导航结构的图表,然后再来决定面包屑路径是否能够改善用户在栏目内和不同栏目间的导航体验。
面包屑路径往往是一个网站的额外的特点,他不应该取代菜单导航,而且往往应该作为菜单导航的一种辅助和补充。它是一种次级的、很舒服的特性,帮助用户确定自己的位置,并且作为菜单导航的一个有效补充。
面包屑路径的类型:
面包屑路径主要有三种形式。
基于位置的面包屑:
位置面包屑是静态的,显示了当前页面在网站中所处的等级。链接中的每一项都能够导向一个更高一级的页面,这种形势特别适合有很多级别的网站(大于2级);
基于属性的面包屑:
属性面包屑给出了当前页面所属类别的信息,下图的面包屑更接近与一个混合形式的面包屑,路径中包含了对结果的筛选条件描述;
路径:路径形式的面包屑是动态的路径,经常用来指引用户进行某种操作,比如“注册”流程,他动态的显示用户完成注册所需要的过程;
使用面包屑路径的好处
方便用户:面包屑路径的目的就是为用户提供一种辅助的导航方式,在具有多层级的网站上浏览时,面包屑路径可以帮助用户更容易的找到想要的位置;
减少返回高级别页面的点击次数:用户不需要通过多次点击“返回”来到自己之前的位置,而只需要在面包屑路径上点击一次;
不会占用过多的空间(hog screen space):面包屑路径多数采用普通的水平排布的文字链接,所以不会占用过多的页面空间,恰当的运用,能够带来足够的好处。
减少跳出率(bounce rates):面包屑路径能够诱初次访问页面的用户在完成初始页的浏览后浏览其他页面。例如,通过搜索引擎来到的用户,看完文章后,很容易点击上一级页面的导航来了解更多的相关内容,这样就减少了站点整体的跳出率。
使用中的错误
在不必要的地方使用:一些导航就会让用户感到迷惑,太多的导航了而且排布的非常集中,有点重复;
用面包屑路径作为主导航:面包屑路径只是一种导航的辅助手段,任何时候都不应该取代导航菜单。上图中就是一个例子,由于只使用了面包屑路径,当用户想跳转到站点的其他栏目时,很难容易的到达。
当页面含有多重栏目时,使用面包屑路径:面包屑路径具有线性的结构,如果你的页面不能够很清楚的分类,那就很难用面包屑路径来表示,这其实是在网站设计初期,要为站点制定明确的组织结构。
在设计中应该考虑的问题
使用什么符号来分隔?最常用的分隔符是大于号(>),表示“父目录 > 子目录”,其他的符号还包括:箭头、右引号(>>)、斜线(/)。
应该设计成多大?
面包屑路径只是一个辅助的导航工具,所以谁都不希望他占据巨大的页面空间,他应该尽量的小,但是要能够方便访问,向用户传达出这种辅助的设计意图。一个原则就是,用户浏览页面时,不能第一眼就被面包屑路径所吸引。
应该放在什么地方?面包屑路径通常放置在页面的中上部,如果是水平导航,一般放在主菜单的下边。
5、方便用户,面包屑主要用于为用户提供导航一个网站的次要方法,通过为一个大型多级网站的所有页面提供面包屑路径,用户可以更容易的定位到上一次目录,引导用户通行;
6、减少返回到上一级页面的点击或操作,不用使用浏览器的“返回”按钮或网站的主要导航来返回到上一级页面;
7、不用常常占用屏幕空间,因为它们通常是水平排列以及简单的样式,面包屑路径不会占用页面太多的空间。这样的好处是,从内容过载方面来说,他们几乎没有任何负面影响;
8、降低跳出率,面包屑路径会是一个诱惑首次访问者在进入一个页面后去浏览这个网站的非常好的方法。比如说,一个用户通过谷歌搜索到一个页面,然后看到一个面包屑路径,这将会诱使用户点击上一级页面去浏览感兴趣的相关主题。这样,从而,可以降低网站的总体跳出率。
9、有利于百度蜘蛛对网站的抓取,蜘蛛直接沿着那个链走就可以了,很方便。
10、面包屑有利于网站内链的建设,用面包屑大大增加了网站的内部连接,提高用户体验。
百度判断网页的层级关系,主要依赖于面包屑导航,从这句话可以看出面包屑导航的重要性,而它存在也是有一定的价值和意义。
以上就是面包屑导航的作用了,更多精彩内容请关注海淘科技,提供SE0整站优化,上海SE0网站优化,SE0网络口碑营销,营销型网站建设,国内真正白帽SE0操作手法,选择有效关键字优化,您的SE0优化排名服务商!