容易忽略的代碼優化




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