随着SEO的普及，网页设计从面向用户开始转变为面向搜索引擎了。以往的经验，在对一个老站进行改版或者重新设计的时候，当我们想尽量适应搜索引擎或者说对搜索引擎友好的时候，一般总会遇到设计师的阻拦和不理解，尤其是优秀的设计师。 SEO和网页美观矛盾吗？ 搜索引擎优化和网站美观如何协调是网站设计最大的挑战。从SEO的角度来说，搜索引擎对美没几乎没有感觉，它看不懂flash，也看不懂图片。拿flash举例吧，很多网站采用了flash动画，使得网页变得非常好看，十分精彩。可惜，搜索引擎没有福分去享受flash带来的精彩。 为了尽量对搜索引擎友好，网站设计不得不保守一些，放弃或者尽量少使用flash。如果必须得用flash来增强视觉效果，只有考虑再设计一张不含flash的纯文字版的网页，或者在flash不多的情况下，在页面上多加一些文字的说明。而且，不能使用flash作为链接的源头，应该使用文本链接。 网站布局和设计的一致性 一个网站的设计应该有一个主题，而且所有的页面应该遵循这个主题，在布局和设计上保持一致。这一点在SEO和设计师之间基本上没有冲突，都很赞成。设计师需要一致，是因为考虑到页面风格或者主题随意改变会打乱访客的思维；SEOer则考虑的是，不同的布局和格式会影响搜索引擎优化的努力。因为SEO是一个整体的，连续的工作，不稳定的网站结构会增加SEO的工作量，也影响对SEO优化结果的考核。 html错误编码是否影响SEO 网页是由html或者xml语言写的。html的标准是W3C制定的。一个网站的编码是否符合W3C的标准其实并不是影响SEO的重要因素。但是如果一个网页上有太多的编码错误，会阻止搜索引擎顺利地收录网页，爬虫会很困难地抓取你网页的内容。 CSS外置，减轻网页的代码量 有的时候，拿到一个网站会发现，页面里面有太多难看的CSS编码和冗长的javascript。拿h1-h6标签举例子吧，由于h系列标签默认的字体很大，感觉不协调，所以需要通过CSS来设置h标签的字体大小，颜色等等。例如： h1 {font-familiy: Arial; size: 14px; color: #00FF00; font-weight: bold;} h2 {font-familiy: Arial; size: 12px; color: #00FF00; font-weight: bold;} ... 这样，网页里面就会增加很多css编码。我们应该单独新建一个style.css的文件，将这些CSS编码放进去，然后只需要一个链接调用就可以让它发挥作用： <link rel="stylesheet" type="text/css" href="style.css"> 这样，既能给网页的代码减肥，还可以在SEO中对重要标题进行修饰，还保证了网页的美观，不让设计师崩溃。 图片：设计师又去收图了 众所周知，网页上的图片比文字显示得要慢，因此，SEO需要图片的大小尽量限制在最低。如果一个页面上的背景或者页面上有太多、太大的图片，搜索引擎需要花很大的精力来阅读。这样的话，会影响搜索引擎抓取，进而使得不能完全抓取网站上的内容，而影响关键词的搜索排名。 另外，还需要给图片加上alt文本标签，而且避免用图片直接作链接。本文由 www.njczcc.com 南京拆除 www.njcjhj.com 雨鸟喷头 编辑