个人工具
名字空间
变换
操作

面包屑导航

来自站长百科
跳转到: 导航, 搜索
面包屑导航

说起面包屑导航,不知你是否听过这样的一个童话故事,讲的是在西方,有两个小孩Hansel和Gretel,它们的继母对它们不好,并说服他们的父亲在收成不好的时候把他们丢到森林里,这样的话,其他人不必挨饿,为了找到回家的路,当汉泽尔和格雷特尔穿过森林时,他们在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。

面包屑导航(BreadcrumbNavigation)这个概念来就是来源于这个童话故事,它的作用是告诉访问者他们目前在网站中的位置以及如何返回,面包屑导航的意义在于明确告知用户目前处于网站的何种位置,方便用户通过该导航快速达到上级页面。从用户体验角度讲,这种导航的设计是建议在当前窗口打开的。

在早期,面包屑只会在那些拥有庞大数据库并且有复杂层次结构的网站才看的到。但现在,它们出现在越来越多的网站中,有时也会出现在精心设计的导航系统中。对于绝大多数网站来说,只有面包屑这一种导航机制并不够,但它们用来补充网站的主导航是最有价值的,特别是对于那些层次复杂的大型网站,或者需要绑定一堆子网站的时候更加有用。

目录

面包屑导航与主导航

很多新人都喜欢问这样的问题?我不是有导航了吗?为什么还要加个面包屑导航?面包屑导航是做什么的?

既然你提出了这样的问题,那么,首先,我们应该了解什么是导航。导航的意思是在航行的过程中指引或导向的,其实我们上网者就相当于在信息的海洋里面航行,没有这些导航,我们就很容易失去方向。我们通常说的导航都是只主导航,其实还有辅导航,左导航,右导航和底部导航。

主导航又是什么呢?主导航一般为网站最醒目的导航,正常的网站在头部就能够找到。我们可以用该导航在每个不同的栏目切换,且每个页面都能够找到该导航。可以说该导航在网站的发展史上起着不可或缺的地位。但是主导航对于内容比较多的网站来说却办不到一件事,那就是不知道该文章是在哪个拓扑结构图下面的(即不知道该页面站在网站的什么地方),面包屑导航的意义在于明确告知用户目前处于网站的何种位置,方面用户通过该导航快速达到上级页面,这种导航的设计是应该在当前窗口打开的。

面包屑导航应该列出用户所处页面的所有上级网页(逻辑结构)的名称及链接,注意:这里是文字链接,如果你的频道名称、分类名称、子分类名称设计的足够好的话,你会发现内页是通过以关键词为锚文本的链接指向上级页面,再假如有成千上万个内容页的话,是不是会有成千上万个页面以关键词锚文本指向分类页或频道页呢!

内容页中的面包屑导航是否应该列出文章标题?是否应该给文章标题加当页的URL链接?最好不要加URL,但上级页的URL是必须加的。

如何体现整站架构

在很多大厦或是大型超市的入口处一般都会树立路牌之类的标识来为用户指明方向,而进入到内部后则会有另外更详细的导航指示。这两者之间的关系就像是网站的主导航与面包屑导航一样,前者为用户做一个大概的结构介绍,而后者则是在大架构之后的细节延伸。

面包屑导航可以很清晰的标明用户当前所处的位置以及可供返回的链接,这在很大程度上解决了用户在网站里迷失的问题。用户从庞杂的入口到最终的目的地,面包屑导航是按一种递减的结构来呈现的。然而这种递减的结构的最上级应不应该包括“首页”这个最大最杂的入口呢?如果面包屑导航里没有“首页”的链接,那这算不算是完整的导航结构呢?

国内四大门户网站里,关于面包屑导航设计里,网易跟腾讯是有“首页”链接的,而新浪跟搜狐则是没有“首页”与链接的:

在包括“首页”链接的导航结构里又分为两种,其一是如网易般的在“首页”之前还有当前频道首页的链接,这点与新浪以及搜狐的设计是一样的;另一种则是如腾讯般的最上级直接就是“首页”。

如网易这般的面包屑导航设计可以突显出当前频道,但同时也存在另一个问题,那就是在同一个导航中出现了两个相同的链接,提供了更多入口的同时也让更容易让用户迷惑。

而在面包屑导航里不包括“首页”的设计则给人感觉怪异,就如同从一栋大厦门口进去到某个楼层的某个房间,结果出房间的时候发现指示牌里没有大厦门口的指示位置,只是指示到这一楼层的门口。

这样的设计不得不让人联想到,这是一种各自为政的作法,最大可能的把用户留在当前频道里,而不管用什么方法。一个完整的面包屑导航应该是从最初的入口开始,也许很多用户的最初入口直接就是某个频道首页,但不可否认,面包屑导航的递减架构的最上级应该是如金字塔的最底层一样,而国内网站们的首页设计就如金字塔的最底层一样,信息庞大而复杂,网站首页是整站中聚集度最高的地方。

面包屑导航如何进行优化

  1. 面包屑导航一般都在导航的下面,形式一般为 首页 > 一级目录名称 > 二级目录名称 > 目前位置,尽量要把面包屑导航的层次控制在四层以内,这样也有利与搜索引擎蜘蛛一层层往下爬,到了四层以下就很难爬到了。
  2. 对于一个网站来说,内部链接的结构搭建非常重要。像金字塔一样,第一层的众多页面应该集体支持它们的上一级。所以面包屑导航应该显示网站的层次,而不是浏览历史。除了层次以外,面包屑导航还可能显示的是属性标签。
  3. 面包屑导航的链接和别的一样,要使用文字,不要使用图片或JS
  4. 面包屑中尽量出现关键字,可以把“首页”这一类词换成网站名称,要注重细节。

面包屑导航在SEO中虽然不是最主要的,但也有它的作用,做SEO就是做细节,谁抓住了细节,也就抓住了排名。

网站的导航结构极之重要。应保证使用者能够通过主站点导航到达网站的每个主要页面,而次要一些的页面又可以通过访问这些主要的页面来进入,并提供返回上层页面功能。但没必把在每个页面上都放上网站的每个链接。这些规则虽则简单,但却不仅能为网站的实际访问者,同时还会为搜索引擎提供更好的体验。

相关内容

留言