网站导航的优化方法和设置技巧

2019-06-16 22:06:35 陆壹网络

上海网站建设,SEO快速优化排名公司,网络营销推广,百度SEO

一说到网站导航,可能很多人的第一印象就是网站头部的那一排主导航栏,感觉没什么优化的必要。其实这是一个误区,网站导航不仅包括这个主导航,网站其它栏目、文章分类、当前的位置、返回首页、返回上一页等都是网站导航系统的一部分。凡是有助于方便用户浏览网站信息、获取网站服务,并且在整个过程中不至迷失、在发现问题时可以及时找到帮助的所有形式都是网站导航系统的组成部分。

上海网站建设,SEO快速优化排名公司,网络营销推广,百度SEO

清晰的网站导航系统是网站设计的重要目标,对网站信息架构、用户体验影响很大。基本上每个网站都有自己的网站导航系统,来帮助用户更快更好找到想要浏览的网页及分类。而对于网站管理者,导航也无非是想让用户更好的浏览,提升用户网页停留时间、减少跳出率、提高PV。马海祥觉得对于一个合格的SEOer来说,优化网站导航是每个网站都必须做的,而且还是必须要做好的一个重点。那么我们到底要如何优化网站的导航呢?

一、为什么要优化网站导航?

1、网站导航可以让用户在浏览网站过程中不至迷失,并且可以方便地回到网站首页以及其他相关内容的页面。

2、网站导航决定了用户在网站中穿梭浏览的体验,网站能让用户继续浏览下去是最基本的。

3、网站导航设计合理,可以将网站的内容和产品尽可能多的展现在用户面前。

4、合理的网站导航可以增加用户粘性,提高网站的浏览深度,增加PV,降低网站的跳出率。

5、清晰大方的网站导航更容易获得用户的好感,提高网站的回访率。

6、简洁的网站导航,搜索引擎能最大限度的抓取网站,从而增加网站的收录量。

二、网站导航的五大元素

1、网站的LOGO标识

一般来说,我们凭借网站的LOGO标识来识别目前所在的是哪个网站,比如你就可以从现在查看的文章页面上,判断出你目前所在的网站就是马海祥博客。它就好像是商标,具有其独特的识别性和显著性。我们应该一眼就能分辨出一个logo标识和其他logo标识的区别。由于网站的特殊性,网站logo不应该过于复杂或者花哨。让人第一眼无法分辨的LOGO不是一个好商标。商标一般出现的位置位于网站的左上角。

2、网站的栏目

顾名思义,网站栏目是各个子页面的结构,不同的结构关联着不同的种类内容。栏目也可以进行二次分类,这些细分类通常都应用在大型的网站上。

3、附加功能

这里可以说是一个使用工具栏,它同样指向一些重要的页面,但这些页面并不属于网站的主要内容。他们一般是针对网站本身所需要的功能,例如帮助、网站地图、联系我们等等。由于导航栏那里的空间有限,如果放太多附加功能可能会有点喧宾夺主,更多的网站会选择把这些附加功能放在页面最底端。

4、搜索工具

很多人喜欢搜索工具。有些人一到某个网站就开始寻找搜索框,就好像他们一到商场就找服务员一样。对于那些大型网站尤其如此,用户没有很多精力和时间去寻找内容,特别是他们觉得要找的内容比较冷门的时候,这时候搜索工具是他们唯一的选择。

5、返回首页

上海网站建设,SEO快速优化排名公司,网络营销推广,百度SEO

这是导航栏中非常重要的一个元素,也许你不知道该怎样去网站的其他地方,这时候点击“返回首页”就能够回到最开始的地方。当然也有很多的网站就直接使用“主页”或者网站名称(比如:马海祥博客)作为返回首页的按钮,如上图所示。其主要的作用就是不管你是否迷路,你都能随时从新开始。

三、如何优化网站导航?

1、主导航栏目结构和名称要清晰

主导航栏目是导航系统最重要的一块,通常来说主导航目录均为网站的一级目录,所以为了让网站扁平化,减少链接层次,利用好主导航目录层次优势规划内容非常有必要。

上海网站建设,SEO快速优化排名公司,网络营销推广,百度SEO

首先导航内页和首页点击距离的控制问题,要减少链接的层次,在此建议大家使用像马海祥博客网站的扁平化结构,一般不要超过四五次。其次对导航进行设置的时候尽量使用最普通的HTML就可以,所有的导航基本都是如此,马海祥提醒大家一点,导航中不要把图片作为导航链接,也不要用FLASH,JavaScript生成的导航系统也不要使用,之前就说过,对于搜索引擎来说这就是蜘蛛陷阱,同时还会增加了网页加载时间。

