一個(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)用,不要把代碼寫在網(wǎng)頁(yè)中,并且盡量減少腳本文件個(gè)數(shù),這樣不僅僅有利于網(wǎng)頁(yè)加載速度也有利于搜索引擎蜘蛛的抓。∫嵋幌碌氖莂jax效果雖然很炫,也盡量少用喲!
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)簽。