網(wǎng)頁(yè)設(shè)計(jì)中涉及的SEO優(yōu)化原則

　　網(wǎng)站的流量從客觀上反映了一個(gè)網(wǎng)站的受歡迎程度，流量越大，網(wǎng)站的排名越靠前，社會(huì)影響力也越大，特別是對(duì)網(wǎng)絡(luò)媒體而言，權(quán)威性、公信力也越強(qiáng)。

　　影響網(wǎng)站流量的因素有很多，如網(wǎng)站整體風(fēng)格、網(wǎng)頁(yè)設(shè)計(jì)、內(nèi)容、權(quán)重、受眾群、網(wǎng)絡(luò)營(yíng)銷手段等等。而SEO優(yōu)化的目標(biāo)就是獲取更多的流量，但這些流量怎么消化，怎么充分利用，網(wǎng)站的設(shè)計(jì)、內(nèi)容和結(jié)構(gòu)則決定了這些流量是否能轉(zhuǎn)變成價(jià)值。

　　在眾多的影響網(wǎng)站流量的因素中，網(wǎng)頁(yè)的設(shè)計(jì)與構(gòu)架是否友好已不僅是網(wǎng)站用戶的外部需要，更是面向搜索引擎的內(nèi)在需求。網(wǎng)頁(yè)設(shè)計(jì)也從面向用戶轉(zhuǎn)化為面向搜索引擎，因此很大一部分SEO優(yōu)化責(zé)任落在網(wǎng)頁(yè)設(shè)計(jì)師身上。

　　然而仍有不少的網(wǎng)頁(yè)設(shè)計(jì)師認(rèn)為只要能設(shè)計(jì)出漂亮的網(wǎng)頁(yè)出來(lái)就可以了，SEO優(yōu)化是技術(shù)開發(fā)者的事，與己無(wú)關(guān)。在實(shí)際工作中，網(wǎng)頁(yè)設(shè)計(jì)師與技術(shù)開發(fā)者之間明確的界限已經(jīng)開始變得模糊，網(wǎng)頁(yè)設(shè)計(jì)師除了設(shè)計(jì)網(wǎng)頁(yè)外觀與風(fēng)格之外，往往還負(fù)責(zé)了前端HTML代碼的編寫，也就是說(shuō)網(wǎng)頁(yè)設(shè)計(jì)師實(shí)際承擔(dān)著大部分的網(wǎng)站SEO優(yōu)化責(zé)任。

　　網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)遵循的SEO優(yōu)化原則舊式網(wǎng)站代碼臃腫、網(wǎng)站構(gòu)架及代碼不規(guī)范等，造成信息繁雜，難以清晰歸類，要想取得一個(gè)好的排名幾乎是不可能的。而且無(wú)論是從搜索引擎還是受眾的角度來(lái)看，舊式網(wǎng)站在網(wǎng)站親和力原則上相去甚遠(yuǎn)。用戶大多是在被動(dòng)瀏覽網(wǎng)頁(yè)，甚至可以用受罪來(lái)形容：設(shè)計(jì)顏色紛雜，布局混亂，數(shù)據(jù)歸類雜亂無(wú)章，這令瀏覽網(wǎng)頁(yè)變得異常吃力，更別說(shuō)什么好的用戶體驗(yàn)了。

　　一、明確設(shè)計(jì)任務(wù)

　　設(shè)計(jì)是一種審美活動(dòng)，一般都很藝術(shù)化。但藝術(shù)只是設(shè)計(jì)的手段，而不是設(shè)計(jì)的任務(wù)。對(duì)網(wǎng)絡(luò)而言，網(wǎng)頁(yè)設(shè)計(jì)的任務(wù)是實(shí)現(xiàn)設(shè)計(jì)者要表現(xiàn)的主題和功能。站點(diǎn)性質(zhì)不同，任務(wù)也不同。政府網(wǎng)站、商業(yè)網(wǎng)站、行業(yè)網(wǎng)站在頁(yè)面的分割、內(nèi)容布局、界面的親和等問(wèn)題上都不一樣，需要區(qū)別對(duì)待。

　　二、使用安全配色方案

　　顏色是由光的折射產(chǎn)生，紅、黃、藍(lán)是三原色，其他的色彩都可以用這三種色彩調(diào)和而成。美麗而豐富的色彩總能喚起人類的心靈感知，利用顏色的變化來(lái)表現(xiàn)光影效果，可以讓作品更貼近現(xiàn)實(shí)，引起受眾的情感共鳴，從而得到較好的傳播效果。在設(shè)計(jì)中要充分考慮網(wǎng)頁(yè)的適應(yīng)性，在視覺上應(yīng)該是一個(gè)整體，盡量使用網(wǎng)頁(yè)安全色，會(huì)取得一個(gè)和諧、悅目的視覺效果和良好的用戶體驗(yàn)。

