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

1，精簡(jiǎn)代碼，合理布局。

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

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

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

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

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

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

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

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

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

6，恰當(dāng)?shù)厥褂脴?biāo)題標(biāo)簽

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