网站面包屑导航是网站建设中非常重要的技术,可以让用户随时知道自己在网站的哪个位置。优秀的面包屑导航设计不仅对搜索引擎友好,同时对用户也有非常好的使用体验。但是设计面包屑导航时还需要注意一些细节,一起来看看有哪些注意事项吧。
1、分隔符的使用
面包屑导航分隔符一般使用“>”,例如:“首页>网页知识”,但是分隔符没有硬性要求,还可以使用“//”“》”等,虽然分隔符的使用没有强制规定使用哪个符号,但是不建议使用那些不常见的符号。
2、别把当前链接加到面包屑中
面包屑的最后一个层级是当前层级的页面,而者一项在面包屑中是不应该加上链接的,它只是起到展示定位的作用,添加链接是没有意义的。
3、合适的尺寸和间距
在设计面包屑导航时,要考虑尺寸和间距。首先面包屑导航尺寸不宜太大,不能超过主导航。另外还要注意层级之间的间距,不能太密也不能太疏,方便、快捷最重要。
4、不要用花哨的字体和醒目的色彩
面包屑是一个辅助导航不是主导航,它不适宜使用花哨的字体和醒目的色彩,它不应该成为用户浏览的视觉焦点。
5、不能替代主导航
面包屑只是一个辅助的导航系统是无法替代主要导航系统的,它的存在是用于抵达其他层级的快速定位链接系统,是协助用户方便选择的次要选项。
设计面包屑导航的作用是为了让访客更方便的浏览网站,所以别太复杂化。像移动端由于屏幕尺寸本来就很小,就没必要设置面包屑导航了。