　　三、采用標(biāo)準(zhǔn)化的DIV網(wǎng)頁(yè)布局

　　在XHTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，采用了DIV+CSS的網(wǎng)頁(yè)布局方式實(shí)現(xiàn)各種內(nèi)容的定位而非Table(表格)布局。DIV+CSS達(dá)到了內(nèi)容與代碼相分離的效果。使用DIV+CSS設(shè)計(jì)的網(wǎng)站是符合W3C標(biāo)準(zhǔn)的，可以更方便搜索引擎的索引。而Table布局會(huì)產(chǎn)生很多的垃圾代碼，修飾的樣式與布局的代碼混合，很不利于直觀。因此Div更能體現(xiàn)樣式和結(jié)構(gòu)的分離，結(jié)構(gòu)的重構(gòu)性強(qiáng)，也更符合web設(shè)計(jì)標(biāo)準(zhǔn)。

　　搜索引擎對(duì)標(biāo)準(zhǔn)化制作的頁(yè)面給予了更高的權(quán)重，并且使用DIV+CSS的架構(gòu)也有很多優(yōu)勢(shì)，比如改版方便，不需要變動(dòng)頁(yè)面的內(nèi)容，網(wǎng)頁(yè)打開速度也會(huì)明顯加快。但應(yīng)該注意的是要適當(dāng)控制網(wǎng)頁(yè)的體量。

　　四、精簡(jiǎn)冗余代碼

　　在設(shè)計(jì)的時(shí)候要學(xué)會(huì)不留垃圾代碼，合理運(yùn)用JS(JavaScript腳本語(yǔ)言)、FLASH(動(dòng)畫)以及PICTURE(圖片)。搜索引擎不認(rèn)識(shí)FLASH、PICTURE是眾所周知的，可以通過(guò)增加ALT標(biāo)簽加以描述;可將JS放在頁(yè)面代碼的底部以降低對(duì)搜索引擎的影響。但一味追求美觀而大量使用圖片來(lái)代替文字，對(duì)搜索引擎很不友好，是非常不明智的做法，頁(yè)面中重要的地方應(yīng)盡量使用文字而非圖片或FLASH。

　　五、盡量使用靜態(tài)導(dǎo)航

　　網(wǎng)站導(dǎo)航主要功能在于可以引導(dǎo)用戶方便地訪問(wèn)網(wǎng)站內(nèi)容，對(duì)搜索引擎也會(huì)產(chǎn)生諸多提示作用。好的網(wǎng)站導(dǎo)航要做到便于用戶的理解和使用，讓用戶對(duì)網(wǎng)站形成正確的空間感和方向感，清楚當(dāng)前所在的位置，找到自己想要的東西。用FLASH制作導(dǎo)航，雖然吸引了客戶，獲得了美觀，但卻忽視了搜索引擎識(shí)別不了FLASH導(dǎo)航的內(nèi)容,這對(duì)網(wǎng)站的影響很大。

　　六、避免堆砌關(guān)鍵詞

　　現(xiàn)在在網(wǎng)頁(yè)設(shè)計(jì)中都知道關(guān)鍵詞對(duì)頁(yè)面在搜索引擎中的排名很重要，但在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候要有策略的插入關(guān)鍵詞,不能有大量的重復(fù)關(guān)鍵詞。在搜索引擎的網(wǎng)頁(yè)排名算法中，很重要的一個(gè)因素就是關(guān)鍵字密度，即某個(gè)詞語(yǔ)在網(wǎng)頁(yè)中的分布情況。一般來(lái)說(shuō)，一個(gè)頁(yè)面的關(guān)鍵詞密度保持在2%-8%之間，密度過(guò)低會(huì)導(dǎo)致沒(méi)有好的排名，而密度過(guò)高則很有可能導(dǎo)致被搜索引擎降權(quán)，起到相反的效果。

　　七、合理使用HTML標(biāo)簽

　　很多網(wǎng)頁(yè)設(shè)計(jì)師會(huì)忽略網(wǎng)頁(yè)中的各種META標(biāo)簽，如keyword(關(guān)鍵詞)、Description(頁(yè)面描述)等，完善Head區(qū)的這些輔助標(biāo)簽會(huì)使得頁(yè)面在搜索引擎中更受歡迎。同時(shí)每個(gè)頁(yè)面的TITLE(標(biāo)題)是形容一個(gè)網(wǎng)頁(yè)的最直觀的部分。因此，網(wǎng)頁(yè)本身是什么內(nèi)容，搜索引擎蜘蛛首先會(huì)去從TITLE中發(fā)現(xiàn)。