k8凯发一触即发|Home

在搜索引擎优□□□□化中（SEO），网站良好的内❖部结构和合理□□的设计原则能◎使搜索引擎优□□□□化事半功倍，并且能够带来□□□意想不到的关□□□□键字排名，常见的是

SEO中所说的长尾□□□□效应。其实搜索引擎□□□□优化与网站设□□□计并不是相冲□□突的，因为SEO的网站内部优□□化中，需要在一定程◇度上遵循WEB标准（例如国内目前

开始流行的xhtml标准），因为xhtml能够精简大量□□□□的页面代码，而简练的页面◇代码无疑提高□□□□了搜索引擎友□□好度，提高搜索引擎◆的抓取效率，并有利

于搜索引擎分□□□析页面内容；同时xhtml中的许多标签□□□和元素都是搜□□□□索引擎排名中□□□的构成因素，从而终提高搜□□□□索引擎排名。

　　现在国内的网□□□□页设计师都开□□□始学习xhtml标准，慢慢的向标准□□化过渡，163和yahoo等门户网站的□□□改版，引领了xhtml的风潮，虽然xhtml在国外的

流行都是好几□□□□年前的事情了，不过从以两年◉前华丽的Flash和image过渡到现在精□□简代码，以用户和效率□□□为原则，总算是一个不□□小的进步。那么在网

站设计时，从SEO角度都要考虑□□□□到哪些因素？

　　一，合理的页面布□□□局。

　　一个符合SEO规范的网站，从标题、导航、菜单、链接、内容以及其他□□要素都需要经□□过精心设计、合理的分布，做到以引导搜□□□□索引擎抓取分□□□□析和

不影响关键字□□密度为原则。网页设计师应□□该都比较了解□□□注明设计师阿▼捷在2004年所发表的《DIV+CSS三行两列经典□□□布局》，SEOBBS的站长乐思蜀□□□通过

对这篇文档的□□□分析，写了一篇在此□□基础上利用css调整布局以对□□搜索引擎更友△好的文章，具体见：SEO参考：DIV+CSS三行两列经典□□□布局，这篇文章或

许能给网页设□□□□计师和SEO在页面设计布□□□局时以启发。

　　二，精简的代码。

　　为什么在SEO中推崇xhtml标准，或者说为什么□□□在搜索引擎优□□□化中使用div+css能够提高搜索□□□引擎排名，就是因为div+css能够大量的精□□简页面代

码，将设计部分剥◣离出来放在一□□个独立样式文□□□件中，HTML文件中只存放□□□□文本信息，这样搜索引擎※会更有效地搜◢索到网页的实●质内容，得到更高的权

重。

　　三，CSS与页面相分离。

　　现在有不少网□□□□站，在设计时将css部分放置在页□□□□面代码中，这样做严格的◥来说是不符合W3C的xhtml规范的，同时也不利于□□搜索引擎的抓□□□□取分析，

降低了页面对□□□□搜索引擎的友丨好度。佳的做法是将css部分封装在一★个外部的.css文件中，在页面中以<link rel="stylesheet" type="text/css"

href="/xxxx/style.css">的方式调取。

　　四，Flash和图片的利用。

　　SEO中常说要尽量□□避免在页面中□□□□使用Flash和图片，因为flash和图片中所包●含的文字是搜□□索引擎无法抓□□□取的，虽然目前google宣称能够抓取

Flash中的内容。但是在我看来，能够抓取的文□□□□字也只是一部◈分。学习过Flash的朋友应该清□□楚，在设计Flash时，所放置的特殊□□□字体的文字（比如普

通操作系统中□□没有安装的文◣字如较有名的□□□汉仪字库）要想让它在没□□□□有安装这种字□□□□体的系统中显□□□□示，需要经过将文□□□字打散这一步，否则将显示为□□□□默认

的宋体，而我认为打散□□□文字之后，google就无法抓取其□□□中的文字内容□□了。还有图片，目前没有一个□□搜索引擎能够□□□□识别图片中的□□文字内容。所以在网

页设计时，要避免在导航、链接中使用flash和图片，因为在导航、链接中使用flash和图片会大大□□□□的影响搜索引·擎的抓取。同时，如果flash和图片

中包含了关键□□□字，对搜索引擎优□□□化来说是个损▲失。当然我们并不□□□□应该一味的排□□□□斥Flash和图片的使用，一些无用的文□□□□字部分使用flash和图片反而能

够提高关键字□□□的密度，精简内容。

　　五，title=""与alt=""。

　　为什么把alt属性和title属性作为一个□□因素呢？因为这是网站□□□□设计与SEO都容易忽视的□□一个问题。就算一个遵循W3C标准的xhtml的页面，设计师

们和SEO也更多的是将alt属性和title属性留空，即保持为“title=""与alt=""”。在搜索引擎的▽算法中，虽然alt与title属性所占的比□□□□例不大，但

是无细流何以□□□□汇聚成江海？所以在网站设▼计时，应该将alt与title属性填充为相□□□□关的关键字，切记是相关的□□关键字，而不是为了关□□□□键字而刻意的□□□堆

积。

　　六，javascript与iframe。

　　这是不少网站□□□的通病。不少网页设计□□□师们喜欢使用·大量的javascript来实现页面华□□□□丽的显著效果，例如导航下拉□□□菜单、文字显著效果、鼠标效果等等。

这样的javascript显著效果带来□□了大量的垃圾□□□□代码，对于使用javascript的下拉菜单，还大大的影响□□□□了搜索引擎的•抓取。还有不少设计□□师们喜欢使用□□□框

架，用iframe将一个页面分◢割成几个页面，这样也大大降□□□□低了搜索引擎△的友好度，关键字密度也◉随之下降。解决办法是将javascript与页面相分离

，以外部调取的□□方式。不过就像在第○二点中提高的，如果javascript和iframe使用得当，还是很有好处□□□□的。