面包屑导航是什么意思
面包屑就是我们经常看到的“主分类>一级分类>二级分类>三级分类>……>最终内容页面”这样的方式,一种表达内容归属的界面元素,如下图所示:
1. 面包屑来源
童话故事“汉赛尔和格莱特”,汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。对于使用网站的用户来说,什么是家?而他们为什么需要面包屑的帮助回家?
家=首页?不是,如果首页是家,那可以做个返回首页的功能,为什么需要面包屑呢?
家=返回上一层级?不是,如果返回上一级是家,直接用浏览器的返回键就可以,面包屑的层级关系有什么作用呢?
那到底什么是家?可以观察下笔者逛网站的记录:
因为最近想买一个鞋柜,所以打开了“京东”网站,在搜索框中输入鞋柜后,便开始进行浏览,看到喜欢的鞋柜便进入详情页面进行查看。
如果发现不是自己想要的鞋柜,就会再次返回到鞋柜页面,继续浏览。无论是从搜索进入详情页,还是从首页-家具-鞋柜进入详情页。面包屑的记录路径均显示为:家具>客厅家具>鞋柜>某品牌>鞋柜名称。
用户想要回到的位置,才能被称之为家。这个位置不是用户第一次访问,而是再次访问,所以被称之为“回家”;
用户之所以回家,是在当前位置没有找到自己需要的信息,需要通过快速回家的方式,重新出发;
从面包屑的路径记录来看,用户在网站上到达深层信息页面的路径是唯一的,可以帮助用户定位自己的位置,并且返回各个层级。
因此,面包屑针对的场景是用户想要返回使用路径上的任意一个节点。
百度百科对于路径的解释是:路径(path)在不同的领域有不同的含义。在网络中,路径指的是从起点到终点的全程路由;在日常生活中指的是道路。
依据这个解释,用户在网站上的使用路径,就是用户在网站上走过的道路或者留下的痕迹。
当用户在当前的道路上没有找到自己需要的信息时,便会返回返回返回使用路径上的任意一个节点继续寻找。用户在系统中迷失方向,会对系统造成很多负面影响。
如:用户体验下降,任务不能完成,用户流失等,在现在各种网站多样的情况下,如果用户得到一次不好的体验,他们将不会回来。
如果在竞争对手那儿的感觉更好,那么他们下次将访问竞争对手的网站。所以,为了留住用户,为了能让用户多次使用系统,甚至是让用户在系统中停留的时间更久一些,我们都需要解决这个问题。
提供一个优质的用户体验,是一个重要的、可持续性的竞争优势,用户体验形成了用户对网站的整体印象,界定了我们和竞争对手的差异,并且确定了用户是否会再次光顾。
面包屑导航seo运用
面包屑是用户寻找路径最为主要的组件,可以让用户了解到当前页面在整个网站结构所处的位置,为用户提供很多的便利,作用是告诉访问者他们目前在网站中的位置以及如何返回。
1、路径型:路径型面包屑是一个动态显示用户到达页面经过的途径;
2、位置型:位置型面包屑是固定的,显示了页面在网站结构中的位置;
3、属性型:属性型面包屑给出的当前页面的分类信息。
面包屑导航一般都在导航的下面,形式一般为 首页 > 一级目录名称 > 二级目录名称 > 目前位置,尽量要把面包屑导航的层次控制在四层以内,这样也有利与搜索引擎蜘蛛一层层往下爬,到了四层以下就很难爬到了。
1、控制层级
由于面包屑导航对网站优化起到非常关键的作用,所以在设计的过程中一定要谨慎对待,不只要考虑到用户体验的问题,于此同时还需要考虑到搜索引擎的抓取,尽可能的将面包屑导航控制在4个层级之内,因为过多的层级会导致网站面包屑导航拖沓且繁琐。
2、做到精细化
面包屑到导航的作用就是提示用户,既然是提示,提示信息越精细越好,如:淘宝的导航,用户可以非常清楚的看到网站层次页面的分类及所对应产品品牌信息,以及详细的商品中都属于哪家公司品牌,这样很容易让用户挑选,给用更多的选择权。
3、避免在移动端使用面包屑
若你觉得自己移动端页面要使用面包屑导航的话,那么也就意味着你的移动网页设计出了问题,可能是由于网站太复杂,这样也就不符合移动端的使用场景。想解决这个问题,你需要尝试简化整个体系,确保面包屑不会出现在手机上。
4、使用分割符
在面包屑中,用来分隔不同层级最常见的是大于符号(>),常见的使用方法是“父类别 > 子类别”。当然,分割符号的使用并不拘泥这一种,还有的网站会使用箭头(→)、书名号、斜杠(//)等,只不过分隔符号的使用通常取决于网站整体分隔和设计师的喜好。
5、最后一览不需要链接到自身
面包屑中除了最后一项,剩下的每一项都要放连接,因为放一个指向当前页的链接不仅没有任何的作用,还会让用户怀疑最后一项于当前页是不是同一个页面。
6、面包屑的第一项应该链接首页
面包屑的第一项一定要链接到首页,因为若面包屑的第一项不是首页的话,用户可能会疑问这个面包屑不可信或该网站根本就没有首