1、网站面包屑导航有哪几种类型?作用分别是什么?
1、路径型:路径型面包屑是一个动态显示用户到达页面经过的途径;
2、位置型:位置型面包屑是固定的,显示了页面在网站结构中的位置;
3、属性型:属性型面包屑给出的当前页面的分类信息。
面包屑导航一般都在导航的下面,老渔哥建议形式一般为 首页 > 一级目录名称 > 二级目录名称 > 目前位置,尽量要把面包
屑导航的层次控制在四层以内,这样也有利与搜索引擎蜘蛛一层层往下爬,到了四层以下就很难爬到了。
2、面包屑导航是什么东西?
面包屑导航(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 页面,面包屑路径都是一样的。
分类
一、基于位置的面包屑导航
这种类型是最常见的。这种类型的面包屑导航可以很好的指出当前页面与整个站点的层次结构。这种面包屑导航可以显示当前页面的前一个页面或者目录的链接。可以使访客了解自己的位置,以及可以更快的找到自己想要到达的页面。可以很好的提高用户的友好体验。
二、基于属性的面包屑导航
这种面包屑导航最常出现在电子商务站点。这种面包屑导航可以很好的指出当前页面内产品的其他属性或者类别。对于一个产品来说,所具有的属性往往不只有一种,而通过这种面包屑导航可以给消费者一个更加直观的了解。
三、基于路径的面包屑导航
这种面包屑导航是最不常见到的。这种面包屑导航和上文所说的童话故事类型很像。他们可以显示访客在到达页面前所访问过的网页的链接。这种面包屑导航不是很受欢迎,因为他们的功能基本上是和前进和后退的按钮是一样的。
3、网站优化里听说有个什么面包屑导航,请问是什么意思?
面包屑导航(BreadcrumbNavigation)这个概念来自童话故事"汉赛尔和格莱特",当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。所以,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。
dede面包屑调用代码 {dede:field name='position'/}
主页 >栏目页>文章页面
小型站点便于优化,可以把主页改成你的关键词,目的是关键词集权于首页。
关键词>栏目页>文章页
1、让用户了解当前所处位置,以及当前页面在整个网站中的位置。
2、体现了网站的架构层级,能够帮助用户快速学习和了解网站内容和组织方式,从而形成很好的位置感。
3、提供返回各个层级的快速入口,方便用户操作。
4、Google已经将面包屑导航整合到搜索结果里面,因此优化面包屑导航每个层级的名称,多使用关键字,都可以实现SEO优化。面包屑路径,对于提高用户体验来说,是很有帮助的。
5、方便用户,面包屑主要用于为用户提供导航一个网站的次要方法,通过为一个大型多级网站的所有页面提供面包屑路径,用户可以更容易的定位到上一次目录,引导用户通行;
6、减少返回到上一级页面的点击或操作,不用使用浏览器的“返回”按钮或网站的主要导航来返回到上一级页面;
7、不用常常占用屏幕空间,因为它们通常是水平排列以及简单的样式,面包屑路径不会占用页面太多的空间。这样的好处是,从内容过载方面来说,他们几乎没有任何负面影响;
8、降低跳出率,面包屑路径会是一个诱惑首次访问者在进入一个页面后去浏览这个网站的非常好的方法。比如说,一个用户通过谷歌搜索到一个页面,然后看到一个面包屑路径,这将会诱使用户点击上一级页面去浏览感兴趣的相关主题。这样,从而,可以降低网站的总体跳出率。
9、有利于百度蜘蛛对网站的抓取,蜘蛛直接沿着那个链走就可以了,很方便。
10、面包屑有利于网站内链的建设,用面包屑大大增加了网站的内部连接,提高用户体验。
一、基于位置的面包屑导航
这种类型是最常见的。这种类型的面包屑导航可以很好的指出当前页面与整个站点的层次结构。这种面包屑导航可以显示当前页面的前一个页面或者目录的链接。可以使访客了解自己的位置,以及可以更快的找到自己想要到达的页面。可以很好的提高用户的友好体验。
二、基于属性的面包屑导航
这种面包屑导航最常出现在电子商务站点。这种面包屑导航可以很好的指出当前页面内产品的其他属性或者类别。对于一个产品来说,所具有的属性往往不只有一种,而通过这种面包屑导航可以给消费者一个更加直观的了解。
三、基于路径的面包屑导航
这种面包屑导航是最不常见到的。这种面包屑导航和上文所说的童话故事类型很像。他们可以显示访客在到达页面前所访问过的网页的链接。这种面包屑导航不是很受欢迎,因为他们的功能基本上是和前进和后退的按钮是一样的
4、网页制作中的面包屑连接怎么做?
"面包屑型"网站导航链接
什么是面包屑型网站导航链接?
在童话故事“汉泽尔和格雷特尔”中,当汉泽尔和格雷特尔穿过森林时,他们在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。虽然这只是一个孩子们的童话故事,但它却蕴涵了多种含义。实际上,网站设计者亦可从中受到启发:在结构上纵深的网站应该采用这种“面包屑型”结构,以足迹的方式呈现用户走过的路径,或者说以层层渐进方式呈现该网页在整个网站架构中所处的位置,从而为用户提供清晰分明的网站导览。
“面包屑型”架构让用户对他们所访问的此页与彼页在层次结构上的关系一目了然。这种网站结构的其中一个最明显的特性体现莫过于返回导览功能。
返回导览不仅可改善网站的实用性,同时亦可提高网站对搜索引擎的友好性,对SEO具有重大的意思。网站的实用性对所有网站来说都是一个非常重要的因素。但遗憾的是,却并不是所有网站设计者都能够明白这一点。而一旦这一点无法在网站设计中得以贯彻和体现,那么网站的整体性能就不能不让人堪忧了。试想一下,无论访问者是通过搜索引擎还是别的什么链接进入了某个购物的网页,而这个网页中又没有提供我们所说的“面包屑型”返回导览,当使用者想回到上一层页面寻找其它类似产品时,只能通过浏览器里的Back功能原路返回。 但是如果有了“面包屑型”返回导览,情况就会变得大大不同。例如上述的购物网页,当使用者发现东西不够满意,他就可以快速回到上一层或直接进入产品目录去寻找其它的类似页面或产品。 这一点对搜索引擎来说也不例外。提供良好的返回导航连接可帮助搜索引擎更好地检索整个网站。此外,“面包屑型”导航连接中的链接文字还可以增进链接页的搜索引擎排名。
成功的网站是将主控制权交给对网站的使用者,而不是抓着不放,企图控制使用者浏览的自由。若非如此,则网站显然丧失了对使用者的友好性。我就见过这样的网站,只有主页上有产品的内部页面链接,所以无论进入哪一个内部页,若想进入别的页面则必须先回到主页。象这样的一个站点,又如何指望使用者来买他的产品或成为潜在客户呢?
网站的导航结构极之重要。应保证使用者能够通过主站点导航到达网站的每个主要页面, 而次要一些的页面又可以通过访问这些主要的页面来进入,并提供返回上层页面功能。但没必把在每个页面上都放上网站的每个链接。这些规则虽则简单,但却不仅能为网站的实际访问者,同时还会为搜索引擎提供更好的体验。
除此之外,良好的网站导航还应对使用者“透明”,即使用者能够在网站中来去自如,但又无须经过层层的固定顺序。换言之,可使用平行或互动方式辅助网站导航的线性流程安排。
看完上面的说明,就知道了,不管是用ASP还有HTML只要能达到这样的效果就都是“面包屑”连接。
5、什么是面包屑导航?有什么作用
1、什么是面包屑导航?
不知道大家会不会奇怪为什么导航会有面包屑这种非常奇怪的名字,其实这个名字很有童话色彩呢,是从一个童话故事里提炼出来的。有两个孩子在穿越森林的时候,在来时的路上一路洒下了面包屑,这样一来,当他们需要返回家里的时候,就可以顺着面包屑走回去了。那就不担心迷路的问题了。同样的,面包屑导航的设计也是为了让用户知道他们现在在网站上的哪个页面,并且如何才能正确快速地返回。这就是面包屑导航存在的意义。 2、面包屑导航有什么作用?
面包屑导航的作用有不少,下面就来具体来说一说,希望对大家的seo优化有帮助。毕竟只有清楚认识到了面包屑应该起的作用,才能把握住优化的方向。 其一,能够让用户清楚定位。面包屑导航能够帮助用户了解自己目前身处网站的哪个页面,并且还能帮助用户认识到这个页面在整个网站上的位置,从而不至于迷失找不到回去的路。
其二,能够让用户找到网站的方向。面包屑导航能够很清晰地表现出整个网站的层次结构,那么也就能帮助用户较为快速地了解到整个网站的内容和组织方式,从而帮助用户对网站内容的布局和位置有一个良好的方向。这样能够让用户更快地找到自己所需要的信息。
其三,能够方便用户操作。通过使用面包屑导航,用户能够快速访问到网站的各个层级。比如说如果想从第4个层级返回首页的话,不必再多次点击返回,只需要点击导航上对应的首页链接就可以轻松返回了。可以说,优化面包屑导航是提高网站用户体验的一个方面