网站页面头部导航怎么设计

1. 网站的头部（head）如何优化

一、什么是网站头部title标签优化

所谓网站头部title标签优化是指对网站的网页标题标签进行优化，网站的title标签优化尤为重要。搜索引擎会重点考虑网页标题标签的关键词来理解网页的内容。直接影响网站后期的排名优化。

Title标题，存在于网页的头部标签内，如图-1所示

二、网站title标签设置技巧

思维导图

1. 页面title关键词设置原则

网站不同页面title关键词设置不能重复一样，很多网站无论是首页还是内页，都设置了同样的标题内容，这种做法将直接导致搜索引擎无法理解到底每个页面是关于什么内容的。所以网站中不同页面的title标题是不可以重复的。

2. 页面title关键词设置技巧

关键词简练通顺，不堆积、重复关键词。标题中关键词的适当重复是有利于搜索排名的，重复的关键词会加深搜索引擎理解。但是过度的堆积，会让搜索引擎认为有关键词堆砌的嫌疑，而堆砌关键词是作弊的表现，会受到搜索引擎的惩罚。堆砌效果如图-2所示：

图-2

合理重复关键词是有助于优化的，将最核心的词或者最难优化的关键词包含在其他关键词内进行重复，重复次数3次左右。例如，关键词“长沙SEO”，那么标题可以这样写：长沙seo-长沙seo网站优化—seo网络推广-长沙SEO顾问首选-知无忧博客。将“长沙SEO”穿插在其他关键词中。在这里需要注意，关键词的重复次数最好在3次以内，如果重复次数太多，会加大被惩罚的风险。

3.字数限制

设置title标签的关键词字数是有限制的，title标题字符长短，网络最好控制在30个汉字左右，谷歌32个汉字。如果字数大于30个，搜索引擎显示不出来，影响用户体验，阅读起来也不容易理解。如图-3所示：

图-3

4. 优化关键词出现的位置

关键词出现的位置对网站排名的影响，标题关键词越靠前网站给予的权重就越高，通常排名越好。对于注重效益的网站设置关键词时最好将产品词放在最前面，品牌词放在后面。如图-4所示：

图-4

如果网站主要是品牌宣传，注重品牌的网站可将品牌词做在前面，产品词放在品牌词的后面，这样能突显网站品牌。如图-5所示：

图-5

总之，将希望有排名的关键词尽量布置在标题的前面。此处建议公司或品牌名称放在标题的最后。原因很简单，对于公司品牌词几乎没有竞争度，优化难度不高，而产品词相对有优化难度，所以将宝贵的“好钢“位置留给”刀刃“吧。

5.标题符号优化

为了方便整洁的体现网页标题，在标题标记里面，词与词之间会用符号隔开。那么用什么符号隔开既能起到优化标题的作用，又有可行性呢?

标题标记中符号可考虑使用-、|、>、_，而更常用的是下划线_和中横杠-，如图-6所示。

图-6

竖杠会给人一种挤挨到起的感觉，所以下划线和中横杠使用居多。效果如图-7所示：

图-7

除了上述常用符号，还有一些其他符号的使用，例如斜杠/，括弧()，【】，如图-8所示。不管使用何种符号都是出于吸引眼球的目的，但不建议大家使用特殊符号。特殊符号例如“★”“○”“●”等。强烈推荐图-6的书写方式，并且符号建议使用英文符号。

图-8

6.优化核心关键词在title的布置

经过对于核心关键词的挖掘及选取之后，是时候将它们布置到首页的title中了。在布置关键词的时候，关键词之间适当的能够以排列组合的形成构建关键词，这样排列组合形成其他关键词，达到同时优化更多关键词的效果。但需强调的是，可用于排列组合的关键词都是优化难度相对较小，业务关注度相对不太重要的词。核心关键词不可强拆。如图-9所示：

图-9

可以同时优化的关键词有：

上海装饰设计(公司)、上海装修设计(公司)、上海装潢设计(公司)、上海办公室装饰(公司)、上海办公室装潢(公司)、上海办公室装修(公司)、上海办公室装修设计(公司)、上海办公室装饰设计(公司)、办公室装饰设计公司等等。

7.标题不出现无意义的关键词

标题数字有限，不要出现无意义的关键词。如图-10所示，标题出现网站网址。

图-10

8.标题不能经常修改

需要强调的是，首页标题一旦设定，不要轻易修改。频繁的更改网站标题，会使搜索引擎认为主题不明确，网站不稳定，致使关键词的排名不稳定。一旦由于频繁更改title标题而导致降权，恢复排名将会花费很长时间，甚至无法恢复。

建议网站在建设之初，将关键词设定好后就不要轻易修改。但是凡事也有例外，如果网站上线后需要修改多个页面的title标题，那么建议一次性修改完毕，不要反复修改或间歇性修改。修改后网站一定会在排名权重上有所波动，此时静等恢复即可。

