详细解读面包屑路径优化的技巧

  今天给大家分享的主要内容有:

  1.什么是面包屑路径。

  2.我们为什么要进行面包屑路径的优化。

  3.面包屑路径优化的原则。

  4.面包屑路径优化的实际操作。

  1. 什么是面包屑路径。

  面包屑路径其实很简单的,它就是放置在网站顶部的从上级往下级依次排列的用于方便用户访问的一排内部链接,我们就称之为面包屑路径。这样的一个概念可能你还是不理解的话,那么我们就来看一个实际的案例,什么叫做面包屑路径?

  那么我们现在打开一下百度知道,你随便选择一个分类,你选择排在最上面的是电脑网络分类,你再选择硬件分类,然后你再接着选择里面的分类,这个地方就是面包屑路径。当然这个来源是有一个故事的,故事我就不给大家详细赘述了。自己百度百科可以出来的。

  2. 我们为什么要进行面包屑路径的优化。

  我们最重要的一个目的使用面包屑路径其实就是起到一个作用:方便引导用户正确浏览网站。有的人说是方便引导蜘蛛,其实并不是这样的,应该说最重要的作用就是引导用户正确浏览网站。什么意思呢?例如这样的一个面包屑路径:主页——妇科炎症中心——阴道炎——具体的内容。这就是一个友好的面包屑路径。如果用户想要访问阴道炎的时候,用户就只需要按照这个路径来访问就可以了,这样就方便了用户正确的浏览网站。就不需要用户去URL上截取他所认为的能到达阴道炎的路径页面了。所以说我们的面包屑路径的最大作用就是能够引导用户正确的浏览我们的网页。那么接下来我们说第二种情况:当我们浏览完一个页面的时候我想要返回上一个页面的时候,或者说上一层目录的时候我们会使用浏览器的后退按钮,对吧,但是我们会发现有的情况下,这个后退按钮是无法正确的后退到这个页面去。(原理我就不给大家详细说了)如果你设置一个面包屑路径之后,你就可以很方便的帮助浏览者快速的返回到浏览者想要的页面去。能够方便的引导用户正确的浏览我们的网站。那么是不是我们的所有页面都要进行面包屑路径优化呢?那么我们面包屑路径优化又有哪些原则呢?那么现在就进入第三部分。

  3. 面包屑路径优化的原则。

  第一个原则:你要注意,不可喧宾夺主。什么意思?其实就是说,你的这个面包屑路径不能够过于太显眼了。你有一个导航区吧!你的面包屑路径一般是在主导航下面,是吧,你这个面包屑路径不能比主导航还显眼了,这样是不行的,因为我们这个面包屑路径是返回一层一层的,而我们的主导航是可以返回跟多的页面的,所以说我们的面包屑路径是不能喧宾夺主的。怎么样才能算是不喧宾夺主呢?你可以设置的比主导航稍微小一些就可以了。是吧,这样就OK了。

  第二个原则:要符合用户的体验。我曾今听到过有人这样说,他说面包屑路径应该这样首页这两个字不要用首页,而要用网站名称,栏目是什么?他说的是关键词,然后再是文章的标题都要写出来,是吧,如果你的网站名称是三四个字的,你可以采用网站名称,如果你的网站名称是六七个字,你就不要用网站名称了,你直接用首页两个字就可以了大家都知道浏览你的网站首页是什么意思,然后你文章标题不用写出来,你直接写上正文两个字就可以了,你要符合用户的习惯,考虑用户体验,正文就不用加连接了。一定要符合用户体验。

  第三个原则:不是所有的页面都要做面包屑路径。

  第四个原则:符号尽量采用“大于号”。

  以上就是我们坐面包屑优化的四个原则。

  4. 面包屑路径优化的实际操作。

  接下来就拿一个实际的网站给大家解释一下什么是面包屑路径优化的。可以说面包屑路径就是次导航,那个大的就是主导航。

  那么我们现在就来打开一个网站,看看这个网站的面包屑路径是怎么优化的。比如:百度知道点击进去你就会发现并不是所有的页面都做了面包屑路径,而是只要方便浏览者找到相应的内容就可以了。

  接下来我们再接着看我们看这样一个面包屑路径,是一个妇科网站的面包屑路径。:计划生育这个栏目首页——新闻系统——人流手术——无痛人流——正文。这就是一个很好的典范。当然在网站上用的都是“大于号”这就是第四个原则,一定要用大于号。好了,多的我就不一一举例子了,更多的东西还是需要你自己去研究,如果你还不是很明白,那么点击百度知道的链接进去参考一下就明白了。今天就给大家说到这里。更多知识后面慢慢给大家分享。

  本文首发A5站长网,由http://www.xjxbyy.net/站长手稿,转载请保留链接。谢谢。

时间: 2024-09-16 21:19:00

详细解读面包屑路径优化的技巧的相关文章

浅谈南京58同城面包屑导航优化手法

做网站的都是知道面包屑路径这个名词,一个内容丰富的大站,如果没有面包屑导航的话,搜索引擎蜘蛛很容易迷路,同时面包屑导航优化也是属于站内优化方法的一部分.那我们该如何去优化面包屑导航使得网站权重排名提升呢?这个问题我们需要南京58同城网站来来回答我们. 首先打开先再百度搜索"南京58同城",之后点击排名第一的官网就可以进入58同城南京地区了.首先看一下,58同城SEO人员是用二级域名做的,所以说南京58同城是一个独立的二级域名,非二级目录.接着我们在往下看它的面包屑路径.   如图箭头所

