每個seo都應該熟練掌握網頁代碼優化,因為搜索引擎和人不一樣,它們不是用眼睛去看,而是通過代碼去分析網頁。尤其對中大型網站,站內代碼優化工作在很大程度上影響著seo的工作成果。今天,seo奇兵就分享幾個網頁代碼優化的心得給大家。
1、清除代碼中垃圾代碼,例如:無意義的空格、默認屬性、注釋語句和空語句等。 尤其是制作網頁過程中的空格,肯定會有不少,一般100K大小的網頁,空格所占的空間大概在15K。空格字符最常出現在代碼的開始、結束、空行中。大家可以把在Dreamweaver里全部選中代碼然后按shift+tab鍵左對齊。去除空格之后,就可以把網頁的體積縮小不少,提高網頁打開速度。 2、使用DIV+CSS布局網頁 很多人在制作網頁時采用table,可能這是為了布局的簡易和網頁的兼容性,但table的布局沒有清晰的層次關系,如果是多層表格的嵌套還會大大增加代碼量。采用div+css布局方式代碼可以讓代碼更簡練,網站優化效果會更加明顯。 3、將CSS樣式寫入外部文件,CSS書寫采用簡寫形式 很多人為了調試方便常常使用內嵌式CSS(在head區域的普通內嵌式和在標簽內出現的行內內嵌式css),這樣會增加頁面內容無關代碼量,不利于搜索引擎迅速理解頁面信息。我們應該讓所有css均處于外部文件,從而使網頁代碼最簡練。 另外很多CSS樣式有簡寫的方法,例如:.mycss { padding-top:10px; padding-right:5px; padding-bottom:10px; padding-left:3px; } 如果采用簡寫形式,只需要 .mycss { padding:10px 5px 10px 3px; } 即可,具體簡寫的樣式有那些,大家找下相關css教程就可以了,網上很多。 特別要注意一點:并不是說網站采用了DIV+CSS就一定等于優化到家了,DIV之間的層次關系不容忽視,直接會影響到搜索引擎對頁面信息區塊的理解!如果大家不明白,可以參考seo奇兵博客的頁面源代碼,頁面層次關系一看便知。 4、多采用html標簽,減少“class=xxx”這種代碼。例如:
我們完全可以采用下面的代碼:
至于相關元素的CSS樣式方面,我們只需要在外部css文件中對它們所處ul樣式myul的 .myul li i 、.myul li span、.myul li p定義一下就可以了。 5、減少Flash,如果用javascript效果可以代替最好 Flash是搜索引擎目前無法很好理解的,而且對蘋果設備兼容性不好,所以,如果你的網站非常需要,最好用javascript來實現動畫。 6、減少javascript 大量的javascript會增加網頁體積,影響搜索引擎蜘蛛對頁面的抓取。如果頁面效果(例如:導航欄、浮動層等)能采用DIV+CSS代替最好。 特別要注意避免很多程序員喜歡的用javascript方式做超鏈接,除非你認為這個鏈接不重要,不想給下一級頁面傳遞什么權重。 7、在服務器端對網頁進行GZIP壓縮 服務器端啟用GZIP壓縮能減少網頁30%-80%的體積,是最重要的一種優化效果,當然這個功能是需要服務器控件支持。 最后提醒大家,如果想做好網站原創性,你最好使用自己單獨設計制作的模板,而不要采用一些網上泛濫的大眾化模板,從而最有利于網站優化效果提升。 |