面包屑是作为辅助和补充的导航方式,它能让用户知道在网站或应用中所处的位置并能方便地回到原先的地点。 最常见的面包屑的样式是:横向的文字链接,由大于号“>”分开,这个符号也暗示了它们的层级关系。
下面给大家介绍一下网站设计之面包屑导航设计技巧:
1. 不要用面包屑代替导航页签
网站导航和面包屑导航也许看起来有些相似,但是功能与使用场景完全不同,不应该以简化页面为目的只保留其中一个。
2.面包屑的大小
面包屑是一种辅助导航,在页面中不应该起支配作用。面包屑和主导航相比至少要比较小、或不太突出。在确定面包屑大小的时候,一个较很好的方法是,当访问这个页面的时候,它不应该是页面中最醒目的元素。如果第一眼就注意到了面包屑,可能就需要再弱化一点。
3. 面包屑应该用来展示系统层级
如果用户是从首页层层深入,系统层级与历史记录是没有区别的,但是如果用户从外部链接进入,这两个差别就大了。为了给用户提供真正有用的信息,面包屑展示的不应该是历史记录,而应该是系统层级。
4.每个页面只要有一个面包屑导航,唯一性
这就是减少面包屑导航重复性,设置出现在以后网站优化中关键词竞争,而且面包屑导航也需要清晰和明了,例如,这种形式的面包屑导航。
5. 面包屑中最后一项(当前页)不需要链接到自身
面包屑的每一项都要放链接的,除了最后一项,因为放一个指向当前页的链接不但没有必要,还会让用户怀疑最后一项到底和当前页是不是同一页。
6.减少返回到上一级页面的点击或操作
不用使用浏览器的“返回”按钮或网站的主要导航来返回到上一级页面 ,用户现在可以使用用更少点击数的面包屑来。
7.面包屑中添加关键字
面包屑对于网站的SEO有着很大的影响作用,因此把握关键字的设置也许能为网站带来更多的流量。
8.面包屑的第一项应该链接首页
面包屑的第一项如果不是首页,用户可能会有疑问这个面包屑不可信或者该网站根本没有首页。
总结:面包屑导航设计看起来简单,但是在网站友好度上和SEO上起着非常大的作用,面包屑导航是网站中最重要的模块。