網(wǎng)友解答: 一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)不論是對(duì)網(wǎng)絡(luò)業(yè)務(wù)還是搜索引擎排名優(yōu)化都是至關(guān)重要的，設(shè)計(jì)不僅僅要求是美觀，在seo過(guò)程中，前端代碼往往有著非常重要的作用。但是在現(xiàn)實(shí)中往往碰到這樣一種情況，

一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)不論是對(duì)網(wǎng)絡(luò)業(yè)務(wù)還是搜索引擎排名優(yōu)化都是至關(guān)重要的，設(shè)計(jì)不僅僅要求是美觀，在seo過(guò)程中，前端代碼往往有著非常重要的作用。

但是在現(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)化！因此這里總結(jié)出一些設(shè)計(jì)人員必需知道的seo規(guī)范。

符合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。

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

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

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

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

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

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

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

搜索引擎對(duì)于框架里面內(nèi)容的視而不見(jiàn)，使得無(wú)論是通過(guò)內(nèi)容發(fā)布系統(tǒng)生成動(dòng)態(tài)網(wǎng)頁(yè)還是手工制作靜態(tài)網(wǎng)頁(yè)，都必須拋棄全站網(wǎng)頁(yè)采用同一框架的做法，而采用表格定位方式制作網(wǎng)頁(yè)。

產(chǎn)品欄目?jī)?nèi)容以產(chǎn)品目錄的形式體現(xiàn)，并在每個(gè)產(chǎn)品名稱(chēng)上加上點(diǎn)擊查看詳細(xì)介紹的鏈接。這樣，產(chǎn)品欄目頁(yè)面相當(dāng)于一個(gè)通向關(guān)鍵詞內(nèi)容頁(yè)面的引導(dǎo)頁(yè)，對(duì)用戶(hù)使用和搜索引擎索引都非常有利。

如果沒(méi)有對(duì)產(chǎn)品名稱(chēng)進(jìn)行加粗，可以在產(chǎn)品名稱(chēng)上加上鏈接，如點(diǎn)擊鏈接放大產(chǎn)品展示，也是對(duì)“重要關(guān)鍵字處理”的有效辦法。但被調(diào)查企業(yè)網(wǎng)站很多產(chǎn)品內(nèi)容頁(yè)面僅僅對(duì)產(chǎn)品圖片進(jìn)行鏈接，產(chǎn)品名稱(chēng)的關(guān)鍵字文本沒(méi)做任何鏈接，降低了搜索引擎對(duì)關(guān)鍵詞的重視程度。

俗話(huà)說(shuō)內(nèi)容為王，外鏈為皇，說(shuō)到seo的，很多人自然而然的想到原創(chuàng)內(nèi)容的更新，那么除了原創(chuàng)文章的更新，站內(nèi)優(yōu)化還有一些什么需要注意和完善的呢？

第一、做好首選域

第二、導(dǎo)航要清晰　　

第三、恰當(dāng)?shù)膶㈥P(guān)鍵詞寫(xiě)入tilte，keywords，描述，文章內(nèi)容之中　　

第四、外部引用的方式調(diào)用JavaScript和CSS　　

第五、站內(nèi)錨文本合理的布局　　

第六、切忌網(wǎng)站內(nèi)容重復(fù)　　

第七、URL靜態(tài)化以及合理設(shè)計(jì)　　

第八、合理利用圖片Alt屬性