seo優化代碼的必讀,教你給網頁完美瘦身!

來源:互聯網
上載者:User

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

每個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%的體積,是最重要的一種優化效果,當然這個功能是需要伺服器控制項支援。

最後提醒大家,如果想做好網站原創性,你最好使用自己單獨設計製作的範本,而不要採用一些網上氾濫的大眾化範本,從而最有利於網站優化效果提升。

本文由seo奇兵(HTTP://www.seoqibing.com) 首發A5,轉載請保留資訊!

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.