首页title标题的修改影响面相对其他页面标题修改是最大的，将会影响整个网站。而如果是栏目title标题修改，影响的只是当前栏目。如果是文章页标题修改，影响极小。虽然其他页面标题修改影响面小，但如果大量栏目标题修改或是文章页标题修改，对于网站稳定性的影响还是很大的。所以，title标题关键词更改数量尽量少，页面修改数量也尽量少。

三、网站各级别页面的title书写技巧

思维导图

常见网站各级别页面的title书写格式如图-11所示：

图-11

1、首页title标题布置技巧

首页标题：A网(品牌词)-核心词，如图-12所示：

图-12

首页标题：核心词-A网(品牌词)，如图-13所示：

图-13

2、频道/栏目页title标题布置技巧

频道页/栏目页标题：栏目关键词_-A网(品牌词)。建议将栏目关键词放在标题的前面，不建议将品牌词放到前面。

对于很多网站来说，栏目页的关键词不一定是栏目的名称。例如某影楼家具网站导航中，“产品展示“是其中一个栏目，如图-14所示：

图-14

点击“产品展示“栏目页，页面title标题并非是“产品展示-A网“，而是布置了当前栏目要优化的产品关键词，如图-15所示。栏目标题的关键词可布置2-3个。

图-15

3、文章页title标题布置技巧

文章页title标题布置：文章名称_栏目名称-A网(品牌词)。如图-16所示：

图-16

文章页title标题布置：文章名称 -A网(品牌词)。如图-17所示：

图-17

通过对网页title标签的优化，即利于搜索引擎理解抓取，又可以提高用户体验，对网站后期优化有至关重要的作用。

2. 建设网站中的导航栏在设计时有哪些常见的样式

分享几个常见的导航设计：
1、滑出导航
滑出式导航是现在很流行的一种，当用户打开页面时，第一眼看到的是主要的内容而非菜单，给用户更好的第一印象。响应式全屏滑出导航也可以给人愉悦的体验。
2、全屏导航
全屏导航设计对内容有强调作用，用户可以更加便捷地切换到不同的页面，让内容成为更加触手可及的东西。如果设计的够合理，用户会在无意识间充分运用起它的导航功能。
3、单页滚动导航
对于不含有大量内容的网站而言，单页式的导航的效果非常不错。这样的网站只需要简单的向下滚动操作，内容就会持续不断地到你的眼前。
4、垂直导航
垂直导航最流行的有两种排版方式，一种是隐藏式的导航菜单，需要的时候点击显示。另外一种是固定的侧边栏来展示菜单。它为网站设计提供了一种新的视觉体验。
导航如何使用，还是要结合你的项目的具体特征来决定的。

3. 如何让一个导航浮动在网页的头部

一、代码：把网页中所有浮动的导航条放在一个大层里，再给这回个大层设置样式如下答
二、<div class="head"> </div>
.head{background: white;position: fixed;top: 0;width: 100%;z-index: 80;}

4. 网站建设中导航应该如何设计

网站导航是影响用户体验的重要因素，只有清晰专业的设计才会给用户带来耳目一新的感觉，从而提升公司的形象，故而在网站建设中，设计师要重视导航的设计。以下是设计网站导航的几个特点。
1、清晰性
清晰性是网站导航设计的首要目标，导航起着引导用户浏览信息的重要作用，而导航设计的清晰与否直接影响了网站信息架构以及用户体验。导航的清晰不仅体现在导航按钮的明朗设计上，还要体现出主导航与副导航之间清晰明了层次性。
2、面包屑导航
面包屑导航是一种线性的导航方式，通过搭建极具层次的网站架构，让用户在访问网站时迅速获取当前页面在网站中的位置，通过提供各个层级的快速入口，方便用户操作。需要注意的是，并不是所有的网站都适用面包屑导航，对于一些层级较深骨架清晰的网站，面包屑导航不失为一种极佳的选择。

5. CSS怎么设计网页头部

在div+css布局中，一般都像下面这样来整体构架的：

<div id="header"></div>

<div id="center"></div>

<div id="footer"></div>

对于header部分，肯定要显示网站标题，除了显示网站标题外，还可能要显示其他比较重要的对象，比如网站的导航栏：

<div id="header">

<div id="title">这里是网站的标题</div>

<div id="nav">这里是网站导航栏</div>

</div>
导航栏一般是由多个小块内容组成，选择无序列表

<ul><li></li></ul>

6. div+css如何布局头部导航条！

1、新建一个html页面。

7. 分析一网站导航怎么设计更合理，要注意些什么，网站头部应该如何设计，网站底部应该如何设计

