網(wǎng)站設(shè)計(jì)要考慮的SEO因素

在搜索引擎優(yōu)化中（SEO），網(wǎng)站良好的內(nèi)部結(jié)構(gòu)和合理的設(shè)計(jì)原則能使搜索引擎優(yōu)化事半功倍，并且能夠帶來(lái)意想不到的關(guān)鍵字排名，最常見(jiàn)的是SEO中所說(shuō)的長(zhǎng)尾效應(yīng)。其實(shí)搜索引擎優(yōu)化與網(wǎng)站設(shè)計(jì)并不是相沖突的，因?yàn)镾EO的網(wǎng)站內(nèi)部?jī)?yōu)化中，需要在一定程度上遵循WEB標(biāo)準(zhǔn)（例如國(guó)內(nèi)目前開(kāi)始流行的xhtml標(biāo)準(zhǔn)），因?yàn)閤html能夠精簡(jiǎn)大量的頁(yè)面代碼，而簡(jiǎn)練的頁(yè)面代碼無(wú)疑提高了搜索引擎友好度，提高搜索引擎的抓取效率，并有利于搜索引擎分析頁(yè)面內(nèi)容；同時(shí)xhtml中的許多標(biāo)簽和元素都是搜索引擎排名中的構(gòu)成因素，從而最終提高搜索引擎排名。

現(xiàn)在國(guó)內(nèi)的網(wǎng)頁(yè)設(shè)計(jì)師都開(kāi)始學(xué)習(xí)xhtml標(biāo)準(zhǔn)，慢慢的向標(biāo)準(zhǔn)化過(guò)渡，163和yahoo等門(mén)戶(hù)網(wǎng)站的改版，引領(lǐng)了xhtml的風(fēng)潮，雖然xhtml在國(guó)外的流行都是好幾年前的事情了，不過(guò)從以?xún)赡昵叭A麗的Flash和image過(guò)渡到現(xiàn)在精簡(jiǎn)代碼，以用戶(hù)和效率為原則，總算是一個(gè)不小的進(jìn)步。那么在網(wǎng)站設(shè)計(jì)時(shí)，從SEO角度都要考慮到哪些因素？

1，合理的頁(yè)面布局。
一個(gè)符合SEO規(guī)范的網(wǎng)站，從標(biāo)題、導(dǎo)航、菜單、鏈接、內(nèi)容以及其他要素都需要經(jīng)過(guò)精心設(shè)計(jì)、合理的分布，做到以引導(dǎo)搜索引擎抓取分析和不影響關(guān)鍵字密度為原則。網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該都比較了解注明設(shè)計(jì)師阿捷在2004年所發(fā)表的《DIV+CSS三行兩列經(jīng)典布局》，SEOBBS的站長(zhǎng)樂(lè)思蜀通過(guò)對(duì)這篇文檔的分析，寫(xiě)了一篇在此基礎(chǔ)上利用css調(diào)整布局以對(duì)搜索引擎更友好的文章，具體見(jiàn)：SEO參考：DIV+CSS三行兩列經(jīng)典布局，這篇文章或許能給網(wǎng)頁(yè)設(shè)計(jì)師和SEO在頁(yè)面設(shè)計(jì)布局時(shí)以啟發(fā)。

2，精簡(jiǎn)的代碼。
為什么在SEO中推崇xhtml標(biāo)準(zhǔn)，或者說(shuō)為什么在搜索引擎優(yōu)化中使用div+css能夠提高搜索引擎排名，就是因?yàn)閐iv+css能夠大量的精簡(jiǎn)頁(yè)面代碼，將設(shè)計(jì)部分剝離出來(lái)放在一個(gè)獨(dú)立樣式文件中，HTML文件中只存放文本信息，這樣搜索引擎會(huì)更有效地搜索到網(wǎng)頁(yè)的實(shí)質(zhì)內(nèi)容，得到更高的權(quán)重。

