400-9986-936

NEWS CENTER

新闻中心

网站的面包屑导航设计


华企立方   -  2020-8-17 17:52:58  -  阅读数:

在生活当中我们去到陌生的地方都害怕迷路,但是有路牌存在的话就可以帮助我们在陌生的地方也能找清楚方向,通过路牌找到我们的目的地。或者至少知道我们在什么位置。网站中的面包屑导航就是为了这样的需求而设计的,面包屑导航可以帮助用户在陌生的网站访问也能找清楚自己的方向。可以降低网站的跳出率增加访客浏览页面数量。

什么是面包屑导航?


面包屑导航(BreadcrumbNavigation)这个概念来自童话故事“汉赛尔和格莱特”,当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。所以,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。


面包屑导航设计



面包屑导航是有着不少的作用,但不是所有网站都要用面包屑导航,有些页面比较少的网站或者单页网站就不太需要面包屑导航。而一些拥有大量内容结构比较复杂的网站,面包屑导航就能发挥它的作用了。


为什么网站要设置面包屑导航


面包屑导航是网站的一个辅助设计,它可以告知用户现在所处的位置,同时可以向用户表明网站的层级结构。使得用户可以通过面包屑导航清楚的知道目前页面所处的位置,以及方便他们继续浏览其他位置的页面。提升用户体验。

除了为用户浏览网站提供便利之外,面包屑导航也有助于搜索引擎优化。搜索引擎通过面包屑导航可以快速的爬取网站的内容。面包屑导航的层级关系也能很好的给相关页面进行权重传递。

面包屑导航的结构

一、基于位置的面包屑导航
这种类型是最常见的。这种类型的面包屑导航可以很好的指出当前页面与整个站点的层次结构。这种面包屑导航可以显示当前页面的前一个页面或者目录的链接。可以使访客了解自己的位置,以及可以更快的找到自己想要到达的页面。可以很好的提高用户的友好体验。
二、基于属性的面包屑导航
这种面包屑导航最常出现在电子商务站点。这种面包屑导航可以很好的指出当前页面内产品的其他属性或者类别。对于一个产品来说,所具有的属性往往不只有一种,而通过这种面包屑导航可以给消费者一个更加直观的了解。
三、基于路径的面包屑导航
这种面包屑导航是最不常见到的。这种面包屑导航和上文所说的童话故事类型很像。他们可以显示访客在到达页面前所访问过的网页的链接。这种面包屑导航不是很受欢迎,因为他们的功能基本上是和前进和后退的按钮是一样的。