網站優化時如何對圖片進行優化

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

在網站優化中，其實圖片的優化也占了很大一部分，它是SEO優化中重要的一個組成部分，圖片優化得好，不但可以提高頁面的載入速度，加快搜尋引擎的抓取速度以至於收錄更多頁面，而且通過對圖片進行有意識的優化， 還可以通過圖片帶來一定的流量，是多方受益的。 下邊我就我的個人經驗，來講下在對圖片優化時，應該怎麼做

1、圖片要加上alt標籤

在網站的一些重要的圖片中，一定要加上ALT標籤，這樣搜尋引擎就可以知道這個圖片的主題是什麼，從而圖片搜索的時候，給予你一定的排名，對圖片加ALT標籤，對使用者來說也是一個很好的引導作用，當使用者把滑鼠放到圖片上時， ALT裡邊的內容就會展示給使用者，特別是當圖片出現一些問題不能被訪問的時候，這時候ALT的作用就更加顯現出來了，在顯示圖片的地方會直接顯示ALT裡邊的文字內容，從而起到一個很好的提示作用， 對於使用者對上下文的理解起到一個很好的作用。

2、圖片要盡是進行無失真壓縮

我們知道，一個頁面中如果它的圖片比較多，那麼頁面的打開速度就會比較慢，也就是說頁面的載入速度會比較慢，特別是一些圖片站，圖片都要進行適當的壓縮處理，這樣頁面的載入速度就會快很多，當然了，圖片的壓縮最好是在無損的情況下進行 ，現在網上有很多這樣的無失真壓縮工具，大家在百度上查下就能夠找到了，我們所說的壓縮是在不影響整體的情況下進行的。 如果某些頁面對於圖片的品質要求比較高，那壓縮率就儘量小一些，以免影響使用者體驗，所以這也是一個折衷的問題，大家可以根據頁面的實際情況來進行必要的處理。

3、對圖片要指定高度與寬度

頁面載入圖片的時候，(暫不考慮不同瀏覽器的下載併發數量情況下)如果頁面代碼中不設定img的寬高，那麼瀏覽器在載入過程中會不斷計算每張圖片的即時寬高，直到圖片完整顯示出來為止。 而設定了寬高，瀏覽器返回的資訊裡預先把要載入的圖片寬高預留出來即可，那麼瀏覽器就可以騰出時間和併發去下載其他的圖片。 這也就是為什麼給圖片設置寬高，可以略微改善頁面打開速度的原因。 當然，頁面總數越大的站，頁面圖片數或網站圖片總數大的網站，這種載入的變化就越明顯。

4、在圖片的四周要儘量出現一些有意義的文字

搜尋引擎在對圖片的主題進行判斷的時候，是會參考圖片周圍的內容的，所以我們在一些重要的圖片周圍，要儘量的出現一些描述性的文字，以説明搜尋引擎對於圖片的理解，例如圖片的上部、下部、左部、右部， 都要儘量的出現一些與圖片的主題相關的內容，這樣對搜尋引擎是比較友好的。

5、使用CSS Sprites技術(圖片合併)

CSS Sprites其實就是把網頁中一些背景圖片整合到一張圖片檔中，再利用CSS的「background-image」，「background- repeat」，「background-position」 的組合進行背景定位，background-position可以用數位能精確的定位出背景圖片的位置。 這樣可以儘量的減少圖片的數量，從而減少圖片對伺服器的請求次數，從而加快頁面的載入速度。

總之，在對網站進行優化的時候，對圖片的優化也是很重要的，因為它不但可以加快頁面的打開速度，從而提高使用者體驗，而且還可以通過圖片搜索帶來一定的相關流量。 本文由HTTP://www.guguo.in/網站編輯編寫，轉載請注明出處，謝謝!