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