2016-10-9 ui设计分享达人
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
提到网站SEO优化，我们首先想到的是“一个中心，两个基本点”，而访问一个网站，我们首先会去关注的是这个网站的导航，一个网站的导航就好比是一本书的目录，具有检索功能、报道功能、导读功能，通过网站的导航我们就可以了解到这个网站的主题和定位，具有引领读者的作用，由此看来网站导航在SEO优化网站有着举足轻重的地位。
将导航放置何处，以何种方式展现，这都是不容忽视的，无论是水平布局还是垂直布局，都要尽量满足用户使用习惯，水平式导航菜单的好处是明显，清晰可见，大家都会知道导航条在上方，而且不是那么占据空间，而垂直的导航菜单可以兼容不同的屏幕尺寸。
说到网站的导航，究竟网站中包含了那五大导航，这五大导航在SEO优化网站中究竟又有什么作用？接下来，SEO论坛就结合一下SEO优化知识来给大家一起探讨网站中的五大导航。
1、主导航
一个导航必须可以告诉用户自己所浏览的栏目是什么，同时在分不清次导航的情况下对自己所处的位置也有个了解，不管怎么说，主导航是网站的主体，同时也是能否让用户停留在网站中的关键所在，所以觉得好好设置主导航是网站优化中必须做好的第一步。
（1）、主导航的作用
网站主导航位于网站最上面，通常网站的主导航主要包括网站的首页和产品新闻栏目及各个单页面的导入链接。
从用户体验度的角度来看：一般情况下，导航上的栏目或单页面，是这个网站中最主要的、必不可少的内容，也是SEO站长希望除了首页外，最希望别人点击进入的一些页面或想要别人了解的一些信息。
从搜索引擎优化的角度来看，网站的主导航位于SEO优化网站中F区的最重要的部位，是搜索引擎蜘蛛检索最看重、权重较高的一个位置，同时在网站的主导航上还布局了产品新闻栏目及各个单页面的导入链接（各个二级栏目间的回流设置），是设置整个网站回流的最核心的部分。
所以，不管是从用户体验度上考虑还是从搜索引擎优化的角度考虑，网站的主导航都是一个网站中必不可缺少的一部分。
（2）、主导航的优化设置
首先主导航其实就是咱们常说的菜单栏，这个导航条在网站中占据的位置是整站除了网站标题之后最重要的，它既要提供给搜索引挚网站有哪些内容，同时也要让用户知道网站做的内容有哪些。
对于主导航咱们需要从两方面来对其分析看看如何做优化设置：
①、从搜索引挚方面，主导航必须是纯文字形的，而且不能带任何的修改代码，特别是以图片、FLASH、JS代码、框架代码作导航的是要不得的，同时主导航中的相关栏目都应该前后具有相关性，千万不要前面的是减肥的，后面是丰胸的，不相关的导航栏目并不能提升关键词排名。
②、从用户浏览的方面分析，首先咱们需要弄清楚用户需要什么的样导航，导航呈现的形式如何，颜色的搭配是否合理，是否刺眼等。
2、副导航
提到副导航，我们都知道是相辅于主导航的导航，通常网站是没有副导航的，只有在网站主导为图片的情况下，才会在网站底部加上副导航。
（1）、副导航的作用
只所以在首页增加网页副导航，是为了方便用户更直接的找到自己想要看的产品，当然还有一个目的就是网页副导航可以增加相关关键词的密度，有利于自己网站的关键词排名，但是很多人往往把副导航给忽略了，而细节的考虑，更没人去注意了。
副导航使用的目的主要是从搜索引擎优化的角度考虑的，辅导航主要由主要栏目、单页面及网站内的一些重要页面的锚文本链接组成的，这样不仅有利于引导搜索引擎蜘蛛对网站内这些重要页面的抓取，同时副导航也是网站回流的一部分，是SEO优化网站中重要的组成部分，一个网站可以没有副导航，但如果有副导航就如同锦上添花，更加有利于网站优化，提升网站关键词排名。
（2）、网站副导航在左边比较好？还是右边好？
按照国人的浏览习惯，SEO论坛建议站长在进行网站建设的时候，把产品的副导航放置在左边，为什么会放置在左边呢？其实，这主要是根据访客的浏览习惯，像WordPress的一些栏目都在左侧，这可能跟国外客户的浏览习惯有关，就像过红绿灯一样，国人都是遵循靠右边走的原则，而国外有些国家过红绿灯的规则是靠左边走的。
有人会有疑问，你为什么就这么肯定国人的浏览习惯是靠左边的呢？其实，我们还可以借助工具分析下用户浏览行为，以及用户点击行为，我相信很多做美工的朋友，应该更能体会副导航条到底是放在左边还是放置在右边比较好。
给大家提供一个百度统计里面的工具：百度热力图，这个可以看出你网站的页面，哪个地方鼠标点击去区域比较密集，估计很多人都没有用过。
（3）、产品类别多的话，如何设置栏目副导航？
有的企业产品类别很多，这个时候应该如何设置副导航栏目呢？给大家提供两种常见的方法：一种是我们只在首页副导航写上产品的大类别，就像我这篇文章里面第一幅图片一样，把一个类别按照一个系列来划分，当用户点击垃圾桶系列的时候，我们在栏目页在进行详细分类，比如下面这个卖垃圾桶的，他就是在首页只放置了大类别的，而栏目页按照材料进行了详细划分。
这种分类相对来说还是比较清晰明了的，用户可以按照一些垃圾桶的材料进行选择自己想购买的产品，而右边的序号，用户只要报出什么类别的那个号，销售人员就能大概知道是哪个垃圾桶了，非常有利于用户体验。
另一种，可以直接在首页做成下来菜单那种形式的，鼠标放到大类别上面自动出现相关下属的小类别，或者做成京东这种样式的，点击大类分别出现不同的小类，如下图所示：
其实网站建设中有很多细节都是需要注意的，我们整天说用户体验，但是很多做网站还是没考虑到访客的体验，只是按照葫芦画瓢，没有加入一些有利于用户体验的细节，这其实都需要网站策划或者负责人的网络公司应该做的。
3、面包屑导航
面包屑导航在SEO优化网站中的地位虽不及主导航，但是它在网站的重要性也是不容忽视的，我们都知道，网站主导航是在多个栏目页面之间切换，主要包括各个二级栏目（产品栏目、新闻栏目）及优化网站内重要页面（单页）间的切换，而面包屑导航主要是首页、二级目录和三级目录之间的相互切换，比如首页-新闻栏目-新闻详细页面，将每一级都写成锚文本了解形式，这样一来不仅提升了用户体验度（用户就会知道自己当前所处的位置，方便用户的流量），同时也有了搜索引擎的抓取，也让搜索引擎蜘蛛了解你SEO优化网站的结构。
分类页上面的面包屑导航相对来说优化设置比较容易，只要把分类栏目跟首页连在一起就行了，而且分类页的面包屑导航一般都是由一而终的，就是不管你翻多少页，次导航的内容都一样的，那对于内容页的面包屑导航咱们应该如何做呢？
（1）、导航最后一层不要设置回链，毕竟这是最底一层了，设置回链对优化不利，有为优化而内链的嫌疑。
（2）、导航前面两层都应该设置超链接指向相应的页面，这样方便用户通过次导航就可以返回上一层。
（3）、导航不得加H标签，一些站长喜欢在这里加上H标签来聚集网站权重，其实是弊大于利。
4、底部导航
一般程序都不会自带底部导航的，大部分拥有底部导航的原因是站长为了增加关键词密度及提示用户可以通过底部导航返回相应的栏目而设置的，当然设置了底部导航并不是说对SEO优化不利，只要设置正确了，其效果还是有的，那么咱们应该如何做优化设置呢？
就如某某博客的底部导航的设置方法，在底部导航中，如果不是为了SEO优化而设置的，那么首先要在链接中加上NOFOLLOW标签，告诉搜索引挚不要爬行这些链接，因为咱们是为了方便用户而设置的；如果为了优化而设置的那就不要加NOFOLLOW标签了。
一般底部导航应该放一些自已认为有必要的栏目关键词，如联系我们、免责声明、版权所有之类的就不要设置了，放这些到底部导航既浪费地方，而且对于用户和SEO优化都没有任何的帮助，尽量的把自己认为重要的，需要重复提示的内容放到底部导航，既可以告诉搜索引挚哪些是重点，同时也让用户可以在浏览到页脚时快速的返回到相应的页面。
对于底部导航的优化设置，首先需要一定量的数据分析，因为这个用得好对SEO帮助非常有用，然后根据网站的特点来设置，尽可能的把底部导航用在一些需要重要提醒的地方。
5、网站地图导航
提到网站地图，我想各位SEOer们可能都会想到sitemap.html、sitemap.xml、sitemap.txt的网站地图，这些网站地图的制做，是有利于搜索引擎抓取的，也是我们将网站提交给百度、谷歌、雅虎各大搜索引擎的检索的重要文件。
而在这里我想说的网站地图是指一个包含整个网站页面的单页面，这个单页面通常是需要我们手动添加的，但是这个页面就如同桥页需要我们针对这页面操作页面外链，并且要在整个网站中的其他页面也布局这个页面的链接，均衡这个页面中的导出链接。
网站地图中包含了整个网站中的所有页面，这样更加的有利于搜索引擎的抓取和检索，有利于网站的优化。
以上的五个导航就是SEO优化网站中的五大导航。希望各位SEO站长们能够合理的布局好这五个导航，通过这五个导航将整个网站衔接在一起，使整个网站活起来，让整个网站的性能得到更大的提升，从而在搜索引擎中获得更好的排名。
结语：导航菜单可能是网页设计中最重要的部分了，每个用户浏览网站时一定有所需，因此导航菜单能够帮助用户寻找信息，好的导航菜单像是导游，告诉用户网站是干什么的，内容分类有哪些，在哪里可以找到什么信息。
一个导航的优化设置是否处理得好，不但影响着SEO优化的效果是否最大化，同时对于用户体验而言也是非常重要的，所以说，把网站的所有导航都设置好，并做好优化处理，在搜索引挚和用户方面都可以获得不少的印象分。
（注：本文来自网络，版权归原作者所有）
