面包屑的由来

具体来历见下面:    

面包屑导航(Breadcrumb Navigation)的概念来自于格林童话"汉赛尔与格莱特",我们先来看一下这个童话故事,看完后或许你就能明白什么是网站面包屑导航,以及为什么网站面包屑导航对于SEO和用户体验有非常重要的作用了。

      故事大意是这样的:在大森林的边上,住着一个贫穷的樵夫,他的两个孩子--汉赛尔与格莱特还有他们的继母。由于生活贫穷,继母打算把两个孩子带到森林深处,然后借口去干活,偷偷走掉,把他们丢在森林里。但是汉赛尔无意中知道了继母的计划,于是他偷偷的在沿路洒下东西,帮助自己找到回家的路。第一次他是用闪闪发光的石子,顺利找到了回家的路;第二次时由于没办法出去捡石子,只好以面包屑代替。但是当他们想按照面包屑的指引回家时,却发现却怎么也找不到一点面包屑了,原来它们都被那些在树林里、田野上飞来飞去的鸟儿一点点地啄食了。故事到此并未结束,但和我们面包屑的故事已无关系,如果您对结局感兴趣的话,可以百度一下。

      在童话中,当汉赛尔与格莱特穿过森林时,他们在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路,这是一种“历史记录”的应用方式,目的是帮助你追溯来路。在浏览器中已经包含了追溯来路的功能,所以,在网页应用中面包屑导航来表达内容归属关系,作用是告诉访问者他们目前在网站中的位置以及如何返回。较典型的面包屑导航如下所示:

      面包屑导航

      最右端的地址为当前浏览页,最左端的为起始页面,这种结构使得用户对于所访问页的层次结构一目了然。面包屑导航不仅可改善网站的实用性,同时亦可提高网站对搜索引擎的友好性。访客使用面包屑导航可以快速返回上层目录,查看其它需要的内容。在许多关于网站用户使用体验的调查报告中也得出,如果超过3次点击,访客还没有找到需要的信息,那么有大约80%的访客会离开网站。这一点对搜索引擎来说也不例外。提供良好的返回导航连接可帮助搜索引擎更好地检索整个网站。而且,“面包屑型”导航连接中的锚文本还可以增进链接页的权重。

      对于SEO来讲,面包屑型导航是一个非常实用的功能,同时也提供了友好的用户体验,所以大家可不要把面包屑弄丢了,找不到回家的路啊!

向左转 | 向右转

转载:http://zhidao.baidu.com/question/204481509.html

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
面包屑(Breadcrumb)是一种网站导航设计元素,用于显示用户当前所处页面的位置路径。它通常以一种线性结构呈现,显示用户从主页到当前页面的路径。面包屑的作用是帮助用户快速了解自己在网站中的位置,并提供返回上一级页面的链接。\[1\] 面包屑设计有多种形式,可以是基于文本的经典样式,也可以是与整个网站设计风格完美结合的漂亮样式。现在的面包屑设计趋势是多样化的,不再局限于传统的形式。\[2\] 在决定是否使用面包屑时,需要考虑网站的结构设计和页面的分类种类。当一个低级别的页面具有一个以上的父级分类时,使用面包屑可能会让用户感到困惑和迷糊,因此在这种情况下使用面包屑是无效的。\[3\] 总之,面包屑是一种有助于用户导航和理解网站结构的设计元素,可以提供用户当前页面的位置路径,并提供返回上一级页面的链接。它的设计形式多样化,需要根据网站的结构和页面分类来决定是否使用。 #### 引用[.reference_title] - *1* *2* *3* [网站面包屑(breadcrumb)设计实例解析](https://blog.csdn.net/xinew/article/details/5768483)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值