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

（一）明確設(shè)計任務(wù)

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

（二）使用安全配色方案

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

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

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

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

（四）精簡冗余代碼

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

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

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

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

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

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

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

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

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