一個(gè)優(yōu)秀的網(wǎng)頁(yè)設計不論是對網(wǎng)絡(luò )業(yè)務(wù)還是搜索引擎排名優(yōu)化都是至關(guān)重要的,設計不僅僅要求是美觀(guān),在seo過(guò)程中,前端代碼往往有著(zhù)非常重要的作用。但是點(diǎn)水在現實(shí)中往往碰到這樣一種情況,在公司里網(wǎng)頁(yè)設計師不懂seo,而seoer也無(wú)法去進(jìn)行指點(diǎn)!那就會(huì )導致一種結果:設計出來(lái)的頁(yè)面非常不利于搜索引擎優(yōu)化!因此點(diǎn)水在這里總結出一些設計人員必需知道的seo規范。
1,精簡(jiǎn)代碼,合理布局。
符合web2.0標準,使用div+css設計網(wǎng)頁(yè),合理布局標簽盡量減少div層,使用描述標簽,精練描述你的網(wǎng)頁(yè),將網(wǎng)站重點(diǎn)內容與經(jīng)常更新的內容代碼盡量靠近的位置。頁(yè)面不要超過(guò)125K。
2,少用腳本,外部調用。
網(wǎng)站的JavaScript和CSS等文件一律外部調用,不要把代碼寫(xiě)在網(wǎng)頁(yè)中,并且盡量減少腳本文件個(gè)數,這樣不僅僅有利于網(wǎng)頁(yè)加載速度也有利于搜索引擎蜘蛛的抓!要提一下的是ajax效果雖然很炫,也盡量少用喲!
3,設計好網(wǎng)站導航
網(wǎng)站的導航全站通用,至關(guān)重要,盡量用文字導航,不要用圖片和flash等,若一定要用圖片請一定加上alt屬性。Flash則盡量避免,Flash的效果是很好的,但加載很慢,搜索引擎也無(wú)法讀取Flash文件。
4,圖片與文字鏈接加上屬性
給所有圖片加上alt描述屬性。并符合W3C標準,搜索引擎會(huì )讀取alt屬性,圖片的alt屬性還可以幫助用戶(hù)瀏覽。給文字鏈接加上tittle屬性,并記住盡量減少用圖片代替文字!
5,避免頁(yè)面重復
每個(gè)頁(yè)面包換標題、描述和關(guān)鍵字等都應該不一樣,需要注意的是很多設計師會(huì )做一個(gè)通用的模板,而用的時(shí)候又忘記修改。標題一定要是具有獨特性的!
6,恰當地使用標題標簽
合理的使用h1-h6標簽,它的存在是告訴搜索引擎哪個(gè)是最重要的,哪些是次要的。對于頁(yè)面的主題使用標簽。充分利用到標簽來(lái)指明內容的層次以及描述相似的內容區域。但不要一個(gè)頁(yè)面使用多個(gè)標簽。