當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  搜索優(yōu)化 >  正文

張建飛:SEOER必須知道的代碼規(guī)范優(yōu)化

 2011-10-13 13:53  來(lái)源:   我來(lái)投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)

一個(gè)好的網(wǎng)站結(jié)構(gòu)可以更好的獲得搜索引擎的青睞,眾多SEOER將網(wǎng)站結(jié)構(gòu)改為樹狀形式的,就以為這是一個(gè)好的網(wǎng)站結(jié)構(gòu)了或者說(shuō)是做好了網(wǎng)站結(jié)構(gòu)的優(yōu)化了,其實(shí)不然代碼規(guī)范也屬于網(wǎng)站結(jié)構(gòu)優(yōu)化的范疇。然而代碼優(yōu)化往往卻被SEOER無(wú)情的給忽略或者說(shuō)丟掉了。在此張建飛談?wù)勛约簩?duì)代碼優(yōu)化的看法。

一、縮減代碼

網(wǎng)頁(yè)體積越小訪問(wèn)速度越快,這是眾所周知的,同樣對(duì)于搜索引擎也是一樣的道理。訪問(wèn)速度越快,那么搜索引擎是不是會(huì)經(jīng)常來(lái)呢,當(dāng)然不可或缺的是網(wǎng)站要有東西來(lái)喂蜘蛛。那么我們應(yīng)該怎么樣去對(duì)代碼進(jìn)行優(yōu)化呢?

首先代碼要有清晰的分類即分離代碼,這樣做的好處有兩點(diǎn):第一點(diǎn),減少網(wǎng)頁(yè)訪問(wèn)時(shí)的HTTP請(qǐng)求;第二點(diǎn),便于對(duì)網(wǎng)站進(jìn)行維護(hù)。

其次是棄用table選用DIV+CSS,為什么要這樣做呢?因?yàn)閠able用戶體驗(yàn)、訪問(wèn)速度緩慢、不利于維護(hù)并且很難通過(guò)W3C Validator驗(yàn)證。反之,DIV+CSS就很好的解決了這些問(wèn)題。大家可以測(cè)試下,同樣的代碼行數(shù)或者同樣一個(gè)效果用table和DIV+CSS分別制作一個(gè),看下兩者的訪問(wèn)速度。

二、代碼格式,層次結(jié)構(gòu)

代碼就那樣,還能折騰出個(gè)什么花樣,還不就是HTML標(biāo)簽,大家可能會(huì)說(shuō)。確實(shí)網(wǎng)頁(yè)無(wú)論怎么搞最終還是轉(zhuǎn)變?yōu)镠TML標(biāo)簽顯示,但是HTML標(biāo)簽也是需要一個(gè)層次結(jié)構(gòu)來(lái)規(guī)范的。就拿元標(biāo)簽來(lái)說(shuō)吧,很多站點(diǎn)的幾個(gè)元標(biāo)簽順序都不同,不說(shuō)別的,就說(shuō)站長(zhǎng)自己想查看這些信息,每個(gè)網(wǎng)頁(yè)去看的時(shí)候,順序都不一樣,是不是會(huì)看花眼呢?所以HTML標(biāo)簽也是需要規(guī)范的,以下是比較典型的HTML標(biāo)簽結(jié)構(gòu)層次代碼:

 

大家可以從上面看出代碼規(guī)范后,清晰明了,是不是比代碼混亂好多了。上面的代碼把CSS樣式表代碼作為外部調(diào)用,減少了HTTP請(qǐng)求,提升了網(wǎng)頁(yè)的加載速度。這樣是不是就是最好的處理方式了呢?答案是:否。難道都沒(méi)有發(fā)現(xiàn)這樣做很多空白空格的地方嗎,憑空增加了許多沒(méi)用的玩意,加大了網(wǎng)頁(yè)的體積。那么我們?cè)撛趺醋瞿?,是有工具可以將這些空余字符去掉的,組成代碼密集的網(wǎng)頁(yè)(切記使用前,保存一個(gè)副本,作為我們自己維護(hù)的時(shí)候使用)。

總結(jié):SEO需要仔細(xì)分析,揣摩每一個(gè)細(xì)節(jié),細(xì)節(jié)決定成敗。提示:最好是在開發(fā)網(wǎng)頁(yè)模板或者程序的時(shí)候,就做好這些前期的工作,避免多次修改。本文由張建飛(www.semanswer.net)原創(chuàng),轉(zhuǎn)載請(qǐng)署名,尊重原創(chuàng)!

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門排行

信息推薦