面包屑导航 (面包屑导航示例图片)

本文目录导航：

• 面包屑导航
• 面包屑导航是什么物品？
• 什么是面包屑导航？

面包屑导航

面包屑导航，作为一种在网站或网络运行中为用户提供位置指引的导航方式，最后源自于《奇幻森林历险记》的故事。

在这个故事中，两个小客人公经过丢下一条面包屑门路找到了回家的路。

相似地，面包屑导航为用户提供了从以后页背地往最后访问页面的门路，协助用户明晰了解自己在网站外部与首页之间的位置。

面包屑导航的成功方式多样，其中最简化的设计是将各个页面链接以大于号>隔开，构成一条水平陈列的门路。

这个符号不只示意链接之间的层级相关，也直观展现了用户以后所处页面与之前访问页面之间的相关。

面包屑导航的长处在于增强用户导航体验。

它不只为用户提供了一种明白的门路指引，协助用户在网站的各个局部间轻松切换，还能够优化网站的可用性。

经过面包屑导航，用户可以极速回到关键的页面，缩小导航环节中的困惑与迷失。

在设计面包屑导航时，须要思考用户的需求与网站结构的复杂性。

关于网站结构相对繁难的状况，可以驳回最简化的设计，以明晰的门路疏导用户；而关于复杂结构的网站，面包屑导航的设计则须要愈加粗疏，确保用户在阅读环节中能够轻松找到所需的页面。

总的来说，面包屑导航作为网站导航的有力工具，为用户提供了明晰的门路指引，增强了网站的可用性与用户体验。

在设计与成功时，应充沛思考网站的实践状况与用户需求，以提供愈加共性化与高效的服务。

面包屑导航是什么物品？

面包屑导航(BreadcrumbNavigation)这个概念来自童话故事汉赛尔和格莱特，当汉赛尔和格莱特穿过森林时，不小心迷路了，然而他们发如今沿途走过的中央都撒下了面包屑，让这些面包屑来协助他们找到回家的路。

所以，面包屑导航的作用是通知访问者他们目前在网站中的位置以及如何前往。

起源很久很久以前，在大森林的边上住着一个贫苦的樵夫，他与妻子和两个孩子相依为命。

他的儿子名叫汉赛尔，女儿名叫格莱特。

起初樵夫的妻子逝世了，他又给孩子们娶了一个后母。

后母方案把两个孩子带到森林的深处，而后趁他们睡着的时刻跑掉。

汉赛尔有意中知道了后母的方案，于是偷偷地把一块面包藏在了口袋里。

在去森林的路上，汉赛尔轻轻地捏碎了他的面包，并不断地停下脚步，把碎面包屑撒在路上。

后母顺利地趁孩子们睡着的时刻溜掉了，汉赛尔和格莱特醒来已是一片乌黑。

汉赛尔刺激他的妹妹说：“等太阳一进去，咱们就看得见我撒在地上的面包屑了，它必定会指给咱们回家的路。

”然而当太阳升起来时，他们在地上却怎样也找不到一点面包屑了，原来它们都被那些在树林里、旷野上飞来飞去的鸟儿一点点地啄食了。

原理在童话里，面包屑是汉赛尔在进入森林的路中偷偷撒下的，这是一种“历史记载”的运行方式，目标是协助你追溯去路，因此它应该是一种线性的导航方式。

不过在网页的运行中，“追溯去路”这件事阅读器曾经做得足够好了，所以“面包屑”缓缓地就变成用来表白内容归属相关的界面元素，也就是咱们经常看到的“主分类>一级分类>二级分类>三级分类>……>最终内容页面”这样的方式。

然而普通反常的来讲目录结构由3层结构组成。

区分是首页>栏目页>内容页。

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

同时在许多关于网站用户经常使用体验的考查报告中也得出超越3次点击访客还没有找到须要的消息，访客就很大的或许性会退出网站。

所以，3层目录结构也是阅读体验的须要。

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

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

3、提供前往各个层级的极速入口，繁难用户操作。

4、Google曾经将面包屑导航整合到搜查结果外面，因此优化面包屑导航每个层级的称号，多经常使用关键字，都可以成功SEO优化。

面包屑门路，关于提高用户体验来说，是很有协助的。

5、繁难用户，面包屑关键用于为用户提供导航一个网站的无所谓方法，经过为一个大型多级网站的一切页面提供面包屑门路，用户可以更容易的定位到上一次性目录，疏导用户通行；6、缩小前往到上一级页面的点击或操作，不用经常使用阅读器的“前往”按钮或网站的关键导航来前往到上一级页面；7、不用经常占用屏幕空间，由于它们理论是水平陈列以及繁难的样式，面包屑门路不会占用页面太多的空间。

