在搜索引擎优化中（SEO），网站良好的内部结构和合理的设计原则能使搜索引擎优化事半功倍，并且能够带来意想不到的关键字排名，最常见的是SEO中所说的长尾效应。其实搜索引擎优化与网站设计并不是相冲突的，因为SEO的网站内部优化中，需要在一定程度上遵循WEB标准（例如国内目前开始流行的xhtml标准），因为xhtml能够精简大量的页面代码，而简练的页面代码无疑提高了搜索引擎友好度，提高搜索引擎的抓取效率，并有利于搜索引擎分析页面内容；同时xhtml中的许多标签和元素都是搜索引擎排名中的构成因素，从而最终提高搜索引擎排名。

现在国内的网页设计师都开始学习xhtml标准，慢慢的向标准化过渡，163和yahoo等门户网站的改版，引领了xhtml的风潮，虽然xhtml在国外的流行都是好几年前的事情了，不过从以两年前华丽的Flash和image过渡到现在精简代码，以用户和效率为原则，总算是一个不小的进步。那么在网站设计时，从SEO角度都要考虑到哪些因素？

1，合理的页面布局。
一个符合SEO规范的网站，从标题、导航、菜单、链接、内容以及其他要素都需要经过精心设计、合理的分布，做到以引导搜索引擎抓取分析和不影响关键字密度为原则。网页设计师应该都比较了解注明设计师阿捷在2004年所发表的《DIV+CSS三行两列经典布局》，SEOBBS的站长乐思蜀通过对这篇文档的分析，写了一篇在此基础上利用css调整布局以对搜索引擎更友好的文章，具体见：SEO参考：DIV+CSS三行两列经典布局，这篇文章或许能给网页设计师和SEO在页面设计布局时以启发。

2，精简的代码。
为什么在SEO中推崇xhtml标准，或者说为什么在搜索引擎优化中使用div+css能够提高搜索引擎排名，就是因为div+css能够大量的精简页面代码，将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息，这样搜索引擎会更有效地搜索到网页的实质内容，得到更高的权重。

3，CSS与页面相分离。
现在有不少网站，在设计时将css部分放置在页面代码中，这样做严格的来说是不符合W3C的xhtml规范的，同时也不利于搜索引擎的抓取分析，降低了页面对搜索引擎的友好度。最佳的做法是将css部分封装在一个外部的.css文件中，在页面中以<link rel="stylesheet" type="text/css" href="/xxxx/style.css">的方式调取。

4，Flash和图片的利用。
SEO中常说要尽量避免在页面中使用Flash和图片，因为flash和图片中所包含的文字是搜索引擎无法抓取的，虽然目前google宣称能够抓取Flash中的内容。但是在我看来，能够抓取的文字也只是一部分。学习过Flash的朋友应该清楚，在设计Flash时，所放置的特殊字体的文字（比如普通操作系统中没有安装的文字如较有名的汉仪字库）要想让它在没有安装这种字体的系统中显示，需要经过将文字打散这一步，否则将显示为默认的宋体，而我认为打散文字之后，google就无法抓取其中的文字内容了。还有图片，目前没有一个搜索引擎能够识别图片中的文字内容。所以在网页设计时，要避免在导航、链接中使用flash和图片，因为在导航、链接中使用flash和图片会大大的影响搜索引擎的抓取。同时，如果flash和图片中包含了关键字，对搜索引擎优化来说是个损失。当然我们并不应该一味的排斥Flash和图片的使用，一些无用的文字部分使用flash和图片反而能够提高关键字的密度，精简内容。

5，title=""与alt=""。
为什么把alt属性和title属性作为一个因素呢？因为这是网站设计与SEO都容易忽视的一个问题。就算一个遵循W3C标准的xhtml的页面，设计师们和SEO也更多的是将alt属性和title属性留空，即保持为“title=""与alt=""”。在搜索引擎的算法中，虽然alt与title属性所占的比例不大，但是无细流何以汇聚成江海？所以在网站设计时，应该将alt与title属性填充为相关的关键字，切记是相关的关键字，而不是为了关键字而刻意的堆积。

6，javascript与iframe。
这是不少网站的通病。不少网页设计师们喜欢使用大量的javascript来实现页面华丽的特效，例如导航下拉菜单、文字特效、鼠标效果等等。这样的javascript特效带来了大量的垃圾代码，对于使用javascript的下拉菜单，还大大的影响了搜索引擎的抓取。还有不少设计师们喜欢使用框架，用iframe将一个页面分割成几个页面，这样也大大降低了搜索引擎的友好度，关键字密度也随之下降。解决办法是将javascript与页面相分离，以外部调取的方式。不过就像在第二点中提高的，如果javascript和iframe使用得当，还是很有好处的。 ]]> http://www.starow.net/seo-tech/xhtml-web-design-seo/feed/ 5