关于面包屑导航的一些核心内容

2016-02-17 04:29 33 1 收藏

下面图老师小编跟大家分享一个简单易学的关于面包屑导航的一些核心内容教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - 平面设计 】

面包屑导航是目前主流的网站导航设计方式,无论是大网站还是小网站,都乐此不疲的使用它,本文将为您介绍关于面包屑导航的类型,关键词优化,与google,实践等相关内容。

当我们分析一个网站可用性的时候,必定会考虑到面包屑。对于用户来说,面包屑几乎是一个透明的玩意儿,有谁会仔细观察那些页面左上方的导航链接呢?是的,没人在意,但却也没有人离得开它。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

面包屑,就是在任何一个页面,都能清楚的知道让访问者明白他所在的具体位置的网站 GPS 定位系统,而面包屑导航对于大型网站和按分级排列页面的网站,更是不可或缺。就凭这一点,我们要介绍一下关于面包屑的一些核心内容:

一、面包屑的类型

一般来说,面包屑设计主要分为三种类型(作者坚持推荐第一种类型,因为后面两种类型很容易造成内容重复的问题)

1.基于定位的面包屑:显示用户在网站整体结构中的具体位置。

关于面包屑导航的一些核心内容,PS教程,图老师教程网

2.基于路径的面包屑:想象一下把用户带到当前页面的路径,这些页面都是动态的而且都是基于搜索的结果,所以这类型的面包屑会导致有几种达到该页的方式:

咨询 服务  履行  服务 A

咨询  服务 优化  服务 A

咨询  服务  升级  服务 A

3.基于属性的面包屑:列出当前页的属性

关于面包屑导航的一些核心内容,PS教程,图老师教程网

二、面包屑的关键词优化

很多人都将面包屑当做内部链接优化的另外一种方式,所以他们通常将面包屑关键词设计如下:

主关键词(链向主页)主关键词+词(目录链接)-主关键词+词

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

例子:

海报(链向主页)明星海报(目录链接)阿根廷朱莉海报

有些时候(如上)这样设计面包屑虽然看起来依然很自然,但总体来看作者更加倾向尽量减少以 SEO 中心化的设计,原因如下:

1.太聚焦在锚文本优化的面包屑设计看起来很别扭,会导致页面内容非常不自然。

2.在网站可用性前不要过分注重 SEO。用户通常都知道主页意味着链向什么地方,但如果硬换成关键词就会引起误会和猜想,所以还是使用一贯认同的面包屑设计标准。

三、面包屑和 Google

从今年 11 月份开始,Google 已经整合了面包屑导航到搜索结果里面,使得更加吸引和可信赖性,但不是每个面包屑导航都可以被 Google 采用,但是将面包屑放在页面的越顶部越好。

四、面包屑的最好实践

面包屑真正能帮助用户的时候才使用。对于大型的,多层次的网站,面包屑首先就可以帮助用户,其次就是有助于 SEO 优化这是一个额外的收益。不要仅仅为了更好的内部链接优化而使用面包屑。

当前页不要链接。(最后的一页的词语不要加链接效果)

不要用面包屑导航取代主导航栏。(面包屑在网站结构当中是横条结构的,试想下主导航却是垂直型展示目录和内容,没有了主导航会怎样呢?)

连贯地使用面包屑(这样使得用户在浏览你的网站的时候更有安全感同时可以更快地熟悉你网站的结构)

不要将页面的标题用作面包屑(这样会导致标题太长而且没有目的性)

关于面包屑导航的一些核心内容,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160217/1578503.html

延伸阅读
太极拳视频 简析太极拳整劲训练核心内容 整劲在太极拳的特点中表现也很突出,整劲的训练是通向太极拳更深处的枢纽。太极拳教程中有详细的讲解整劲,整劲的训练更是有其独特的训练方法,下面我们先跟着太极拳视频学习一下吧! 太极拳整劲的训练 许多初学者并不能够理解整劲的作用,整劲是在桩功的基础上形成的,因此初...
《英雄无敌6》关于公测的一些内容 会员:eefdany 讨论 公测版多了可以自建五个种族的所有英雄,建好后是直接满级的,能在热座中使用。 补充说明一下: 1. 我所说的所有英雄只是公测版里已有的那些。估计正式完整版可能不止目前这些,会更多。 2. 本人未测试进入热座后自建人物是否直接满级,以及是否就可以玩自建人物所代表的种族势力。 3. ...
标签: 生活常识
关于纸巾的一些常识   1、同一个牌子的纸巾贵的好还是便宜的好? 两款包装相同的面巾纸,一个打折促销,一个原价销售,你选哪个?相信90%的人都会毫不犹豫地选择打折货品。拿两包纸巾仔细对比,在包装袋的角落里就能找到答案:一包纸巾的质量等级是合格品,另一包则是一等品。 事实上,面巾纸分为优等品、一等品和合格...
标签: Web开发
1、如何配置PhpMyAdmin2.9 网络上很多教程的配置文件是针对PhpMyAdmin底版本的,一开始连2.9配置文件都不知道放哪里? 配置文件相对地址是: config.sample.inc.php   (不是这个libraries/config.default.inc.php) 2、让phpMyAdmin使用密码登陆 在设置config.inc.php设置以下参数: $cfg['Servers'][$i]['auth_type'] = 'co...
标签: Web开发
本文总结网页制作中关于CSS样式表应用的一些基础技巧,希望大家掌握!谢谢支持网页教学网。 一、关于注释 在创建xhtml+CSS网站时,CSS中的注释非常重要。在创建CSS样式时,应当保持随手注释的习惯。一般的,我习惯于使用/* 注释内容 */的格式来写注释,因为在EditPlus等具有高亮功能的编辑器里,使用C语言中常用的/***************/之类...

经验教程

413

收藏

71
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部