网页设计中应遵循的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中发现。

没有搜索引擎，哪里来的访客？而SEO必须融入到网站设计之中，网站规划之时就是SEO启动之时，没有“第三代网站设计思维”的设计者把一个网站完工之后再去做SEO只能是补救———结构上比较适应搜索引擎的网站，SEO相对代价小；而结构上有重大问题的网站，可能需要推倒重来，损失的就不仅是金钱，还有宝贵的时间甚至商机。网站设计的优化不仅影响搜索引擎的喜欢与否，也决定了一个网站能否被访客接受。网页设计和SEO技术结合是网络技术发展对网页设计师的新要求,95%的SEO技巧很简单，而重要的5%是“经验”、“创意”和“人脉”，需要在工作中根据实际情况不断做出调整策略，并持之以恒地把SEO优化坚持下去