2、网站导航包含关键词

导航系统中的链接通常是分类页面获得内部链接的最主要来源,数量很大。所以在选择导航链接关键词时要注意分类名称尽量使用目标关键词的长尾词。但是很多时候在选择导航关键词时要顾及用户的体验,所以在很多情况下没有直接用栏目页关键词,这个时候就要注意导航文字与目标页面有相关性。比如你的导航名称是马海祥seo思维,可点进入是最新产品肯定就不对了。

同时导航中不要堆积关键词,很多站长喜欢在导航堆砌关键词,这既不利于用户体验,搜索引擎也会察觉,不要刻意在导航每个位置都加入目标关键词或者在导航的链接标签中堆入关键词。


四、如何发挥网站导航的作用?

上海网站建设,SEO快速优化排名公司,网络营销推广,百度SEO

1、网站导航设置要醒目,易于发现和点击。

2、在每个网页的固定位置上放置同样的导航栏,以便当潜在客户随时定位自身位置,自如地在网站上阅读。按照多数用户的习气,导航栏普通放置在网页的顶端或左侧。如运用随页面浮动的导航栏,也请坚持在不同页面的同一方位。

3、各栏目的题命名简短、明白。导航栏的文字标题要了如指掌,能够让人在最短时间内领会到各栏目的主要内容。

4、各栏目分类明晰,避免重复交叉,网站中的同类内容最好划分到同一栏目中,以免给潜在客户构成困惑;

6、每个网页都有明显的指向首页的链接,常见的做法是将网站称号或网站标志(LOGO)放在导航栏左端或页面左上角,作为返回首页的链接,以便潜在客户在“迷路”的时分可以随时回到网站首页。

此外,马海祥建议各位站长在可以点击的链接添加可识别的方式作出明显标志,点击链接时是新翻开窗口还是在原来的窗口中展示,进入网站或翻开链接时能否有令人反感的弹出窗口,也都会对潜在客户的运用体验产生不同程度的影响。好用的网站一定会在每个细节上都充分思索潜在客户的运用习气和感受。

马海祥博客点评:

相对于导航来讲,一个网站的导航栏目,主导航链接越多,网站越扁平。而相对于权重来讲,导航的仅次于首页。一个网站的链接层次最好能让搜索引擎点击4次就能找到,搜索引擎每当搜索到超过5个点击的普通文章,他会选择放弃的。最后一点就是网站的导航页面链接一定要适中,在网站规模上,用户体验做好平衡。

知识扩展:

网站导航对于整个站点的关键词布局,用户体验度都是有非常大的影响。至于说网站导航存在的必要性主要体现在以下几个方面。

第一,引导性。

利用主导航可以让用户很快找到需要的分类,然后通过这个主导航缩小自己寻找的目标范围,更加从容快速的找到相关内容。

第二,体验性。

网站导航可以让用户无论在哪个页面都可以迅速的回到它想要的页面,也是用户可以继续浏览整个站点的基本条件。

第三,合理性。

合理的网站导航能够为用户梳理不同的产品及访问,让更多的产品更容易展现在用户面前。

第四,提升网站粘性。

利用网站导航可以让整个网站的粘性增加,可以增加网站PV,降低跳出率,提升整体转化率。

第五,利于网站排名

好的网站导航可以让蜘蛛更容易抓取,也就会更好的收录整个站点内容。而且每个主导航列表内都可以添加我们需要的关键词,嵌入这些关键词能够快速的提升整站排名。

至于说为什么网站导航比较重要,也正是以上这些方面因素决定的。只有将这些细节都做好,才有可能建设一个比较完整的网站,对网站用户来说体验性更好,对搜索引擎而言,更利于整体排名。

导航的优化工作是非常重要的。

1)栏目结构清晰

在网站制作的过程当中,对于所有的栏目结构,一定要有着最为清晰的优化设计,一定要做到通俗易懂,而且栏目的名称和整个结构都要保证在一致的状态之下,当然导航成为一个网站最重要的组成部分,也成了网站在实际进行设计过程当中的收入目标,为了让整个网站的整体结构更好,在实际进行设计的过程当中,要利用组织优势来进行设计,通过主导航的设计工作,让这个导航的系统变得更加的清晰。

2)出现关键字

