SEO之面包屑导航

面包屑导航作为网站优化中经典的一个优化方案,尤其一定的作用,如电子铭牌网站的建设,采用面包屑导航,主要作用是:

  1、为了让用户在浏览网站时能够明确的浏览页面位置,同时可以方便用户返回上一级菜单,符合用户体验;

  2、从网站优化的角度来说,符合用户体验的设计思路本身就有利于网站优化,同时有利于提升某些关键词的排名。

  面包屑导航(BreadcrumbNavigation)这个概念来自童话故事Hansel和Gretel,当Hansel和Gretel穿过森林时,不小心迷路了,但是他们发现在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路,所以,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。

  面包屑导航可以说是一个扁平化的树形结构图,能够最直白的展现出网站结构,这不论是对网站用户的浏览还是搜索引擎的抓取都是很有利的。对于我们电子铭牌这样的小型网站来说,面包屑导航可以更好的将网站主关键词的权重锁定在首页,便于电子铭牌企业网站权重的集中化。

  面包屑导航一共有三种类型的网站面包屑导航:

  1、路径型:路径型面包屑是一个动态显示用户到达页面经过的途径;

  2、位置型:位置型面包屑是固定的,显示了页面在网站结构中的位置;

  3、属性型:属性型面包屑给出的当前页面的分类信息。

  面包屑导航一般都在导航的下面,形式一般为 首页 > 一级目录名称 > 二级目录名称 > 目前位置,尽量要把面包屑导航的层次控制在四层以内,这样也有利与搜索引擎蜘蛛一层层往下爬,到了四层以下就很难爬到了。所以在做电子铭牌网站面包屑我尽量将其控制在3层,一般不超过四层。

  对于电子铭牌企业网站来说,内部链接的结构搭建非常重要。像金字塔一样,第一层的众多页面应该集体支持它们的上一级。所以面包屑导航应该着重显示网站的层次,而不是浏览历史。除了层次以外,面包屑导航还可能显示的是属性标签。

  那么在做面包屑导航要注意哪些呢?从电子铭牌企业站的设计中,总结了一下几点注意事项:

  1、面包屑导航的链接要使用文字,不要使用图片或JS。

  2、面包屑中尽量出现关键字,可以把“首页”这一类词换成网站名称,要注重细节。

  3、面包屑导航在SEO中虽然不是最主要的,但也有它的作用,做SEO就是做细节,谁抓住了细节,也就抓住了排名。

  网站添加面包屑导航是非常有必要的,面包屑导航对于用户体验(UEO)来说是非常好的,能帮助用户快速定位和跳转。面包屑导航对于搜索引擎(SEO)来说也是非常好的,能帮助制作快速定位和跳转。所以说,网站添加面包屑导航是非常有利于网的UEO和SEO的。

  来源:SEO自学网

时间: 2024-08-04 01:19:36

SEO之面包屑导航的相关文章

css制作面包屑导航

css2制作面包屑导航主要的原理就是利用绝对定位以及当元素的宽度和高度都为零时边框的挤压性质,效果图 代码: <ul>     <li>HTML<i></i></li>     <li><em></em>CSS<i></i></li>     <li><em></em>JavaScript<i></i></li

辛星和您一起用纯CSS美化面包屑导航

首先讲一下面包屑导航为什么叫做面包屑导航,它来自于一个童话故事,这个童话故事的名字也非常有特色,叫做"汉塞尔和格莱特",有一天他们去森林里游玩,但是走着走着发现迷路了,大家都知道,森林里都都是数,不管往哪边走,还是茫茫的一片树,于是他们在沿途走过的地方都撒下面包屑,他们利用这些面包屑帮助他们走出了森林,因此,面包屑导航的意思就是说我们去过哪些地方,以及我们如何回到我们之前的位置. 有时候我们特别需要面包屑导航,比如我们在某论坛或者某网上商城闲逛的时候,很容易被茫茫的帖子和众多的商品搞的

如何删除帝国cms面包屑导航中首页链接的/index.html

前面一篇"帝国cms面包屑导航的首页链接锚文本改成关键字"中xmyanke有写到改首页链接的方法,但是感觉比较麻烦,这里就说说如何删除帝国cms面包屑导航中首页链接的/index.html,我们的首页一般都是***.com/结尾的,如果Breadcrumb的中首页链接变成***.com/index.html结尾的话,会造成有两个首页,分散权重.重复收录.(当然可以把index.html 301到不带index.html) 找到e/class/connect.php,搜索$file=$p

Bootstrap面包屑导航

Bootstrap中提供了面包屑导航的实现方法: 只需要引入bootstrap.css文件即可. 主要引用的样式有: .span6 .breadcrumb 实例代码如下: <!DOCTYPE html> <html> <meta charset="utf-8"> <head> <title>bootstrap面包屑导航</title> <link rel="stylesheet" type

CSS3面包屑导航

原文:http://www.helloweba.com/view-blog-347.html HTML HTML结构非常简单,一个有序列表ol,外面又<nav>包裹. 面包屑导航条的结构,我们给ol加上class样式为:.cd-breadcrumb,那么当前位置的层级li加上class样式为:.current. <nav>     <ol class="cd-breadcrumb">         <li><a href=&quo

Bootstrap中面包屑导航实例

通过重写样式breadcrumb可以更改分割的符默认是单斜杠,实例重写后是双斜杠: <style type="text/css">    .breadcrumb > li + li:before {    color: #CCCCCC;    content: "// ";    padding: 0 5px;}     </style> 代码实例: <div class="container">    

MVC 5 + EF6 入门完整教程14 -- 动态生成面包屑导航

上篇文章我们完成了 动态生成多级菜单 这个实用组件. 本篇文章我们要开发另一个实用组件:面包屑导航. 面包屑导航(BreadcrumbNavigation)这个概念来自童话故事"汉赛尔和格莱特",当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路.所以,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回.(摘自百度百科) 要实现面包屑导航,也可以直接从nuget搜一些sitemap组件直接使用. 当然,和

夺命雷公狗---DEDECMS----26dedecms面包屑导航的实现

我们在很多项目里面都会用到面包屑导航,而dedecms里面也是给我们封装好面包屑导航的了,如下图所示: 在dede里面实现面包屑导航主要用到{dede:field.position/}标签,我们首先来修改下article_movie.htm内容页的模版文件: 我们修改成这样: 然后到后台更新下文档: 然后在回到内容页看看效果如何: 见到这里有点小激动,因为我们成功啦..嘻嘻

knpMenuBundle制作面包屑导航 左侧导航 碉堡了

最近做一个小项目,用的symfony3玩的. 之前一直深受别的框架影响.习惯把链接管理写在数据库里,这样方面操作. 但是今天按照以前的思路做下来别的都还正常但是做面包屑导航的时候就遇到问题了.于是找了一个knpmenubundle来重做了栏目  发现这样做真的好快.比以前做的快多了 首先按照symfony官网中使用教程来操作. 简单的东西直接按官网走就解决了. https://github.com/KnpLabs/KnpMenuBundle/blob/master/Resources/doc/i