SEO学院：网页美工与网页优化

今天我们来谈谈网页美工和网页优化。刚才我专门去Google和百度搜了一下。关于网页优化的页面有几百万，但是网页美工的搜索结果只有几十万。

感觉网页优化的研究方向有点偏。其实网页优化应该是一个系统工程，它包括：1。网站页面美工优化；2.Web程序代码优化3。网站结构优化4:搜索引擎优化

最终我们做网站还是要面对用户的，而网站的界面美工设计就相当于一个人的脸，所以第一印象尤为重要。

但另一方面，现在的情况是，作为专业的网页美工，他们往往沉醉于技术。

重点是色彩控制、排版、精确定位等。

而忽略了对用户和搜索引擎的友好性，这也是我今天主要讲的网页优化的核心问题。

下面，我将从三个方面逐步分析网页美工在设计网页时应该注意的优化问题。

一：网页下载速度

1.控制图片大小。美工在设计网页的时候，一般是先用photoshop设计效果图DEMO，然后进行裁剪，导入Dreamwever，再重新排版。这是个问题。

要达到好的浏览速度，必须控制单幅图片的大小。最好是在10K有一个单一的图片。

过去，设计师在导出JPG或GIF时很少关注这些。我见过一些工作室网站有几百张图片，这是一件很可怕很致命的事情。

控制单幅图片大小的一种方法是剪切，将整张图片分成小块，然后插入表格进行排版。色彩丰富和过渡色的图像保存为jpg格式，单色背景图像和色彩较少的图像可以保存为gif格式。

2.少用闪光灯。

几年前流行的指南页是用一个很大的swf文件作为网站的指南页。

此外，一些不跳过动画的文本条目必须等到flash本身加载后才能进入真正的主页。这些问题都是违背网页优化的准则的。

另外，有些网站为了追求美观，喜欢把自己网站的导航做成flash按钮，甚至把整个主页都设计在FLASH里，这也不符合网页优化的原则。因为搜索引擎无法识别flash中的信息。

3.避免过多的表格嵌套。下载浏览器表格内容的顺序是由内向外。下载完单元格中的元素和里面的表格后，再下载最外面的表格。

这就提示了网页设计师。剪下整张图片后，再次插入表格时尽量避免过多的表格嵌套。当然DIV CSS可以解决嵌套的问题，但是很多人还是喜欢用表格。

第二：网页导航和字体使用

1.网页导航不建议做成flash格式和图片格式。要注意添加alt和title进行图片的导航。但是尽量避免图片格式的导航。现在文字导航甚至基于文字的网站名称越来越流行。看来大家都注意到了这一点，就不废话了。

2.字体的使用

A.不要使用超过3种字体。字体太多不专业，页面会很乱，没有主题。

B.不要用太大的词。字号方面，标准字体为9pt。物品可以贴h1、h2、h3等标签。有时候h1的默认字体比较大，可以在css中控制，让它显示为14px。

C:不要用一直闪的词。如果你想让来访者多呆一会儿，就不要让它眨眼。

第三，网页整体风格和用户体验的统一

上面说了很多，很大一部分是针对搜索引擎的，小部分是针对用户的。讨好谷歌和百度只是第一步，再讨好访客，这样才能把网站访客变成客户，提高客户转化率。

如何形成良好的用户体验真的很难。不同类型的网站吸引不同的用户群体，很难一概而论，但是作为一个网页设计师，

我觉得主要任务应该是把握色彩，追求细节。

商业网站和娱乐网站在色调和版面上会有很大的差异，大群体的网页设计可能对氛围要求更高。

虽然有些企业可能更喜欢简单的页面。

所以网页美工的工作会很辛苦。一方面，他们要应付不同人的不同口味；另一方面，为了照顾搜索引擎，我们不得不牺牲一些艺术追求。

所以我觉得，要做一个风格统一，用户体验更好的网站，应该有专业美工全程参与。如果你切不出效果图，你就完了。

很多渲染图中表现不错的页面到了程序员手里，页面被搞得乱七八糟。

-我不知道该说什么。我们先结束吧。