怎么做好网站导航.docx

怎么做好网站导航

怎么做好网站导航？网站建设越来越多，而互联网交易已经成为目前消费市场一个简单快捷，而且让年轻人越来越能接受的一个消费方式，但是网站的建设中导航栏的〔制定〕也是非常重要的，优秀的导航制定能够提升网站的易用性，对实现电子商务网站的高效运作具有实际意义。

怎么做好网站导航
1.文字导航
尽量使用最一般的HTML文字导航，不要使用图片作为导航链接，更不要使用JS生成导航系统，也不要用Flash做导航。CSS也可以制定出很好的视觉效果，如背景、文字颜色变化、下拉菜单。
最一般的文字链接对搜索引擎来说时阻力最小的爬行通道。导航系统链接是整个网站收录最重要的内部链接。
2.点击距离及扁平化
优良的导航的目标之一是使所有页面与首页点击距离越近越好。权重一般的网站，内页离首页不要超过四五次。通常在链接结构上使网站尽量扁平化。
网站导航系统的安排对减少链接层次至关重要。主导航中出现的页面将处于仅低于首页的层次，所以主导航中页面越多，网站越扁平。但用户体验和页面连接总数都不同意主导航中有太多链接。〔seo〕人员必须要做好平衡。
3.锚文字包涵关键词
导航系统通常是分类页面获得内部链接的最主要来源，数量庞大，其锚文字对页面相关性有很大影响，因此分类名称应尽量使用目标关键词。当然也不能堆积，分类名称以2-4字为宜。
4.面包屑导航
对用户和搜索引擎来说，是推断页面在网站整个结构中的位置的最好方法。正确使用面包屑导航的网站通常都是架构清楚的网站，激烈建议使用。
5.避免页脚堆积
随着seo被更多站长熟悉，近些年有一种在页脚堆积富含关键字的分类页面链接的倾向。三四年前这种做法还有不错的效果，但是近来搜索引擎比较反感这种做法，经常造成某种形式的惩处。
网页导航类型
1.全局导航
网页中的导航 每一页都会显示全域导航系统
2.局部导航
局部导航系统和其内容 被称为"子网站'或"网站中的网站'
3.全局导航+局部导航
很多网站会把全局导航和局部导航 结合使用 巨型菜单
4.情景导航
有克制地使情景式导航可以增加灵活性来弥补现有导航系统的不够
它提供了了交叉销售、提升销售、打造品牌和提供顾客价值的真正机会
5.辅助导航
不属于网站的层级结构，但是可以提供查找内容和完成任务的辅助方法

网页导航形式
1、顶部导航
顶部导航被广泛应用在各个领域的网站当中，这类导航可以一目了然的让用户迅速寻找到所必须。顶部导航这样的制定形式保守但目的性强，可以保证组织结构的可靠和降低用户寻找的时间成本。但这类导航有个缺点，首页内容过多必须要滚屏的时候，用户必须要滚动到顶部再去切换导航内容。所以现在很多顶部制定的导航会做一个效果，将导航固定在顶部导航，这样减少了用户的使用成本。
顶部导航制定的样式也比较多，主要是跟logo、登陆注册、搜索框搭配组合成多种效果，具体可见下列图：
顶部导航的制定成熟稳重，比较中规中矩，但不容易出现太大的问题，所以使用率也是比较广的。熟悉我的人都知道我用蝉知在做网站，下列图就是蝉知系统后台界面中头部导航的定义，可做多种组合在前台显示效果。
2、侧边导航
侧边栏导航的制定形式比较多样，也可以有多表现形式，可动可静，可大可小，比较个性化。固定的侧边栏导航制定不是很建议，特别是关于宽度大的侧边栏导航，这样的制定会影响整个网页界面的宽度。制定师可以合计做成侧边栏以滑动方式展现，在节约网站空间的同时也显得更加简约。
侧边栏导航的制定必须要注意的是导航栏目的宽度问题，假设导航栏中字体过长，在展示上会存在一定的问题，哪怕做成滑动展示的形式也不能很好的得以解决问题。结构复制的网站不适用这类导航，且侧边栏的二级导航栏目不也宜多，所以这类导航大部分适用于一些制定师或个人官网。当然，也有一些结构简单的网站会采纳这类导航。
以下这个the HOUSE时尚服饰官网将侧边栏的内容精简做成一个元素放在侧边，这样看起来是不突兀的，不会占用空间，相反还起到一定的装饰作用。
3、底部导航
底部导航应用性不是很广，比较长出现在一些活动或个性化的网站当中。其实底部导航被广泛使用的并不是在pc端中，而是在移动端。
在pc端中采纳底部导航的形式，一般都是采纳固定的方式，这类导航可以减少用户的使用成本，但关于结构复杂的网站，有二级或三级导航的网站就不是很合适。其次，将导航放置底部，关于用户的使用习惯来说不是特别的好，用户的眼睛都是从上到下从做往右浏览的，这样的制定比较挑战用户的使用习惯。
故而有很多网站在制定的时候首屏导航会放在底部，到第二屏之后导航就会固定到顶部，举个例子：forh〔健身〕房体育运动网站。
4、汉堡包式导航
汉堡式导航其实跟底部导航一样，比较常出现于移动端。但现在不少的pc端也越来越喜爱用汉堡包式的导航制定。这样的制定比较节约空间，相当于将导航做成一个隐藏式的制定或是弹出式的制定，具有制定感。
STUDIO JT韩国制定工作室网站的汉堡包式导航就具有一定的制定感。
虽然汉堡包式导航的制定方式可以很多样，也可以很个性。但关于一部分用户而言，汉堡包式导航其实并不是那么直观，特别是用户对导航结构不清楚的状况下。制定师在制定这类导航的时候还是要斟酌下。
5、滚动式导航
滚动式导航分水平滚动和垂直式滚动。
水平式滚动
水平式滚动就是内容呈左右水平方向滚动的，当用户第一次碰到这样类型网站的时候，体验感会比较差，因为它物理和视觉运动方向与常规的纵向滚动不同，而且当你使用鼠标滚轮滚动的时候，它的左右水平滚动会让用户产生交互上的错位感，这样的感受其实并不是特别友好。所以这样的网站其实比较少见，但也有及其少部分做得好的。
其实为了不让用户在水平滚动的体验上太差，在界面制定的时候可以加入一个向左或向右的箭头指示，让用户有个心理暗示，可以减少突兀感。
垂直式滚动
垂直式的滚动在html5网页中运用广泛，很多制定师很喜爱用这样的制定，将一些动画特效和垂直式滚动导航相结合，可以达到一种新的视觉效果。一起看看DENSO Brand site的官网，里面结合了很多特效。
制定导航前应该做好什么工作
1、准备工作：整理导航结构内容。
网站头部经常包括的内容是：标志、导航、搜索框、语言、登陆注册、口号、400 这些内容。这么多内容不可能全部放置在网站当中，所以我们在制定网站前必须要规划好这些内容，适当的做一些取舍。
2、分析网站风格，确定导航的具体风格。
在确定网站导航的构成内容之后，我们可以将这些信息列出，分析网站的整体风格和最正确的用户体验，确定好导航的表现形式。
3、制定方案
在确定好导航的表现形式是做顶部固定导航还是底部固定导航之后，我们必须要将确认好的导航内容进行组合排列制定。选出最优的一款制定方案。
在制定的过程中，我们必须要遵从用户体验为上的制定原则，在确保内容可读的状况下，再去确保界面制定的最优。

第 7 页 共 7 页