我们在网页设计的过程中,经常会用到面包屑导航这种设计方法,它是网页导航框架的一种辅助方式。
面包屑导航这个概念源于一个童话故事“汉赛尔”和“格莱特”兄妹俩,当他们被带到森林中时想到通过沿途撒下面包屑来帮助他们能够找到回家的路。所以,面包屑导航意在告知用户所处的当前网页的位置,方便用户可以通过该导航快速返回上一级网页。
一、面包屑导航概括
面包屑导航一般有三种类型:基于位置、基于属性、基于路径。
- 基于位置
这种面包屑导航是最常见的一种,它可以很好地指出当前页面与整个网站的层次结构,可以让用户了解自己所在的位置,以及更快的找到自己想要到达的页面,基于位置的面包屑导航通常用在具有多级导航的网站中。

- 基于属性
基于属性的面包屑导航可以很清楚地将页面的特定属性列出来

这种属性的面包屑常出现在具有大量类别的产品或服务的网站中,比如我们常见的电子商务网站、网络教学类的网站等,可以更清晰让消费者清晰的了解商品的属性,并从不同属性来对搜索结果进行筛选。
- 基于路径
这种面包屑导航是最不常见到的。这种面包屑导航和上文所说的童话故事类型很像。他们可以显示访客在到达页面前所访问过的网页的链接。这种面包屑导航不是很受欢迎,因为他们的功能基本上是和前进和后退的按钮是一样的。
二、面包屑导航的作用
- 让用户了解当前所处的位置,以及页面在整个网站中的位置
- 提供返回各个层级的快速入口,提高用户体验
- 有利于网站内链建设,提高搜索排名。
- 降低跳出率,当用户看到面包屑导航,很有可能点击上一级去浏览感兴趣的话题,提高整个网站的点击率。
- 有利于搜索引擎对网站的抓取,可以引导爬虫爬行,进行权重传递,提高关键词排名。
三、如何针对SEO来优化面包屑导航
- 区别于主导航,当主导航包含首页时,你可以在面包屑导航利用nofollw屏蔽
- 避免面包屑导航跳级,而是按照实际目录层级展示
- 包含特定关键词,如果遇到较长的关键词,可以利用title标签代替。
- 对于包含核心关键词的面包屑导航,给予一定反向链接支持。
- 保证面包屑导航路径中最后一个链接使文字,否则容易造成死循环。
总之,做SEO要注意各个细节,面包屑导航也是不可忽视的一个部分。
以上建议,仅供参考。