容易忽略的代碼優(yōu)化




很多新手站長(zhǎng)做SEO主針對(duì)文章內(nèi)容及外鏈優(yōu)化,卻忽略了細(xì)節(jié)性東西-代碼優(yōu)化。網(wǎng)站代碼優(yōu)化可以增加用戶體驗(yàn)度、對(duì)搜索引擎抓取頁(yè)面非常友好,在SEO優(yōu)化中起到主導(dǎo)位置。下面張玉淦根據(jù)自身的經(jīng)驗(yàn)與站長(zhǎng)們分享容易忽略的代碼優(yōu)化。
容易忽略的代碼優(yōu)化
百 度百科對(duì)于代碼優(yōu)化定義:所謂代碼優(yōu)化是指對(duì)程序代碼進(jìn)行等價(jià)(指不改變程序的運(yùn)行結(jié)果)變換。程序代碼可以是中間代碼(如四元式代碼),也可以是目標(biāo)代 碼。等價(jià)的含義是使得變換后的代碼運(yùn)行結(jié)果與變換前代碼運(yùn)行結(jié)果相同。優(yōu)化的含義是最終生成的目標(biāo)代碼短(運(yùn)行時(shí)間更短、占用空間更小),時(shí)空效率優(yōu)化。
CSS優(yōu)化
對(duì) 于企業(yè)網(wǎng)站排名優(yōu)化來(lái)說(shuō),css優(yōu)化是沒(méi)有影響。對(duì)于網(wǎng)站整體優(yōu)化,css優(yōu)化確實(shí)必不可少的,可以提高網(wǎng)站的訪問(wèn)速度。站長(zhǎng)們都知道,現(xiàn)在網(wǎng)站建設(shè)都采 取css+div布局頁(yè)面,很多樣式都是外部調(diào)用,導(dǎo)致樣式class的名稱重復(fù)。尤其對(duì)于很多企業(yè)站,都是直接套用別人現(xiàn)成的模板,導(dǎo)致樣式名稱重復(fù)。 對(duì)于后期的網(wǎng)站優(yōu)化非常不利。
舉例:css的使用有多種方式,一是嵌入式,即在html標(biāo)簽中直接定義樣式表,如下所示:
<p style="font-family:arial;font-size:16px;font-weight:bold;">Outside now its raining,and tears are falling from my eyes…</p>
還有一種是直接定義在頁(yè)面頭部的如下:
<styletype="text/css">p{ background:#f1f1f1; color:#333; line-height:20px;} </style>
這兩種方式都是把css寫(xiě)在當(dāng)前html中,這樣會(huì)造成hml文檔變大,降低網(wǎng)頁(yè)的響應(yīng)速度,所以我們需要外鏈css,將所有與本頁(yè)面相關(guān)的樣式寫(xiě)入到該樣式表中:
<link href="style/common.css"rel="stylesheet"type="text/css"/>
CSS優(yōu)化要注意有哪些
最后,css樣式里用不到的要?jiǎng)h除,可以給頁(yè)面提速。還有一點(diǎn),很多企業(yè)站的css樣式都是調(diào)用幾個(gè),可以把這些合并,在頁(yè)面統(tǒng)一調(diào)用,可以大大縮短搜索引擎抓取頁(yè)面時(shí)間,減少多次請(qǐng)求,提高友好度。
JS優(yōu)化
大家都知道,js都采用外部調(diào)用,不要直接在頁(yè)面寫(xiě)js代碼,對(duì)搜索引擎及頁(yè)面加載速度都是有幫助。筆者一般都是把多個(gè)js文件合并,在頁(yè)面</html>前調(diào)用,比<head>部分調(diào)用更好。
js代碼跟css的使用差不多,都有三種方式:
內(nèi)部定義:<A onclick="if(confirm('確認(rèn)?'){...}else{...})"href="#">confirm</A>
頭部插入:<script>...</script>
外鏈調(diào)用:<SCRIPT language=javascript type=text/javascript src="jquery-1.7.2.min.js"></SCRIPT>
補(bǔ)充說(shuō)明:針對(duì)js圖像特效等,可能會(huì)影響網(wǎng)站關(guān)鍵字排名的!有的特效圖像的路徑、說(shuō)明等都是寫(xiě)入到j(luò)s中的,這種特效盡量不要使用。
導(dǎo)航優(yōu)化
導(dǎo)航一般都是整個(gè)網(wǎng)站通用的,所以導(dǎo)航的作用是非常大,建議導(dǎo)航采取文字形式,避免使用圖片及Flash等,如果一定要使用,請(qǐng)加上alt屬性。Flash就不要使用,會(huì)影響頁(yè)面加載速度及搜索引擎不友好。
圖片優(yōu)化
圖片站優(yōu)化最關(guān)鍵的要素就是為圖片加上alt標(biāo)簽,指明圖片的寬度與高度。文章內(nèi)容中要用到的圖片,最好從本地上傳,不要直接網(wǎng)絡(luò)地址,把這些圖片單獨(dú)保存在根目錄某個(gè)圖片文件夾內(nèi),有些圖片太大的可以采用壓縮,這樣網(wǎng)頁(yè)的打開(kāi)速度會(huì)更快。
代碼優(yōu)化也成為SEO工作中必不可少的一部分!