南通颐猩文化传播有限公司

當前位置:首頁 >  站長 >  搜索優(yōu)化 >  正文

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

 2011-10-13 13:53  來源:   我來投稿 撤稿糾錯

  域名預(yù)訂/競價,好“米”不錯過

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

一、縮減代碼

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

首先代碼要有清晰的分類即分離代碼,這樣做的好處有兩點:第一點,減少網(wǎng)頁訪問時的HTTP請求;第二點,便于對網(wǎng)站進行維護。

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

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

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

 

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

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

申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!

相關(guān)文章

熱門排行

信息推薦