網(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)性，在視覺(jué)上應(yīng)該是一個(gè)整體，盡量使用網(wǎng)頁(yè)安全色，會(huì)取得一個(gè)和諧、悅目的視覺(jué)效果和良好的用戶體驗(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)。

沒(méi)有搜索引擎，哪里來(lái)的訪客？而SEO必須融入到網(wǎng)站設(shè)計(jì)之中，網(wǎng)站規(guī)劃之時(shí)就是SEO啟動(dòng)之時(shí)，沒(méi)有“第三代網(wǎng)站設(shè)計(jì)思維”的設(shè)計(jì)者把一個(gè)網(wǎng)站完工之后再去做SEO只能是補(bǔ)救———結(jié)構(gòu)上比較適應(yīng)搜索引擎的網(wǎng)站，SEO相對(duì)代價(jià)??；而結(jié)構(gòu)上有重大問(wèn)題的網(wǎng)站，可能需要推倒重來(lái)，損失的就不僅是金錢，還有寶貴的時(shí)間甚至商機(jī)。網(wǎng)站設(shè)計(jì)的優(yōu)化不僅影響搜索引擎的喜歡與否，也決定了一個(gè)網(wǎng)站能否被訪客接受。網(wǎng)頁(yè)設(shè)計(jì)和SEO技術(shù)結(jié)合是網(wǎng)絡(luò)技術(shù)發(fā)展對(duì)網(wǎng)頁(yè)設(shè)計(jì)師的新要求,95%的SEO技巧很簡(jiǎn)單，而重要的5%是“經(jīng)驗(yàn)”、“創(chuàng)意”和“人脈”，需要在工作中根據(jù)實(shí)際情況不斷做出調(diào)整策略，并持之以恒地把SEO優(yōu)化堅(jiān)持下去

http://ywxrmy.cn/youhuazixun/2361.html 網(wǎng)頁(yè)設(shè)計(jì)如何符合SEO優(yōu)化原則