技术资讯
什么是面包屑导航?
2011-11-27 22:47:04
在网页的应用中,“追溯来路”这件事浏览器已经做得足够好了,所以“面包屑”慢慢地就变成用来表达内容归属关系的界面元素,也就是我们经常看到的“主分类>一级分类>二级分类>三级分类>……>最终内容页面”这样的方式。但是一般正常的来讲目录结构由3层结构组成。分别是首页>栏目页>内容页。合理的构建目录结构可以让用户随时随地的找到自己所在的位置又能保证栏目分类后的各个栏目的权重不至于太分散。同时在许多关于网站用户使用体验的调查报告中也得出超过3次点击访客还没有找到需要的信息,访客就很大的可能性会离开网站。所以,3层目录结构也是浏览体验的需要。
作用
1、让用户了解目前所处位置,以及当前页面在整个网站中的位置。
2、体现了网站的架构层级,能够帮助用户快速学习和了解网站内容和组织方式,从而形成很好的位置感。
3、提供返回各个层级的快速入口,方便用户操作。
4、Google已经将面包屑导航整合到搜索结果里面,因此优化面包屑导航每个层级的名称,多使用关键字,都可以实现SEO优化。
适用条件
虽然目前很多网站都流行使用面包屑导航,但是并不是所有的网站都适用。符合下面两个条件的网站才适合使用面包屑导航。
1、层级较深的网站,面包屑导航适合层级较深的网站,如果只有一级分类的话,通过主导航就可以起到快速定位的作用。比如“豆瓣网”类型扁平构架的网站就没有使用面包屑导航的作用。
2、独立不交叉的网站机构,由于面包屑网站导航路径是线性结构的,因此网站内容必须划分的非常清晰,且不存在交叉;否则,面包屑导航的路径就不是唯一的,同一分类可能出现在不同的路径中,让用户感到困惑。
示范
基于位置(Location-based)的面包屑向用户显示他们在网站的哪一个级别页面。它们一般典型的用于有多个级别(一般是多于两级)的导航方案。在下面的例子中(来自于SitePoint),每一个页面的文本链接表示它比它右边的文本链接高一级。 A 表明当前在网站内的位置。 B 提供指向先前访问过的页面(或网站)和其他区域的捷径。 本质上,它是网站结构的线性表示。Web上的定位面包屑路径所展示的不是导航的历史,而是在整个网站中某个固定的位置。就是说,不管用户是如何到达location 页面,面包屑路径都是一样的。
近期更新
- [2022-04-14 11:01:47] 肆量文化配套网站服务支持
- [2021-05-18 10:14:11] 网站建设的流程
- [2021-04-29 10:14:38] 企业定制化官网建设项目
- [2021-03-05 10:34:45] 移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 微信小程序有哪些优势?为什么要开发微信小程序?
- [2021-01-08 17:28:04] 网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 建设一个常规的公司网站建设成本大概是多少?
- [2020-10-28 11:21:27] 关于网站建设的一些看法
- [2020-10-13 11:09:42] 网站建设不用怕,这些小技巧来帮你
- [2020-07-22 09:43:21] 什么样的建站公司才是值得信赖的?
- [2019-10-16 10:21:11] 5G时代,网站建设公司必须要重视移动端体验
- [2019-08-19 09:16:58] 帮助客户进行网站建设公司案例真伪的识别
延伸阅读
- [2012-12-08 09:51:03] 网页嵌入特殊字体
- [2012-02-28 22:52:42] dede 插入我定义的html
- [2011-11-01 22:44:18] 修改网站内页TITLE对网站排名的影响
- [2012-08-23 08:52:53] 网络广告与网站推广的步骤
- [2016-12-12 16:16:00] 网站制作带你解密.htm.html.shtm.shtml的区别与联系
- [2012-05-15 11:25:52] dede编辑器图片上传 去掉换行
- [2015-01-19 09:15:54] 软文推广的技巧
- [2015-01-01 21:12:41] 如今虚拟外链对我们的作用有多大?
- [2012-05-09 01:35:55] 网页设计与平面设计的差异
- [2014-11-26 09:03:20] 网页设计师最基本的原则
- [2011-11-07 22:35:37] 细节处理让网页设计与众不同
- [2014-10-28 09:17:05] Wordpress主题欣赏展示