网站导航栏设计的4个注意事项,功能性最重要

2019-09-22 15:10:45  75 浏览  0 评论   赞

不要使用flash制作导航栏,flash搜索引擎看不到;在所有的页面中放置对应的导航栏;导航栏以实用性为主,务必从简;导航栏的数量不要超过7个

网站导航栏设计的4个注意事项,功能性最重要

图385-1:导航栏

导航栏几乎是所有的网站都会具备的元素,导航栏无论从搜索引擎的角度,还是从用户体验的角度都起到必不可少的作用。在搜索引擎角度,导航栏起到权重分配的作用,每个页面都有导航栏,搜索引擎会从每个页面中进入到导航栏指向的页面(一般是上一级列表页),然后搜索引擎再沿着列表页寻找文章页,在这个过程中,列表页分配到的权重肯定是最高的,然后再通过列表页将权重分配到具体的文章页,这样新发的文章更容易获得权重,更容易被搜索引擎发现。从用户的角度来说,通过导航栏可以方便了解网站的板块设置,从中找到自己喜欢的板块。

不要使用flash制作

不要使用flash制作_网站导航栏设计的4个注意事项,功能性最重要

图385-2:flash导航栏

导航栏从功能上来说就是一个指向列表页的链接,在实际展现的时候会有很多种展现方式,因为导航栏是每一个页面都会出现的元素,因此有的站长会对导航栏进行特殊对待,别出心裁的推出一些华丽的导航栏形式。一说到华丽的展现,在网页的所有元素中没有比flash更华丽的了,于是有的站长就会采用flash来展现导航栏,采用flash展现导航栏的网站,其它部分也一定会采用flash。

暂且不说flash形式展现导航栏是不是每个用户都喜欢,这种方式对搜索引擎是一点用处都没有,搜索引擎的蜘蛛只能识别文本形式的脚本,因此它只抓取源文件中的脚本部分,flash不会抓取,即使抓取了也不知道flash里面包含什么内容。因此如果导航栏采用flash,对于搜索引擎来说相当于网页中没有导航栏,这样显然会对网页的抓取产生巨大的影响。

都放置导航栏

都放置导航栏_网站导航栏设计的4个注意事项,功能性最重要

图385-3:网站结构

网站的首页放置导航栏是没有什么可说的了,如果首页都没有导航栏,那么首页获得的巨量权重将被白白的浪费,大量用户到了首页不知道网站是干什么的。除了首页其它的页面也应该放置导航栏,对于大型的网站来说,不同页面的导航栏内容可以不同,对于小型网站来说所有页面的导航栏可以是相同的类型。

一般来说导航栏设置应该是这样的,首页和一级分类页面的导航栏指向所有的一级分类,二级分类的导航栏指向同一个上一级的二级分类,文章页指向所属的分类以及相同上一级的同级分类。这种导航栏的设置有利于页面的权重正确的向各个角落进行传递,有效的避免了权重向其他分类传递,避免权重传递路线终止或逆向传递。

导航栏内容

导航栏内容_网站导航栏设计的4个注意事项,功能性最重要

图385-4:下拉式导航栏

导航栏是一个注重实用性的元素,因此导航栏的内容应该简明扼要,让用户能够快速的找到和使用导航栏,最好的方式是采用html元素加css的方式创建导航栏,html用于展示导航栏的内容,css用于实现导航栏的样式。有的站长可能想在导航栏中设置一些花哨的东西,比如:导航栏在普通情况下是一个图标,用户将鼠标滑动到图标上之后才会显示文字,又或者导航栏的样式是一些稀奇古怪的,陌生用户看到后还要思考一下才能想到那就是导航栏。

大型的网站会有二级导航,甚至三级导航,有的网站会将二级导航在一级导航中实现,一般的做法是鼠标滑到一级导航的按钮上时,显示一个二级导航的列表,有的网站还有将这个功能做的很酷炫。我认为这种做法并不是一个好的做法,一般来说二级导航的分类会很细,用户并不一定知道自己想要进哪一个板块,另一方面这种需要鼠标滑入之后才出现的元素会打断用户的思路。建议二级导航放在一级导航的列表中,采用树形的方式进行布置,让不同的用户进入不同的一级分类,如果用户还想再细化就在一级分类中选择二级分类。

导航栏的数量

对于普通的网站来说导航栏并不会有太多的分类,毕竟读者对于某一个分类并不是非常的专业,分的太细的话反而很难确定到底应该进入哪一个板块,因此导航栏的数量不宜太多,在移动设备上面最好能够在一行中显示所有的导航栏,数量的话不超过7个。

举个例子来说,关于网站建设的网站,其导航栏的内容可以是:网站建设、SEO、建站经验,更细化的分类对于用户来说已经没有太大的意义了,比如:将SEO细分为新手教程、SEO优化、SEO经验、SEO方案、优化技术,其实这样的分类并没有太大的意义,用户想找关于网站SEO优化的内容每一个细分类型都有关系,同一篇文章可能多个分类都适用,站长在选择分类时只能勉强确定一个分类,用户在选择分类时不得不在每一个分类中进行寻找,因为他不知道站长将文章放在了哪一个分类中,这种情况下采用文章标签比较合适,因为一篇文章可以指定多个文章标签。

导航栏是实用性为主,在实现功能的情况下其他的内容适当加入就可以了,不要为了追求个性、酷炫对导航栏进行特殊设计。

转载请注明:网创网 www.netcyw.cn/b385.html

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com