精簡代碼
為了更有利于網(wǎng)站優(yōu)化,符合Web3.0標準,嘗試使用DIV + CSS的網(wǎng)頁設(shè)計,合理布局的標簽來減少DIV層,描述標簽的使用,簡潔的描述”,將關(guān)鍵內(nèi)容和頻繁更新內(nèi)容的網(wǎng)站代碼盡可能接近的位置,但也要注意不要超過200k的頁面。
網(wǎng)站導航重點設(shè)計
網(wǎng)站導航是一個非常重要的武器，網(wǎng)站優(yōu)化網(wǎng)站導航全站通用，盡量使用文字導航，不要用圖片和flash，如果沒有請?zhí)砑訄D片的alt屬性。閃存是可以避免的，效果很好，但是負載慢慢的，搜索引擎看不到的閃存文件，壞了以后進行網(wǎng)站優(yōu)化。
少用腳本和外部調(diào)用
網(wǎng)站的JavaScript和CSS等文件一律外部調(diào)用，不要把代碼寫在網(wǎng)頁中，并且盡量減少腳本文件個數(shù)，這樣不僅僅有利于網(wǎng)頁加載速度也有利于搜索引擎蜘蛛的抓取，之后網(wǎng)站優(yōu)化才會更給力。
避免頁面重復
網(wǎng)站的外部調(diào)用JavaScript和CSS文件,不要寫頁面中,并嘗試減少腳本文件的數(shù)量,這不僅有利于頁面加載速度也有利于搜索引擎蜘蛛爬行,網(wǎng)站優(yōu)化后會更棒。
圖片與文字鏈接加上屬性
記得要給所有圖片加上alt屬性，還要符合W3C標準，搜索引擎會讀取alt屬性，圖片的alt屬性還可以幫助用戶瀏覽。給文字鏈接加上TITLE屬性，8U網(wǎng)絡(luò)推廣提醒大家要盡量減少用圖片代替文字!
網(wǎng)頁布局結(jié)構(gòu)
面包屑型導航，樹狀扁平化結(jié)構(gòu)。為了更有利于網(wǎng)站優(yōu)化，有利于百度收錄，要降低頁面的層次，首頁點擊不出三次可以到達網(wǎng)站任何一個頁面，任何頁面都可以很快的回到想要的頁面。文章內(nèi)容部分先于其他部分顯示，設(shè)置上一篇、下一篇文章，根據(jù)文章的關(guān)鍵詞設(shè)置“相關(guān)文章，如果文章內(nèi)容多分幾頁顯示，需要保持每頁的網(wǎng)頁標題、文章內(nèi)容均不同，避免出現(xiàn)復制內(nèi)容問題
尺寸
船的大小決定了它在海里的運動方式，話糙理不糙。更大的圖標看上去更為顯眼，不過并不代表著是更好的設(shè)計。簡單來說就是你最為重要的頁面元素當然應該使用最大尺寸，但是涉及到細節(jié)部分，處理起來就復雜得多。費茨定律的原則之一就是放大可點擊區(qū)域，目標越大用戶就越容易點中。換句話說，使用大圖標可以讓用戶更為輕松地點擊進去，這一點在引導用戶瀏覽行為時非常管用。當然了，這并不是說你把「立即下載」圖標簡單地放大十倍就能有顯著效果，在網(wǎng)頁設(shè)計中讓各個元素之間形成微妙的和諧感才是關(guān)鍵。網(wǎng)頁正中那個巨大的、可點擊的互動式產(chǎn)品圖片毋庸置疑是最能吸引注意力的，這種效果完全來自它異乎尋常的尺寸。事實上，設(shè)計師甚至無需使用文字介紹去促使用戶與產(chǎn)品互動，產(chǎn)品圖片具有對比性的顏色和尺寸已經(jīng)吸引了用戶用鼠標去轉(zhuǎn)動它。這種設(shè)計手法的結(jié)果就是讓用戶無需分心注意環(huán)繞產(chǎn)品圖片四周的小圖標，當你需要進一步了解產(chǎn)品時，點擊這些小圖標它們的尺寸會自動放大，并且彈出詳細的產(chǎn)品介紹。
除了吸引用戶點擊之外，圖標尺寸大小對于網(wǎng)站的整體視覺效果也起著關(guān)鍵作用。依據(jù)圖標尺寸大小，它們甚至可以影響人們?yōu)g覽網(wǎng)頁時從左到右、從上到下的閱讀習慣。此外，由于尺寸大小是一種相對的存在，因此使用大小對比也能達到一定效果。除了簡單地把圖標調(diào)大以外，你還可以通過縮小其他設(shè)計要素來營造出顯著的視覺效果，這一招對于節(jié)省頁面空間相當有用。
尺寸大小還會影響到文字排版，主標題、副標題以及正文都應該有所區(qū)分。Smashing Magazine 針對 50 個最受歡迎網(wǎng)頁做了統(tǒng)計研究，發(fā)現(xiàn)它們的平均尺寸為：標題：18-29 像素，內(nèi)文：12-14 像素，一個網(wǎng)頁構(gòu)成要素，相信大家心里都會有個大概，但是要具體說清楚了，又一下子講不上來。
文字
文字是網(wǎng)頁中最主要的一部分。對于文字的把握，主要有兩點。一是簡潔、明了，能夠讓用戶讀得下去;二是數(shù)量的掌握，文字太少，會顯得單調(diào)，文字多了，網(wǎng)頁就會顯得很乏味。
圖片
圖片，比文字更能吸引人的眼球，所以網(wǎng)頁中要善用圖片。在某些突出的位置，可以放置一些比較出彩的圖片，這樣既能達到美觀的效果，又能讓瀏覽者對網(wǎng)頁印象深刻。
色彩
色彩的搭配，能體現(xiàn)出一個網(wǎng)頁設(shè)計者的審美觀，也會直接影響到瀏覽者的觀感。網(wǎng)頁的顏色不用很多，但是一定要搭配得當。一個網(wǎng)頁一般會有一個主打色，用以配合網(wǎng)頁的主題。其他的顏色，輔以調(diào)節(jié)的作用。
1.顏色的幾種固定搭配
藍白橙——藍為主調(diào)。白底，藍標題欄，橙色按鈕或icon做點綴。
綠白蘭——綠為主調(diào)。白底，綠標題欄，蘭色或橙色按鈕或icon做點綴。 橙白紅——橙為主調(diào)。白底，橙標題欄，暗紅或桔紅色按鈕或icon做點綴。 暗紅黑——暗紅主調(diào)。黑或灰底，暗紅標題欄，文字內(nèi)容背景為淺灰色。
2.顏色的忌諱
忌臟——背景與文字內(nèi)容對比不強烈，灰暗的背景令人沮喪!
忌純——艷麗的純色對人的刺激太強烈抗議，缺乏內(nèi)涵。
忌跳——再好看的顏色，也不能脫離整體。脫離群眾是自取其辱!
忌花——要有一種主色貫穿其中，主色并不時面積最大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領(lǐng)導者一樣，雖然在人數(shù)上居少數(shù)，但起決定作用。
忌粉——顏色淺固然顯的干凈，但如果對比過弱，整得蒼白無力了，就象病夫一樣無可救藥。
藍色忌純，綠色忌黃，紅色忌艷。
排版
有文字、有圖片、有顏色，網(wǎng)頁有這些就夠了嗎?No!光是這些，還不夠，還需要有專業(yè)的排版技術(shù)，把這些要素整合起來，組成一個協(xié)調(diào)的頁面。排版需要顧忌很多，要注意字間距，文字、圖片的數(shù)量，顏色的搭配，頁面留白等等，是個細致活。
多媒體
有些網(wǎng)頁為了博眼球，會放置音頻、動畫、視頻等等，這些就是多媒體了。但是，一在一般的網(wǎng)頁中，存在大量的多媒體并不是一件好事，這些多媒體會對網(wǎng)頁打開速度造成影響。一般，放置多媒體，需要量力而行。
網(wǎng)頁設(shè)計十三大要點文章下載，點擊：網(wǎng)頁設(shè)計十三大要點
