分析网站可用性:面包屑导航的设计

http://www.itjxue.com  2015-08-02 11:11  来源:未知  点击次数: 

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

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

一、面包屑的类型

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

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

breadcrumbs 01 面包屑设计:以用户还是以 SEO 为中心?

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

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

breadcrumbs 02 面包屑设计:以用户还是以 SEO 为中心?

二、面包屑的关键词优化

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

例子:

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

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

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

三、面包屑和 Google

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

4、面包屑的最好实践

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

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

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

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

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

breadcrumbs 03 面包屑设计:以用户还是以 SEO 为中心?

作者:Ann Smarty,原文链接 。

(责任编辑:IT教学网)

更多