网页设计中的面包屑路径

网页设计中的面包屑路径:样例及最佳实践 翻译:cocowool cocowool@gmail.com 原文:Jacob Gube   在我们的站点中都有很多的页面,利用面包屑路径能够极大的增强用户寻找路径的能力.从易用性上来讲,面包屑路径减少了用户回到更高级目录时所需要的操作,并且增强了网站各个单元的可寻性.面包屑路径还可以提供有效地视觉帮助来知道用户了解自己目前所处与网站中的等级,让他们能够更容易的找到他们的开始页. 什么是面包屑路径? Breadcrumb (Breadcrumb trail

Bootstrap组件学习之导航、标签、面包屑导航(精品)_javascript技巧

导航 Bootstrap中可用的导航有相似的标记,用基类.nav开头,这是相似的部分.改变修饰类可以改变样式. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- <link rel="stylesheet" >--> <link rel="stylesheet" href="css/bootst

网页设计理论:面包屑设计

先谈一下面包屑的由来:       很久很久以前,在大森林的边上住着一个贫穷的樵夫,他妻子和两个孩子与他相依为命.他的儿子名叫汉赛尔,女儿名叫格莱特.后来樵夫的妻子去世了,他又给孩子们娶了一个后母.后母计划把两个孩子带到森林的深处,然后趁他们睡着的时候跑掉.汉赛尔无意中知道了后母的计划,于是偷偷地把一块面包藏在了口袋里.       在去森林的路上,汉赛尔悄悄地捏碎了他的面包,并不时地停下脚步,把碎面包屑撒在路上.后母顺利地趁孩子们睡着的时候溜掉了,汉赛尔和格莱特醒来已是一片漆黑.汉赛尔安慰他的

四方面揭开网站路径优化的面纱

我记得在我的上篇文章里写的是美工前台的一些优化注意点,有时间你做完前台之后还一定要管管后台,而在前台与后台之间你肯定要关心一下网站路径问题.因为在SEO中路径优化也是重中之重,而下面的这几点说说路径在优化时注意点: 第一 网站路径太长 路径长是做网站者最为重视,也是最想改近的一个问题.说到这里大家可以看一下下面的这个图:   像这样的路径真的很长,而且包括的栏目等等都是特别的多.对于这么长的路径搜索引擎在进行抓取的时间真的不是那么容易,因为搜索引擎的机器人爬行的时间由于路径太长,它会认为这个路径

【读书分享】 Web导航设计—面包屑

先谈一下面包屑的由来: 很久很久以前,在大森林的边上住着一个贫穷的樵夫,他妻子和两个孩子与他相依为命.他的儿子名叫汉赛尔,女儿名叫格莱特.后来樵夫的妻子去世了,他又给孩子们娶了一个后母.后母计划把两个孩子带到森林的深处,然后趁他们睡着的时候跑掉.汉赛尔无意中知道了后母的计划,于是偷偷地把一块面包藏在了口袋里. 在去森林的路上,汉赛尔悄悄地捏碎了他的面包,并不时地停下脚步,把碎面包屑撒在路上.后母顺利地趁孩子们睡着的时候溜掉了,汉赛尔和格莱特醒来已是一片漆黑.汉赛尔安慰他的妹妹说:"等月亮一出来,

网页设计技巧之面包屑设计

What? 什么是面包屑 面包屑是作为辅助和补充的导航方式(secondary navigation scheme),它能让用户知道在网站或应用中所处的位置并能方便地回到原先的地点. 最常见的面包屑的样式是:横向的文字链接,由大于号">"分开,这个符号也暗示了它们的层级关系. [ 面包屑的分类] 1.基于用户所在的层级位置.(Location-based) 基于位置的面包屑用于告知用户在当前网站中所在的结构层级.用在具有多级导航(通常具有2级以上导航)的网站中. 2.基于产品的属

袁红:SEO面包屑导航的优化

&http://www.aliyun.com/zixun/aggregation/37954.html">nbsp;   面包屑导航可能好多朋友没有听过,我也是最近才知道的.先说一下什么是"面包屑导航"呢?在童话故事<汉泽尔和格雷特尔>中,当汉泽和格雷特尔穿过森林时,为了防止迷路,他们在沿途走过的地方都撒下了面包屑,让这些面包屑帮助他们找到回家的路.而在我们网站设计的过程中,我们也经常可以看到类似下面图所示的面包屑导航,帮助人们回到刚才看过的或者该页

分面面包屑设计技巧:设计分面搜索界面技巧

文章描述:分面面包屑在我看来是下一代查找界面中最直观的关键控件,充分整合了分面搜索和浏览功能.我希望这篇文章能够协助大家设计分面搜索界面,也希望大家帮助宣传分面面包屑设计,帮助我们把灵活的一体化搜索普及到实践中. 译者注:搜索的关键是让用户更加容易的找到所需的信息,我发现该文精心的为用户创造了一个灵活的解决方法,交互形式不在拘泥于固有的设计原则,更多是从实际情况出发,创造更适合的交互控件. 翻译了这篇文章跟大家共享,若大家发现任何错误,欢迎随时给予纠正. 原文地址:faceted-finding