网站设计之导航栏目怎样划分？

• 顶部导航栏

• 尾部导航栏

有的响应式网站，为提高用户的体验，会设计一些面包屑导航，让用户能更清晰的理解网站的结构，达到目的。那么，今天也把面包屑导航加入到我们的网站导航设计里面。

所以，我们今天要谈的内容就是三方面：

顶部导航、尾部导航、面包屑导航

通常一个大气的网站，肯定会有通栏的导航或类通栏的导航，也就说顶部会专门划一个区域给导航，以显得高端大气上档次。当一个企业门户或资讯门户网站，也几乎是百分百会给自己一个通栏的导航。顶部导航需要注意的点：

1、导航栏目需要突出重点。

用户访问一个网站，如果几秒钟内看不到他想看的，或找不到网站重点想表达的东西，就会走。那么，我们就应当给用户一个信息，我们将重要的版块、重要的信息，优先呈现在他的面前。对于一个制造型企业来讲，产品是重点；对于一个服务型企业来讲，服务是它的产品，就是重点。此外，在某些方面，公司的通告、动态，行业的动态等，也是重点。

通常我们会在企业网站的导航栏菜单里，设置首页、产品、动态(或企业新闻)、行业新闻等几个类别。当然，也包括联系我们与关于我们等了解企业信息的栏目设置。这是一般网站的选择点。当然，我们更要从用户需求的角度来判断，是否有必要放这些信息。

2、栏目词汇设置需要关键词。

这是从优化角度上来讲的，SEO里面有一个关键词密度，关键词密度合适的页面，搜索引擎会让它优先展示在靠前的位置。当然， 并不是说一定这样设置了，就肯定会有百分百的效果，这也未必，优化是一个系统且长期的工程，搜索引擎考虑页面质量因素，并不仅仅是考虑的关键词密度这一项，但我们这样设置了，总比不设置要好。

3、导航的设置，可以是文字导航，也可以是图片导航。

当然，最好是文字导航。毕竟搜索引擎是不认识图片的，只能根据前后的文字或图片的alt描述来判断这张图片的干嘛的。而且文字导航栏，有利于搜索引擎优化，用户复制导航词时也方便操作。一般的用户是不会右键查看源代码的。

4、导航栏一般为增加用户体验，会用“伪类”hover代码，比如鼠标放上去，显示和其他地方的颜色不一样等，或有其他的特效。有些导航菜单下面会有子菜单，鼠标放上去，就自动显示下面的子菜单内容，这也是可行的。同时，最好是能加上_target等代码。让窗口能用新一页的形式进行打开。至于其他的，关于首页的顶部菜单，也就没有特别注意事项了。

再来看看尾部菜单。

简单的尾部菜单，会将版权等信息进行罗列;复杂的尾部菜单，在版权信息这一区域的上面，将网站的重点再复制一次;再复杂的尾部菜单，会将每一个栏目和子栏目都加一个超链接显示。我们这里要注意，在网站设计这一层面上，要考虑排版的美观，要考虑实用性。

可以注意两点：

第一：去掉实在没必要的链接，把重点再突出来，同时，进行弥补顶部菜单没放内容的缺陷。

第二：对没必要的版块添加nofollow属性，意即让搜索引擎不再抓取，到此为止。这个代码的意义在于，制衡了权重。不让权重过于分散。同时，不要可以的添加关键词，形成恶意的关键词堆砌。所以不要刻意添加。

面包屑导航

面包屑导航对于扁平化管理来讲，是非常必要的。面包屑导航，可以设置页面为详情页，可以设置为聚合内容的列表页，但需与导航菜单不一样，不然都重复了。面包屑导航，建议不要添加H1-H6的代码，主要起到了辅助导航的功能。