这样的好处是，从内容过载方面来说，他们简直没有任何负面影响；8、降落跳出率，面包屑门路会是一个诱惑初次访问者在进入一个页面后去阅读这个网站的十分好的方法。

比如说，一个用户经过谷歌搜查到一个页面，而后看到一个面包屑门路，这将会诱经常使用户点击上一级页面去阅读感兴味的相关主题。

这样，从而，可以降落网站的总体跳出率。

9、无利于网络蜘蛛对网站的抓取，蜘蛛间接沿着那个链走就可以了，很繁难。

10、面包屑无利于网站内链的树立，用面包屑大大参与了网站的外部衔接，提高用户体验。

实用条件只管眼下很多网站都盛行经常使用面包屑导航，然而并不是一切的网站都实用。

合乎上方两个条件的网站才适宜经常使用面包屑导航。

1、层级较深的网站，面包屑导航适宜层级较深的网站，假设只要一级分类的话，经过主导航就可以起到极速定位的作用。

比如“豆瓣网”类型扁平构架的网站就没有经常使用面包屑导航。

2、独立不交叉的网站结构，由于面包屑网站导航门路是线性结构的，因此网站内容必定划分的十明显晰，且不存在交叉；否则，面包屑导航的门路就不是惟一的，同一分类或许出如今不同的门路中，让用户感到困惑。

示范基于位置(Location-based)的面包屑向用户显示他们在网站的哪一个级别页面。

它们普通典型的用于有多个级别（普通是多于两级）的导航方案。

在上方的例子中(来自于SitePoint)，每一个页面的文本链接示意它比它左边的文本链接高一级。

A 标明以后在网站内的位置。

B 提供指向先前访问过的页面（或网站）和其余区域的捷径。

实质上，它是网站结构的线性示意。

Web上的定位面包屑门路所展现的不是导航的历史，而是在整个网站中某个固定的位置。

就是说，不论用户是如何抵达location 页面，面包屑门路都是一样的。

分类一、基于位置的面包屑导航这种类型是最经常出现的。

这种类型的面包屑导航可以很好的指出以后页面与整个站点的档次结构。

这种面包屑导航可以显示以后页面的前一个页面或许目录的链接。

可以使访客了解自己的位置，以及可以更快的找到自己想要抵达的页面。

可以很好的提高用户的友好体验。

二、基于属性的面包屑导航这种面包屑导航最常出如今电子商务站点。

这种面包屑导航可以很好的指出以后页面内产品的其余属性或许类别。

关于一个产品来说，所具备的属性往往不只要一种，而经过这种面包屑导航可以给生产者一个愈加直观的了解。

三、基于门路的面包屑导航这种面包屑导航是最不经常出现到的。

这种面包屑导航和上文所说的童话故事类型很像。

他们可以显示访客在抵达页背地所访问过的网页的链接。

这种面包屑导航不是很受欢迎，由于他们的配置基本上是和行进和前进的按钮是一样的。

什么是面包屑导航？

一、网站面包屑导航有哪几种类型？ 1、门路型：门路型面包屑是一个灵活显示用户抵达页面经过的途径; 2、位置型：位置型面包屑是固定的，显示了页面在网站结构中的位置; 3、属性型：属性型面包屑给出的以后页面的分类消息。

面包屑导航普通都在导航的上方，方式普通为 首页 > 一级目录称号 > 二级目录称号 > 目前位置，尽量要把面包 屑导航的档次管理在四层以内，这样也无利与搜查引擎蜘蛛一层层往下爬，到了四层以下就很难爬到了。

二、作用区分是什么？ 1、让用户了解目前所处位置，以及以后页面在整个网站中的位置。

（门路型） 2、提供前往各个层级的极速入口，繁难用户操作。

（位置型） 3、表现了网站的架构层级，能够协助用户极速学习和了解网站内容和组织方式（属性型）。

4、Google曾经将 面包屑导航 整合到搜查结果外面，因此优化 面包屑导航 每个层级的称号，尽量经常使用关键字，可以到达SEO优化的成果。

三、面包屑导航的留意事项： 1、关于一个网站来说，外部链接的结构搭建十分关键。

所以面包屑导航应该显示网站的档次，而不是阅读历史。

除了档次以外，面包屑导航还或许显示的是属性标签。

2、面包屑导航的链接和别的一样，要经常使用文字，不要经常使用图片或JS。

3、面包屑中尽量产生关键字，可以把“首页”这一类词换成网站称号，要器重细节。

面包屑导航在SEO中只管不是最关键的，但也有它的作用，做SEO就是做细节，SEO优化的重点在于细节，细节选择成败。