信息动态

网站设计是技术与创意的融合!

技术资讯

什么是面包屑导航？

2011-11-27 22:47:04

在网页的应用中，“追溯来路”这件事浏览器已经做得足够好了，所以“面包屑”慢慢地就变成用来表达内容归属关系的界面元素，也就是我们经常看到的“主分类>一级分类>二级分类>三级分类>……>最终内容页面”这样的方式。但是一般正常的来讲目录结构由3层结构组成。分别是首页>栏目页>内容页。合理的构建目录结构可以让用户随时随地的找到自己所在的位置又能保证栏目分类后的各个栏目的权重不至于太分散。同时在许多关于网站用户使用体验的调查报告中也得出超过3次点击访客还没有找到需要的信息，访客就很大的可能性会离开网站。所以，3层目录结构也是浏览体验的需要。
作用
1、让用户了解目前所处位置，以及当前页面在整个网站中的位置。
2、体现了网站的架构层级，能够帮助用户快速学习和了解网站内容和组织方式，从而形成很好的位置感。
3、提供返回各个层级的快速入口，方便用户操作。
4、Google已经将面包屑导航整合到搜索结果里面，因此优化面包屑导航每个层级的名称，多使用关键字，都可以实现SEO优化。
适用条件
虽然目前很多网站都流行使用面包屑导航，但是并不是所有的网站都适用。符合下面两个条件的网站才适合使用面包屑导航。
1、层级较深的网站，面包屑导航适合层级较深的网站，如果只有一级分类的话，通过主导航就可以起到快速定位的作用。比如“豆瓣网”类型扁平构架的网站就没有使用面包屑导航的作用。
2、独立不交叉的网站机构，由于面包屑网站导航路径是线性结构的，因此网站内容必须划分的非常清晰，且不存在交叉；否则，面包屑导航的路径就不是唯一的，同一分类可能出现在不同的路径中，让用户感到困惑。
示范

青岛网站设计,青岛网站制作,力图数字科技

基于位置(Location-based)的面包屑向用户显示他们在网站的哪一个级别页面。它们一般典型的用于有多个级别（一般是多于两级）的导航方案。在下面的例子中(来自于SitePoint)，每一个页面的文本链接表示它比它右边的文本链接高一级。 　　A 表明当前在网站内的位置。 　　B 提供指向先前访问过的页面（或网站）和其他区域的捷径。 　　本质上，它是网站结构的线性表示。Web上的定位面包屑路径所展示的不是导航的历史，而是在整个网站中某个固定的位置。就是说，不管用户是如何到达location 页面，面包屑路径都是一样的。

上一篇：如何做网站首页优化（汇总）
下一篇：一张代表所有设计者与客户心声的图形

近期更新

延伸阅读

解决方案

轮胎行业网站设计解决方案 机械行业网站设计解决方案 房地产行业网站设计解决方案 科技企业网站设计解决方案 电子家电网站设计解决方案 食品行业网站设计解决方案 集团公司网站设计解决方案 企事业单位网站设计解决方案 外贸行业网站设计解决方案 健身运动网站设计解决方案 美容与化妆品网站设计解决方案 建筑设计行业网站设计解决方案 物流行业网站设计解决方案

TAGS关键字

微官网带来的好处 php程序 网站设计资讯 网站设计 集团官网 营销型网站建设 青岛不错的英文网站建设公司 网站制作 网站建设，企业网站建设 官网建设 青岛网页设计 扁平化设计 微官网 微信开发 青岛好的网站优化公司 如何做网站优化 企业网站设计 审美 青岛开发区建站公司 SEO优化 青岛轮胎网站设计公司 舒适的界面 青岛品牌网站建设公司哪家好 青岛做网站多少钱 青岛网站建设基础知识 青岛轮胎网站设计 平面设计 交互设计 青岛SEO 用户界面

青岛力图数字科技有限公司 2008- 版权所有 鲁ICP备09005893号-6 | 网站地图

青岛网站建设 青岛网站设计 青岛网站制作


0532-85810878 473587358 扫码添加微信

扫码添加微信

 扫码关注公众号

官方公众号