SEO代碼優化的方法

                 SEO代碼優化的方法

seo代碼優化是一項比較複雜的工程,大多數seo人員對網站的代碼優化了解並不多,希望這篇seo代碼優化的文章能有一點點幫助。

   網站爲什麼都需要SEO 搜索引擎優化呢?有一部分原因就是網頁設計不規範造成的。今天我在這裏講一下網頁如何瘦身,代碼如何優化?

   我們大家都知道,網頁設計無論是基於那種語言都是兩種佈局方式和架構:一是:table做的;二是:div+css做的 ,然而這兩種架構也不是絕對的互斥的,也有出現你中有我,我中有你的情況。

   爲什麼要網頁瘦身呢?
   原因是,搜索引擎本身的資源是有限的,在一定的時間內他的存儲空間也是有限的。如果一個頁面是2k相比一個將1m的頁面來說,2k的頁面存儲500個的空間,只能放一個1m的頁面。鑑於對搜索引擎的考慮,我們應該讓他減輕負擔.

   還有就是: 1.儘可能的減少數據的數據的傳輸量。2.儘可能的減少數據的傳輸頻率。
   如何做到以下幾點:1.提高網頁的下載速度 2.降低服務器使用的資源 3.提高網絡帶寬利用率  

   首先我們會把注意力放在導致速度下降的最大因素上:圖片,二進制文件上。這固然重要,但是優化html代碼,css代碼和javascript也是相當重要的。
 
   但是,我們常常忽略了這一點。我們瞭解一個典型的網頁加載流程是:     
   首先(x)html文件最先瀏覽器讀到,然後加載到內存中,因爲這個文件決定了整個網頁中其他文件的關係,一般情況下,我們稱這個爲主文件(host document)瀏覽器一旦加載完成這個文件,便開始解析各種markup了在從文件頂部開始向下解析的過程中,會同時發出一系列的相關對象的請求,包括外部腳本,樣式表單,flash等其他元素。而這些css和javascript則有可能繼續觸發一些相對圖片和腳本資源的請求。

   從這了可以看出主文件的重要性,如果能把他儘可能快的傳給瀏覽器,瀏覽器就可能先一步解析。所以第一步,需要對主文件進行優化,減肥。如何優化傳輸,我們的基本方法是: 是什麼?減少空白區域,精簡css和javascript

   1.除去空白區域,一般而言,空白區域(空格,製表符,換行符等)都可以安全刪除,但要避免修改pre,textarea,及受css屬性中white-space影響的標籤。 我還有一個建議就是,這些代碼在優化前,大家留一個備份,因爲畢竟有空白區域的代碼,我們看起來比較舒服,不至於是我們的眼睛太累,可能我們後期還要對優化的過的代碼進行再操作

   2.出去註釋,除了在客戶端給ie和doctype聲明的註釋,幾乎所有的註釋都可以k掉,毫無顧慮

   3.使用短格式的顏色表示,我們常常在用顏色的時候喜歡用16進制和全顏色名稱,認爲這樣比較精確,但我們要儘可能根據實際情況使用短格式的顏色表示如:#ff0000,其實就是red
   4.用短格式的字符表示。和最短顏色表示一樣,一些名稱可以用最短字符來表示,我們可以用較短的數字來代替某些長長的字母。

   5.除去無用的標籤。有些無用的標籤,比如使用了多次的重複標籤或者某些編輯器裏面用做廣告的meta標籤,都可以安全地去掉。

   css優化,css也有一套成熟而有簡單的方法。實際上,時下大多數的css都較(x)html更容易壓縮。
   1.除去css中的空白區域。相比html來,css對於空白區域沒有那麼敏感,所以除去空白區域可以極大地減少css文件和style樣式表的區域大小
 
   2.除去css註釋,如同除去markup代碼中的註釋一樣,由於css的註釋對普通的最終用戶來說並沒有什麼使用價值,使用應該除去。不過,如果考慮到較低級的瀏覽器,則css中的style標籤中的屏蔽註釋信息不可以除去。使用短格式表示顏色,同上,不再重複。

   3.對css的規則進行合併,如這短代碼:       p{font-size:36pt;      font-family:aral;      line-height:48pt;      font-weight:bold;}      可以這樣寫:p{font:bold 36pt/48pt arial;}
   這樣的話,數據量頓時就見效了許多。這些都我們可以注意到,而又沒有在意的方面,seo就是細節,細節決定成敗。

   4.對類和id重命名。多id重命名,要注意,不要出錯。許多時候我們爲了程序編寫的需要,總是把名字寫的有意義自己能理解,但是這樣無疑長了很多,這個大家自己看着改吧。javascript優化,javascrpt對與網站的作用越來越大,我們不得不注意的他功效了。這些代碼許多時候非常笨重,數據量較大。目前搜索引擎還不能解析javascript,但衆多的java腳本影響的網站的速度,這更多的是處於用戶體驗考慮了。

本文由歪歪6359 整理髮布,轉載請保留出處!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章