什么是面包屑及其优点

它是一种线性的导航方式，是一种“历史记录”的应用方式，目的是帮助你追溯来路（在网页的应用中，“追溯来路”这件事浏览器已经很OK了）现在变成用来表达内容归属关系的界面元素。我们经常看到的“主分类>一级分类>二级分类>三级分类>……>最终内容页面”这样的方式。

但是一般正常的来讲目录结构由3层结构组成。分别是首页>栏目页>内容页。

合理的构建目录结构可以让用户随时随地的找到自己所在的位置又能保证栏目分类后的各个栏目的权重不至于太分散。

一般用户3次内无法找到想要的信息就会离开，所以3层目录结构也是浏览体验的需要。

目的：

1、让用户了解目前所处位置，以及当前页面在整个网站中的位置。

2、体现了网站的架构层级，能够帮助用户快速学习和了解网站内容和组织方式，从而形成很好的位置感。

3、提供返回各个层级的快速入口，方便用户操作。

4、Google已经将面包屑导航整合到搜索结果里面，因此优化面包屑导航每个层级的名称，多使用关键字，都可以实现SEO优化。面包屑路径，对于提高用户体验来说，是很有帮助的。

5、方便用户，面包屑主要用于为用户提供导航一个网站的次要方法，通过为一个大型多级网站的所有页面提供面包屑路径，用户可以更容易的定位到上一次目录，引导用户通行。

6、减少返回到上一级页面的点击或操作，不用使用浏览器的“返回”按钮或网站的主要导航来返回到上一级页面。

7、不用常常占用屏幕空间，因为它们通常是水平排列以及简单的样式，面包屑路径不会占用页面太多的空间。这样的好处是，从内容过载方面来说，他们几乎没有任何负面影响。

8、降低跳出率，面包屑路径会是一个诱惑首次访问者在进入一个页面后去浏览这个网站的非常好的方法。比如说，一个用户通过谷歌搜索到一个页面，然后看到一个面包屑路径，这将会诱使用户点击上一级页面去浏览感兴趣的相关主题。这样，从而，可以降低网站的总体跳出率。

9、有利用百度蜘蛛对网站的抓取，蜘蛛直接沿着那个链走就可以了，很方便。

10、面包屑有利于网站内链的建设，用面包屑大大增加了网站的内部连接，提高用户体验。

转载：http://wenwen.soso.com/z/q422039902.htm

：）补充：在知乎查到关于面包屑和导航的区别，具体：

准确来说
面包屑导航只是导航条中的其中一种不能把导航条叫做面包屑
比如知乎顶部右侧的 首页领域通知 就是个导航条他们不能叫面包屑
同样底部也有 知乎阅读 • 发现•知乎指南 • 建议反馈 • 知乎协议 这个页脚导航条也不是面包屑
面包屑导航一般要有一定的所属和包含关系能反映网站的结构和目录层次

转载：http://www.zhihu.com/question/20231400

什么是面包屑及其优点相关推荐

android 面包屑控件,重新认识控件（一）【面包屑导航】
最近的项目中,纠结了一下面包屑的使用.于是研究了一下这个"古老"的控件什么是面包屑导航网页上让用户感知,当前页面所在的层级位置,或者是产品的属性之间的关系的控件面包屑的一般样 ...
若依 vue前端动态设置路由path不同参数在页面容器里打开新页面（新路由），面包屑和标签页标题根据参数动态改变，面包屑多级标题，侧边栏对应菜单亮起
前言因为是在vue源码的基础上进行修改,所以,就没有复制代码在文章上,采取的是截图对比源码和我修改的代码片段.要麻烦你们自己手敲了. 先来看看效果: 场景:在费用配置列表中,点击每一项的配置,都会在 ...
（翻译）面包屑导航的使用时机
如果迷路了,首先想知道的是当前所在位置,以估算到目的地的距离,这就是购物中心提供带"你在这里"指示物的寻路地图的原因. 浏览网站时,用户也想知道当前所在位置,以计算后续操作 ...
如何实现带动画的动态面包屑，来看看？
大家好,我是派大星,最近在自己手动搭建一个后台管理平台,将其命名为 "雷达行动 Radar-Solution" ,在开发的过程中对比了一下其他已经成型的后台解决方案,发现都存在一个 ...
爱上MVC3系列~开发一个站点地图(俗称面包屑)
回到目录原来早在webform控件时代就有了SiteMap这个东西,而进行MVC时代后,我们也希望有这样一个东西,它为我们提供了不少方便,如很方便的实现页面导航的内容修改,页面导航的样式换肤等. 我 ...
改变路径但是不让它跳转_Vue实战047：Breadcrumb面包屑实现导航路径
前言在网站中我们经常看到有个导航路径,可以直观地显示当前页面的路径,并快速返回之前的任意页面.这是一个非常实用的功能,也是在Web前端必备的导航UI之一.今天我们借助el-breadcrumb来快速 ...
浅析面包屑导航对网站SEO优化有哪些作用？
众所周知,每个优化人员都知道面包屑导航对于网站来说是不可或缺的一部分,面包屑导航就是像面包一样一层一层的导航结构.能够更好的帮助用户在栏目页可以返回网站首页或者点击进入下一层内容页面,提升用户体验好感 ...
035_Breadcrumb面包屑
1. Breadcrumb面包屑 1.1. Breadcrumb面包屑显示当前页面的路径, 快速返回之前的任意页面. 1.2. Breadcrumb Attributes 参数说明类型默认值 s ...
Php数组面包屑导航,PHP 导航提示（面包屑型轨迹）
导航提示(面包屑型轨迹)为Web用户提供了方便.直观的导航帮助,将用户的当前位置分解为一个超链接路径提供当前文档中网站中相对位置的总揽.总体来说,更加优于浏览器本身提供的导航工具,而且能够补充甚至替代 ...

什么是面包屑及其优点

什么是面包屑及其优点相关推荐

最新文章

热门文章