网页设计中涉及的SEO优化原则

　　网站的流量从客观上反映了一个网站的受欢迎程度，流量越大，网站的排名越靠前，社会影响力也越大，特别是对网络媒体而言，权威性、公信力也越强。

　　影响网站流量的因素有很多，如网站整体风格、网页设计、内容、权重、受众群、网络营销手段等等。而SEO优化的目标就是获取更多的流量，但这些流量怎么消化，怎么充分利用，网站的设计、内容和结构则决定了这些流量是否能转变成价值。

　　在众多的影响网站流量的因素中，网页的设计与构架是否友好已不仅是网站用户的外部需要，更是面向搜索引擎的内在需求。网页设计也从面向用户转化为面向搜索引擎，因此很大一部分SEO优化责任落在网页设计师身上。

　　然而仍有不少的网页设计师认为只要能设计出漂亮的网页出来就可以了，SEO优化是技术开发者的事，与己无关。在实际工作中，网页设计师与技术开发者之间明确的界限已经开始变得模糊，网页设计师除了设计网页外观与风格之外，往往还负责了前端HTML代码的编写，也就是说网页设计师实际承担着大部分的网站SEO优化责任。

　　网页设计中应遵循的SEO优化原则旧式网站代码臃肿、网站构架及代码不规范等，造成信息繁杂，难以清晰归类，要想取得一个好的排名几乎是不可能的。而且无论是从搜索引擎还是受众的角度来看，旧式网站在网站亲和力原则上相去甚远。用户大多是在被动浏览网页，甚至可以用受罪来形容：设计颜色纷杂，布局混乱，数据归类杂乱无章，这令浏览网页变得异常吃力，更别说什么好的用户体验了。

　　一、明确设计任务

　　设计是一种审美活动，一般都很艺术化。但艺术只是设计的手段，而不是设计的任务。对网络而言，网页设计的任务是实现设计者要表现的主题和功能。站点性质不同，任务也不同。政府网站、商业网站、行业网站在页面的分割、内容布局、界面的亲和等问题上都不一样，需要区别对待。

　　二、使用安全配色方案

　　颜色是由光的折射产生，红、黄、蓝是三原色，其他的色彩都可以用这三种色彩调和而成。美丽而丰富的色彩总能唤起人类的心灵感知，利用颜色的变化来表现光影效果，可以让作品更贴近现实，引起受众的情感共鸣，从而得到较好的传播效果。在设计中要充分考虑网页的适应性，在视觉上应该是一个整体，尽量使用网页安全色，会取得一个和谐、悦目的视觉效果和良好的用户体验。

　　三、采用标准化的DIV网页布局

　　在XHTML网站设计标准中，采用了DIV+CSS的网页布局方式实现各种内容的定位而非Table(表格)布局。DIV+CSS达到了内容与代码相分离的效果。使用DIV+CSS设计的网站是符合W3C标准的，可以更方便搜索引擎的索引。而Table布局会产生很多的垃圾代码，修饰的样式与布局的代码混合，很不利于直观。因此Div更能体现样式和结构的分离，结构的重构性强，也更符合web设计标准。

　　搜索引擎对标准化制作的页面给予了更高的权重，并且使用DIV+CSS的架构也有很多优势，比如改版方便，不需要变动页面的内容，网页打开速度也会明显加快。但应该注意的是要适当控制网页的体量。

　　四、精简冗余代码

　　在设计的时候要学会不留垃圾代码，合理运用JS(JavaScript脚本语言)、FLASH(动画)以及PICTURE(图片)。搜索引擎不认识FLASH、PICTURE是众所周知的，可以通过增加ALT标签加以描述;可将JS放在页面代码的底部以降低对搜索引擎的影响。但一味追求美观而大量使用图片来代替文字，对搜索引擎很不友好，是非常不明智的做法，页面中重要的地方应尽量使用文字而非图片或FLASH。

　　五、尽量使用静态导航

　　网站导航主要功能在于可以引导用户方便地访问网站内容，对搜索引擎也会产生诸多提示作用。好的网站导航要做到便于用户的理解和使用，让用户对网站形成正确的空间感和方向感，清楚当前所在的位置，找到自己想要的东西。用FLASH制作导航，虽然吸引了客户，获得了美观，但却忽视了搜索引擎识别不了FLASH导航的内容,这对网站的影响很大。

　　六、避免堆砌关键词

　　现在在网页设计中都知道关键词对页面在搜索引擎中的排名很重要，但在设计网页的时候要有策略的插入关键词,不能有大量的重复关键词。在搜索引擎的网页排名算法中，很重要的一个因素就是关键字密度，即某个词语在网页中的分布情况。一般来说，一个页面的关键词密度保持在2%-8%之间，密度过低会导致没有好的排名，而密度过高则很有可能导致被搜索引擎降权，起到相反的效果。

　　七、合理使用HTML标签

　　很多网页设计师会忽略网页中的各种META标签，如keyword(关键词)、Description(页面描述)等，完善Head区的这些辅助标签会使得页面在搜索引擎中更受欢迎。同时每个页面的TITLE(标题)是形容一个网页的最直观的部分。因此，网页本身是什么内容，搜索引擎蜘蛛首先会去从TITLE中发现。