网站面包屑导航的设计技巧
2018年02月12日
阅读量:
面包屑导航这个概念来自童话故事"汉赛尔和格莱特",当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。所以,面包屑导航的作用是告诉网站的访问者在网站中的位置以及如何返回。下面青岛网站建设奇迹mu私服分享一些网站面包屑导航设计技巧:
一、可以很好的控制网站的层级
面包屑导航是符合用户体验的设计,所以非常有利于提高网站一些关键词的排名,利于网站的优化效果。因此在做网站面包屑导航设计时不仅仅考虑到用户体验的问题,还需要考虑到搜索引擎的抓取。建议将面包屑导航控制在4个层级之内,因为过多的层级会导致网站面包屑导航拖沓且繁琐。
二、做到精细化
面包屑到导航的作用就是提示用户,既然是提示,提示信息越精细越好,如:京东的导航,用户可以非常清楚的看到网站层次页面的分类及所对应产品品牌信息,以及详细的商品中都属于哪家公司品牌,这样很容易让用户挑选,给用更多的选择权。
三、避免在移动端使用面包屑
若你觉得自己移动端页面要使用面包屑导航的话,那么也就意味着移动网页设计出了问题,可能是由于网站太复杂,这样也就不符合移动端的使用场景。想解决这个问题,你需要尝试简化整个体系,确保面包屑不会出现在手机上。
四、使用分割符
在面包屑中,用来分隔不同层级最常见的是大于符号(>),常见的使用方法是“父类别 > 子类别”。当然,分割符号的使用并不拘泥这一种,还有的网站会使用箭头(→)、书名号、斜杠(//)等,只不过分隔符号的使用通常取决于网站整体分隔和设计师的喜好。
五、最后一项不需要链接到自身
面包屑中除了最后一项,剩下的每一项都要放连接,因为放一个指向当前页的链接不仅没有任何的作用,还会让用户怀疑最后一项于当前页是不是同一个页面。
六、面包屑的第一项应该链接首页
面包屑的第一项一定要链接到首页,因为若面包屑的第一项不是首页的话,用户可能会疑问这个面包屑不可信或该网站根本就没有首页。这样也有利于用户快速的找到网站的首页。
七、导航统一性和关键词避免重复
文章均为奇迹mu私服专注网站建设,青岛网站建设的青岛网站建设公司原创,转载请注明来自
http://www.dasouit.com/faq/314.html