逻辑合理，清晰明了，让浏览者或用户，清楚明白什么意思。很快找到自己想要的东西。
最好不要采取，图片、flash导航，不便于搜索引擎收录。底部可以注明关键词、版权、备案号、联系方式、辅助链接等。文本形式。如果获得某项网络认证也可以添加。
设计方面：头尾应当呼应。色系和视觉重心分布合理！不要头重脚清！

8. 如何设计网站导航系统

导航模式

网站的导航如何设计，在设计网站导航时首先应该明确用户的浏览习惯，根据用户的浏览习惯，首先会先大概地扫视一遍页面，其次则会开始寻找导航栏，快速从导航栏上找到主要信息，引导用户寻找网站对他有用的信息。一般来说左边的权重要比右边的权重要高一些。

网站的导航信息应该明确，，设计一个有魅力的导航还能留住用户浏览更多的内容信息，带给用户良好的体验。在网站导航设计上应该主要关注一下几点：导航的模式常见的导航模式有很多，例如顶部水平横栏式，垂直导航栏，侧边固定式，滑出或者弹出窗口导航等，通常网站是根据所要展示的内容要点来选择不同的导航。如果网站的内容较少，在网站导航上可以选取水平式导航，这样既可以重点内容而且简单清晰，网站内容较多的时候可以选择抽屉式的导航，用户在浏览网站时各种信息都很明确。如果网站的显示页过长，比较试用的是垂直式导航，方便用户在浏览内容时导航信息始终保持在一个位置可以被快速找到。

导航内容

网站的导航应该是对整个网站想要展示的信息总结，导航的信息要与详细页面符合，标题的总结要精简，注意网站小内容最好不要以导航的总标题形式出现，可通过细分的下拉菜单，或者以更多形式的小菜单栏里出现。

导航细节

在导航设计时可以设置一个“回到顶部”的标志，以便用户快速到达头部的导航位置。这样对于网站内容较多用户下滚的内容过长时就可以快速的回到顶部了。

导航创意

我们都喜欢新的东西，在看惯了千篇一律的导航形式如果能给导航加点创意，那么肯定会非常吸引人眼球。

网站的导航在网站设计中有着举足轻重的地位，好的网站导航是成功的一半，所以在网站的导航设置上更加注意。

9. 一个企业网站改版，要如何进行网站导航设计

一个企业网站改版，要表现出良好的用户体验优化，一个清晰、准确的导航是必不可少，网站的导航就像人体的骨骼，是网站内容架构的体现，是对用户进行引导的重要因素，正确的网站导航要做到便于用户的理解和使用，根据企业网络营销网站定位的不同及推广优化的需要，可以采用全局导航、辅助导航和网站地图，这三种导航互相结合的方式展现。 ◆全局导航：一般来说，全局导航是每个网站必不可少的，一般企业的全局导航必须注意以下几点： ·站点logo：logo必须加上回首页的连接 ·回首页：每个全局导航条左边位置同样出现回首页的提示及连接 ·全站基础栏目（一级栏目） ◆辅助导航：又叫层级菜单，体现为内页的“当前位置”提示，主要功能是提示用户无论身处网站何处，都不会迷路，辅助导航反映了网站的结构层次，是对全局导航的有效补充。辅助导航的设计需要注意以下几点：·出现的位置在全局导航之下、正文内容之上的过渡空间 ·层级关系体现正确，用户通过当前页面可以依次返回上一页、直至首页，不出现缺链、错链的情况 ·形式采用文本链接，而不是图片 ◆网站地图是将网站内深层次的链接关系在一个页面展现出来，让用户对网站内容与结构全局快速了解，就像大卖场的指示图一样。结构合理的网站地图，不但能让浏览者对整个网站的结构内容有个初步印象，同时也是对搜索引擎友好的表现。 网站地图的设计应该重视以下几点： ·快速加载页面，因此去除任何图片 ·层次感，而不是密密麻麻堆砌链接 ·呈现的层次不宜过多，也不宜过少，一般呈现到主导航下的二级菜单 ·文本链接方式，而非图片 ◆不得不提到的就是导航设计的禁忌有些网站改版为了表现自己的炫酷，或者设计师为了强调自己在flash方面的“造诣”，在全局导航上大作文章，比如：·使用移动的图片：难以找到点击区域，整个在“戏弄”用户，让用户产生厌恶感和挫败感。·使用隐藏等表现形式：把导航藏起来，只有鼠标移动到相应区域才会出现。·图片或flash导航没有文字提示：从视觉上来说很醒目，但是从易用性来说，却没半点优势。总之一句话：企业网站改版要考虑三要素： 面向搜索引擎优化的改版，面向用户优化体验的优化，面向企业VI形象设计的优化！(转自：企业网络营销推广、策划、咨询第一站-湘骑士——www.xiangqishi.com)