推荐阅读

运营熊

五分钟教你认识面包屑。

时间：2016-08-25 | 分类：搜索引擎

浏览：21851

面包屑是一种常见的导航工具，通常出现在网页内容的上方。面包屑小巧，简单，有时候甚至很难引起人们的注意，但就是这么一个简单的小东西，却有十分重要的作用。今天我们就教大家来认识面包屑。

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

面包屑的作用

● 作为一种辅助导航工具，面包屑为用户呈现出网页的结构层次，让用户知道自己目前所处的位置以及自己还能到哪里去。

● 面包屑鼓励用户浏览更多的内容，提升了整个网站的可访问性，降低网站的跳出率。

● 利于搜索引擎蜘蛛对网站的抓取，实现网页SEO优化。

面包屑的类型

● 基于位置的面包屑：基于位置的面包屑能很好的反映网站的结构特征，能将网站的层级结构展现在访客面前，对于通过外部链接或搜索引擎进入页面的游客具有清晰的指引性作用。

● 基于路径的面包屑：基于路径的面包屑即历史足迹，它所反映的不是网站的结构特征，而是游客的完整访问路径。此类面包屑动态生成，帮助游客记录浏览的历史足迹。

● 基于属性的面包屑：基于属性的面包屑常见于电子商务类网站。产品根据类别和属性的不同而归于不同的目录之中，基于属性的面包屑使用户更容易理解产品和产品之间的关系。

什么时候使用面包屑

是否使用面包屑主要取决于网站结构，当网站拥有清晰，明确的多层结构时，应当使用面包屑；当网站不具备逻辑清晰的层次结构时，就不建议使用面包屑。

如何使用面包屑

● 不要使用面包屑来替换网站主要导航系统

● 不要将当前页面链接添加到面包屑中

● 使用分隔符区分不同层级

● 选择合适的尺寸和间距

● 不要让他成为视觉焦点

● 不要在移动端页面使用面包屑

面包屑可以让用户快速了解自己所处网站的位置，方便用户进一步了解网站其他页面的内容，体现了网站的架构层级，能够帮助用户快速学习和了解网站内容和组织方式，小小的面包屑看似并不起眼，但却承担了如此重要的作用。

课外学堂：如何优化着陆页​