网站SEO优化中的导航设计：提升用户体验与网站排名的关键策略

hwyzw

    蓝蓝设计是一家界面设计公司，专注且深入。它为国内外期望卓越的企业提供服务，包括卓越的 UI 界面设计、BS 界面设计、CS 界面设计、ipad 界面设计、包装设计、图标定制、用户体验、交互设计以及网站建设和平面设计服务。

    如果您想订阅本博客内容，每天自动发到您的邮箱中，请点这里

    提到网站 SEO 优化，首先想到的是“一个中心，两个基本点”。访问一个网站时，我们首先会关注其导航。一个网站的导航如同一本书的目录，具备检索、报道和导读功能。通过网站的导航，我们能够了解到该网站的主题和定位，具有引领读者的作用。由此可见，网站导航在 SEO 优化网站中有着重要地位。

    导航放置的位置以及展现的方式都不容忽视。无论是采用水平布局还是垂直布局，都应尽量满足用户的使用习惯。水平式导航菜单的好处较为明显，它清晰可见，大家能清楚知道导航条在上方，并且不会过多占据空间。而垂直的导航菜单则可以兼容不同的屏幕尺寸。

    提到网站的导航，那网站究竟包含哪五大导航呢？这五大导航在 SEO 优化网站中又有着怎样的作用呢？接下来，SEO 论坛将结合 SEO 优化知识，与大家一同探讨网站中的五大导航。

    1、主导航

    一个导航要能告知用户其正在浏览的栏目是什么。在分不清次导航时，用户也需对自身所处位置有所了解。无论如何，主导航是网站的主体部分，并且是能否让用户留在网站中的关键所在。因此，认为妥善设置主导航是网站优化中必须做好的首要步骤。

    （1）、主导航的作用

    网站的主导航处于网站的最上方。一般来说，网站的主导航包含网站的首页，还有产品新闻栏目以及各个单页面的导入链接。

    从用户体验度角度而言：通常情况下，导航上的栏目以及单页面，属于这个网站最为主要且必不可少的内容。同时，这也是 SEO 站长除了首页之外，最期望他人点击进入的一些页面，或是希望他人了解的一些信息。

    从搜索引擎优化角度而言，网站的主导航处于 SEO 优化网站的 F 区重要部位。它是搜索引擎蜘蛛检索极为看重且权重较高的位置。并且在主导航上布局了产品新闻栏目以及各个单页面的导入链接（各个二级栏目间的回流设置），这是设置整个网站回流的最为核心的部分。

    从用户体验度方面考虑，网站的主导航是不可或缺的一部分；从搜索引擎优化的角度考虑，网站的主导航也是不可或缺的一部分。

    （2）、主导航的优化设置

    主导航就是常说的菜单栏。这个导航条在网站中的位置很重要，仅次于网站标题。它既要给搜索引擎展示网站有哪些内容，又要让用户知晓网站的内容有哪些。

    对于主导航咱们需要从两方面来对其分析看看如何做优化设置：

    从搜索引挚角度来看，主导航需为纯文字形式，不能带有任何修改代码。尤其不能以图片、FLASH、JS 代码、框架代码来作导航。主导航中的相关栏目应前后具有相关性，不能前面是减肥的，后面是丰胸的。不相关的导航栏目无法提升关键词排名。

    从用户浏览的角度来分析，首先要弄明白用户需要什么样的导航，导航呈现的形式是怎样的，颜色的搭配是否恰当，是否会刺眼等。

    2、副导航

   

    提到副导航，我们知道它是辅助主导航的导航。通常情况下，网站是没有副导航的。只有当网站的主导部分是图片时，才会在网站底部添加副导航。

    （1）、副导航的作用

    在首页增加网页副导航，一是为了让用户能更直接地找到自己想看的产品；二是网页副导航可以增加相关关键词的密度，利于自己网站的关键词排名；然而，很多人常常会忽略副导航，也没人去留意细节方面的考虑。

    副导航的使用目的主要基于搜索引擎优化方面的考量。辅导航主要由主要栏目、单页面以及网站内一些重要页面的锚文本链接构成。这既有助于引导搜索引擎蜘蛛抓取网站内的这些重要页面，同时副导航也是网站回流的一部分，在 SEO 优化网站中占据重要地位。一个网站可以没有副导航，但有了副导航就像锦上添花，更利于网站优化，能提升网站关键词排名。

    （2）、网站副导航在左边比较好？还是右边好？

    根据国人的浏览习惯，SEO 论坛建议站长在进行网站建设时，将产品的副导航放置在左边。之所以放置在左边，主要是因为这符合访客的浏览习惯，像一些栏目通常都在左侧，这可能与国外客户的浏览习惯有关，就如同过红绿灯一样，国人遵循靠右边走的原则，而国外有些国家过红绿灯的规则是靠左边走。

    有人会产生疑问，你为何如此肯定国人的浏览习惯是靠左边的呢？实际上，我们能够借助工具来分析用户的浏览行为以及用户的点击行为。我认为，很多从事美工工作的朋友，应该更能体会到副导航条到底放在左边好还是放在右边好。

    提供一个工具，它来自百度统计，即百度热力图。通过它能够看出你网站的页面中，哪个地方鼠标点击的区域较为密集。估计很多人都未曾使用过这个工具。

    （3）、产品类别多的话，如何设置栏目副导航？

    有的企业产品类别很多，这个时候应该如何设置副导航栏目呢？提供两种常见方法：一种是仅在首页副导航处写上产品的大类别，如同我这篇文章首幅图片那样，将一个类别按一个系列划分。当用户点击垃圾桶系列时，我们在栏目页进行详细分类，例如下面卖垃圾桶的，其在首页仅放置了大类，而栏目页按材料进行了详细划分。

    这种分类较为清晰明了。用户能够依据垃圾桶的材料来选择想要购买的产品。而右边的序号，只要用户报出某类别的那个号，销售人员就大致能知道是哪个垃圾桶了。这对用户体验十分有利。

    一种是可以直接在首页做成下拉菜单的形式，当鼠标放到大类别上面时，会自动出现相关的下属小类别；另一种是做成京东这种样式的，点击大类后会分别出现不同的小类，如下图所示。

    其实在网站建设中存在很多需要注意的细节。我们时常提及用户体验，然而很多做网站的人却没有考虑到访客的体验，仅仅是照猫画虎，没有添加一些对用户体验有益的细节，这些其实都是网站策划或者负责的网络公司应当去做的。

    3、面包屑导航

    面包屑导航在 SEO 优化网站中的地位不如主导航重要，但它的重要性不可忽视。我们知道，网站主导航用于在多个栏目页面间切换，主要涵盖各个二级栏目（如产品栏目、新闻栏目）以及优化网站内重要页面（单页）间的切换。而面包屑导航主要是在首页、二级目录和三级目录之间相互切换，例如首页 - 新闻栏目 - 新闻详细页面，将每一级都写成锚文本形式。这样做，一方面提升了用户体验度，让用户知道自己当前所处的位置，方便用户的流量；另一方面也便于搜索引擎抓取，让搜索引擎蜘蛛了解 SEO 优化网站的结构。

    分类页上面的面包屑导航优化设置较易，只需将分类栏目与首页相连。分类页的面包屑导航通常是一以贯之的，即无论翻多少页，次导航的内容都保持不变。那么对于内容页的面包屑导航，我们该如何去做呢？

    导航的最后一层不要设置回链，因为这是最底层了。设置回链不利于优化，会让人觉得有为优化而进行内链的嫌疑。

   

    导航的前面两层应当设置超链接，使其指向相应的页面。这样做的好处是，用户能够通过次导航便捷地返回上一层。

    导航不能添加 H 标签，有一些站长倾向于在导航处加上 H 标签以聚集网站权重，然而实际上这样做弊大于利。

    4、底部导航

    一般程序通常不会自带底部导航。大部分程序拥有底部导航，是因为站长为了增加关键词密度，并且提示用户可以通过底部导航返回相应的栏目而进行设置的。当然，设置了底部导航并不意味着对 SEO 优化不利，只要设置正确，就会有效果。那么，我们应该如何进行优化设置呢？

    某某博客底部导航的设置方法是这样的：在底部导航里，若不是为了 SEO 优化而设置，首先需在链接中加上标签，告知搜索引擎不要爬行这些链接，因为是为了方便用户；若为了优化而设置则不要加标签。

    一般底部导航应放置自身认为有必要的栏目关键词。像联系我们、免责声明、版权所有之类的栏目就不要设置在底部导航。将这些内容放置在底部导航，既浪费空间，又对用户和 SEO 优化没有任何帮助。应尽量把自身认为重要且需要重复提示的内容放置在底部导航，这样既能告知搜索引擎哪些是重点，又能让用户在浏览页脚时快速返回相应页面。

    对于底部导航的优化设置，首先要进行一定量的数据分析，因为这对 SEO 帮助很大。接着要根据网站的特点来设置，要把底部导航尽可能地用在一些需要重要提醒的地方。

    5、网站地图导航

    提到网站地图，我认为各位 SEOer 可能都会想到.html、.xml、.txt 格式的网站地图。这些网站地图的制作，有利于搜索引擎进行抓取。同时，它们也是我们向百度、谷歌、雅虎等各大搜索引擎提交网站以供检索的重要文件。

    我想说的网站地图是这样一个单页面，它包含整个网站的页面。这个单页面通常需要我们手动添加。就像桥页一样，我们需要针对这个页面操作页面外链。并且要在整个网站的其他页面布局这个页面的链接，以均衡这个页面中的导出链接。

    网站地图包含了整个网站的所有页面。这有利于搜索引擎的抓取和检索。也有利于网站的优化。

    以上的五个导航属于 SEO 优化网站里的五大导航。希望各位 SEO 站长们能妥善布局好这五个导航，借助这五个导航把整个网站衔接起来，让整个网站变得活跃，使整个网站的性能得以更大提升，进而在搜索引擎中取得更好的排名。

    结语：导航菜单或许是网页设计里最为重要的部分。每个用户在浏览网站时都有其所需。所以，导航菜单能够协助用户去寻找信息。好的导航菜单就如同导游一般，它会告诉用户网站的用途，以及内容的分类情况，还有在何处能够找到何种信息。

    一个导航的优化设置处理得好与否，会影响 SEO 优化效果能否最大化。同时，对用户体验也很重要。所以，要把网站的所有导航都设置好，并进行优化处理，这样在搜索引擎和用户方面都能获得不少印象分。

    （注：本文来自网络，版权归原作者所有）

    未来的汽车 UI 将会让世界为之惊艳。【译文】进行 VR UI 设计案例的学习。