一個優(yōu)秀的網(wǎng)頁設(shè)計不論是對網(wǎng)絡(luò)業(yè)務(wù)還是搜索引擎排名優(yōu)化都是至關(guān)重要的,設(shè)計不僅僅要求是美觀,在seo過程中,前端代碼往往有著非常重要的作用。但是點水在現(xiàn)實中往往碰到這樣一種情況,在公司里網(wǎng)頁設(shè)計師不懂seo,而seoer也無法去進(jìn)行指點!那就會導(dǎo)致一種結(jié)果:設(shè)計出來的頁面非常不利于搜索引擎優(yōu)化!因此點水在這里總結(jié)出一些設(shè)計人員必需知道的seo規(guī)范。
1,精簡代碼,合理布局。
符合web2.0標(biāo)準(zhǔn),使用div+css設(shè)計網(wǎng)頁,合理布局標(biāo)簽盡量減少div層,使用描述標(biāo)簽,精練描述你的網(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標(biāo)準(zhǔn),搜索引擎會讀取alt屬性,圖片的alt屬性還可以幫助用戶瀏覽。給文字鏈接加上tittle屬性,并記住盡量減少用圖片代替文字!
5,避免頁面重復(fù)
每個頁面包換標(biāo)題、描述和關(guān)鍵字等都應(yīng)該不一樣,需要注意的是很多設(shè)計師會做一個通用的模板,而用的時候又忘記修改。標(biāo)題一定要是具有獨特性的!
6,恰當(dāng)?shù)厥褂脴?biāo)題標(biāo)簽
合理的使用h1-h6標(biāo)簽,它的存在是告訴搜索引擎哪個是最重要的,哪些是次要的。對于頁面的主題使用標(biāo)簽。充分利用到標(biāo)簽來指明內(nèi)容的層次以及描述相似的內(nèi)容區(qū)域。但不要一個頁面使用多個標(biāo)簽。