一個優(yōu)秀的網(wǎng)頁設(shè)計不論是對網(wǎng)絡(luò)業(yè)務(wù)還是搜索引擎排名優(yōu)化都是至關(guān)重要的，設(shè)計不僅僅要求是美觀，在seo過程中，前端代碼往往有著非常重要的作用。但是點水在現(xiàn)實中往往碰到這樣一種情況，在公司里網(wǎng)頁設(shè)計師不懂seo，而seoer也無法去進行指點！那就會導(dǎo)致一種結(jié)果：設(shè)計出來的頁面非常不利于搜索引擎優(yōu)化！因此點水在這里總結(jié)出一些設(shè)計人員必需知道的seo規(guī)范。

1，精簡代碼，合理布局。

符合web2.0標準，使用div+css設(shè)計網(wǎng)頁，合理布局標簽盡量減少div層，使用描述標簽，精練描述你的網(wǎng)頁，將網(wǎng)站重點內(nèi)容與經(jīng)常更新的內(nèi)容代碼盡量靠近的位置。頁面不要超過125K。

2，少用腳本，外部調(diào)用。

網(wǎng)站的JavaScript和CSS等文件一律外部調(diào)用，不要把代碼寫在網(wǎng)頁中，并且盡量減少腳本文件個數(shù)，這樣不僅僅有利于網(wǎng)頁加載速度也有利于搜索引擎蜘蛛的抓��！要提一下的是ajax效果雖然很炫，也盡量少用喲！

3，設(shè)計好網(wǎng)站導(dǎo)航

網(wǎng)站的導(dǎo)航全站通用，至關(guān)重要，盡量用文字導(dǎo)航，不要用圖片和flash等，若一定要用圖片請一定加上alt屬性。Flash則盡量避免，F(xiàn)lash的效果是很好的，但加載很慢，搜索引擎也無法讀取Flash文件。

4，圖片與文字鏈接加上屬性

給所有圖片加上alt描述屬性。并符合W3C標準，搜索引擎會讀取alt屬性，圖片的alt屬性還可以幫助用戶瀏覽。給文字鏈接加上tittle屬性，并記住盡量減少用圖片代替文字！

5，避免頁面重復(fù)

每個頁面包換標題、描述和關(guān)鍵字等都應(yīng)該不一樣，需要注意的是很多設(shè)計師會做一個通用的模板，而用的時候又忘記修改。標題一定要是具有獨特性的！

6，恰當?shù)厥褂脴祟}標簽

合理的使用h1-h6標簽，它的存在是告訴搜索引擎哪個是最重要的，哪些是次要的。對于頁面的主題使用標簽。充分利用到標簽來指明內(nèi)容的層次以及描述相似的內(nèi)容區(qū)域。但不要一個頁面使用多個標簽。

7，網(wǎng)頁布局結(jié)構(gòu)

面包屑型導(dǎo)航，樹狀扁平化結(jié)構(gòu)。首頁點擊不出三次可以到達網(wǎng)站任何一個頁面，任何頁面都可以很快的回到想要的頁面。文章內(nèi)容部分先于其他部分顯示，設(shè)置上一篇、下一篇文章，根據(jù)文章的關(guān)鍵詞設(shè)置“相關(guān)文章，如果文章內(nèi)容多分幾頁顯示，需要保持每頁的網(wǎng)頁標題、文章內(nèi)容均不同，避免出現(xiàn)復(fù)制內(nèi)容問題。

8，url地址設(shè)計

盡量用目錄結(jié)構(gòu)而不是文件名形式，如：http://www.*.com/ 而不是http://www.*.com/index.html ，url地址盡量不要超過三層，不要太長，并靜態(tài)化！

文章原創(chuàng)于點水博客：http://www.cuihonghai.com，可能在實際設(shè)計過程中還會有更多其它的問題，歡迎大家補充！~

標簽： 網(wǎng)頁代碼優(yōu)化 網(wǎng)站結(jié)構(gòu)設(shè)計 搜索引擎優(yōu)化 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。