网站制作和关键词同样也是非常重要的,在进行导航设计的时候里面一定要出现一些网站的关键字,这对于网站的推广或者优化而言有着至关重要的意义,网站导航需要添加更多的关键词,只有这样才能够获得良好的内部链接,而且选择关键词的时候,也一定要有各种不同的关键词的导入方式。

3)面包屑导航设计

网页设计同样也要注意面包屑的导航设计,在优化网站的同时,很多情况下都有着这样的设计风格,也要明确的告诉用户当下的位置,这样才能做好一系列的方向设计。


为回答如何创建众所周知的“清晰、简单、一致”的导航,我总结了以下网络的基本导航惯例:

全局导航——什么与为什么?

现在不要急着往下看,毕竟他会跟着我们的。

Web设计人员使用“持久化导航”(或全局导航)来描述在应用程序的每个页面上出现的导航元素集合。

持久的导航——用一种平静、理性的声音说:

“这个元素在这里。有些部分会根据你在网页应用中的位置而有所改变,但它会一直在这里,而且总是以同样的方式引导用户。”

就像商店里的各个部门的名字一样,不管你在哪里,如果你想知道你的位置,你总是会抬起头来,然后你可以以自己的方式找到你最喜欢的巧克力。

只要导航出现在每个页面的相同位置,并且保持一致的外观,就可以立即确认你仍然在同一个应用程序中——这比你想象中的更为重要,在整个应用程序中保持一致意味着你只需要知道它是如何工作的。

关键部分:

关键部分——有时被称为“主导航”——是应用程序主要部分的链接,也是应用程序的层次结构的最高级。

在某些设计中,持久导航还将包含显示二级导航的空间:当前部分中的小节列表。

在其他情况下,指向一个名称或点击它会显示一个下拉菜单。而在某些情况下,单击它将带你到该部分的首页,在那里你会发现辅助导航。

面包屑导航——您的导航指南

就像“你在这里”的指示器一样,面包屑导航会告诉你你在应用程序的具体位置。

其作用当然是不言而喻的,不占用太多空间,却提供了一个方便和一致的方式来做你最需要做的两件事情:回到上一个页面或者首页。

他们之所以被称为面包屑,是因为它们让人想起汉斯在树林里掉落的面包屑,使得他和格莱特尔可以找到回家的路。

面包屑向您显示从主页到您所在的位置的路径,让你轻松地在应用程序中移回到更高的层次结构。

很长一段时间,面包屑导航是一个奇怪的现象,只在应用程序中才有大量的数据,但现在它们在UI/ UX中是必不可少的。

以下是一些最佳实践方法:

1、置顶

面包屑导航在置顶中似乎是做的最好的,我想这可能是因为把它们边缘化了——让它们看起来像一个附属品,就像书或杂志里的页码一样。

2.使用>层级

试验和错误似乎表明,层级之间的最佳分隔符是“大于”符号(>),可能是因为它将向下移动可视化。

3、最后一项使用粗体

列表中的最后一个项目应该是当前页面的名称,并使其为粗体,以突出其应有的重要性。 因为这是当前使用页,自然它不是一个链接。

标签

选项卡是少数几个在用户界面中采用暗喻的例子之一。就像一个三环的活页夹里的文件一样,它们会把东西分成不同的部分。通过点击它的标签(或者,在Web上点击它)来打开内容是很容易的。

如果你还记得购物中心和巧克力,那也很棒了。标签类似于商场的一个货架,它会告诉你你的所想之物在哪里,你可以在不同的货架上看到不同种类的巧克力,供不同的人购买。

我认为这是一个非常优秀的导航选择。这也是为什么我喜欢他们的原因:

1、简洁明了

我从来没见过任何人——哪怕是“电脑文盲”——看一个选项卡界面,然后说,“嗯,我想知道这些是怎么做的?”

2、不容错过

当我做可用性测试时,很吃惊的是,人们在网页顶部经常忽略水平导航栏。而选项卡的视觉特征是如此的与众不同,以至于很难被忽略。因为除了导航,它们很难被误认为是其他的什么,所以它们创建了导航和内容之间的那种“显而易见”的划分。

3、操作平滑

网页设计师总是在努力让页面看起来更有趣一点。如果操作正确,选项卡还可以为你的导航润色,并提供其他实用功能。

结论

理解导航可能是困难的,实现它也许更加困难。但是无论你做什么,你都必须确保你实现的导航是终端用户想要看到的。这非常重要,因为用户比你想象中的更想快速的找到自己想要的东西。

上海网站建设,SEO快速优化排名公司,网络营销推广,百度SEO


1890+ 家企业都在用陆壹网络关键词快速排名系统,你还在等什么?

点击立即注册