3，CSS與頁(yè)面相分離。
現(xiàn)在有不少網(wǎng)站，在設(shè)計(jì)時(shí)將css部分放置在頁(yè)面代碼中，這樣做嚴(yán)格的來(lái)說(shuō)是不符合W3C的xhtml規(guī)范的，同時(shí)也不利于搜索引擎的抓取分析，降低了頁(yè)面對(duì)搜索引擎的友好度。最佳的做法是將css部分封裝在一個(gè)外部的.css文件中，在頁(yè)面中以<link rel="stylesheet" type="text/css" href="/xxxx/style.css">的方式調(diào)取。

4，F(xiàn)lash和圖片的利用。
SEO中常說(shuō)要盡量避免在頁(yè)面中使用Flash和圖片，因?yàn)閒lash和圖片中所包含的文字是搜索引擎無(wú)法抓取的，雖然目前google宣稱(chēng)能夠抓取Flash中的內(nèi)容。但是在我看來(lái)，能夠抓取的文字也只是一部分。學(xué)習(xí)過(guò)Flash的朋友應(yīng)該清楚，在設(shè)計(jì)Flash時(shí)，所放置的特殊字體的文字（比如普通操作系統(tǒng)中沒(méi)有安裝的文字如較有名的漢儀字庫(kù)）要想讓它在沒(méi)有安裝這種字體的系統(tǒng)中顯示，需要經(jīng)過(guò)將文字打散這一步，否則將顯示為默認(rèn)的宋體，而我認(rèn)為打散文字之后，google就無(wú)法抓取其中的文字內(nèi)容了。還有圖片，目前沒(méi)有一個(gè)搜索引擎能夠識(shí)別圖片中的文字內(nèi)容。所以在網(wǎng)頁(yè)設(shè)計(jì)時(shí)，要避免在導(dǎo)航、鏈接中使用flash和圖片，因?yàn)樵趯?dǎo)航、鏈接中使用flash和圖片會(huì)大大的影響搜索引擎的抓取。同時(shí)，如果flash和圖片中包含了關(guān)鍵字，對(duì)搜索引擎優(yōu)化來(lái)說(shuō)是個(gè)損失。當(dāng)然我們并不應(yīng)該一味的排斥Flash和圖片的使用，一些無(wú)用的文字部分使用flash和圖片反而能夠提高關(guān)鍵字的密度，精簡(jiǎn)內(nèi)容。

5，title=""與alt=""。
為什么把a(bǔ)lt屬性和title屬性作為一個(gè)因素呢？因?yàn)檫@是網(wǎng)站設(shè)計(jì)與SEO都容易忽視的一個(gè)問(wèn)題。就算一個(gè)遵循W3C標(biāo)準(zhǔn)的xhtml的頁(yè)面，設(shè)計(jì)師們和SEO也更多的是將alt屬性和title屬性留空，即保持為“title=""與alt=""”。在搜索引擎的算法中，雖然alt與title屬性所占的比例不大，但是無(wú)細(xì)流何以匯聚成江海？所以在網(wǎng)站設(shè)計(jì)時(shí)，應(yīng)該將alt與title屬性填充為相關(guān)的關(guān)鍵字，切記是相關(guān)的關(guān)鍵字，而不是為了關(guān)鍵字而刻意的堆積。

6，javascript與iframe。
這是不少網(wǎng)站的通病。不少網(wǎng)頁(yè)設(shè)計(jì)師們喜歡使用大量的javascript來(lái)實(shí)現(xiàn)頁(yè)面華麗的特效，例如導(dǎo)航下拉菜單、文字特效、鼠標(biāo)效果等等。這樣的javascript特效帶來(lái)了大量的垃圾代碼，對(duì)于使用javascript的下拉菜單，還大大的影響了搜索引擎的抓取。還有不少設(shè)計(jì)師們喜歡使用框架，用iframe將一個(gè)頁(yè)面分割成幾個(gè)頁(yè)面，這樣也大大降低了搜索引擎的友好度，關(guān)鍵字密度也隨之下降。解決辦法是將javascript與頁(yè)面相分離，以外部調(diào)取的方式。不過(guò)就像在第二點(diǎn)中提高的，如果javascript和iframe使用得當(dāng)，還是很有好處的。