網(wǎng)站優(yōu)化時如何對圖片進(jìn)行優(yōu)化

北京網(wǎng)站建設(shè)公司尚品中國：在SEO網(wǎng)站優(yōu)化中，其實圖片的優(yōu)化也占了很大一部分，它是SEO網(wǎng)站優(yōu)化中重要的一個組成部分，圖片優(yōu)化得好，不但可以提高頁面的加載速度，加快搜索引擎的抓取速度以至于收錄更多網(wǎng)站制作頁面，而且通過對圖片進(jìn)行有意識的優(yōu)化，還可以通過圖片帶來一定的流量，是多方受益的。下邊我就我的個人經(jīng)驗，來講下在對圖片優(yōu)化時，應(yīng)該怎么做

1、圖片要加上alt標(biāo)簽及圖片要盡是進(jìn)行無損壓縮

我們知道，一個頁面中如果它的圖片比較多，那么頁面的打開速度就會比較慢，也就是說頁面的加載速度會比較慢，特別是一些圖片站，圖片都要進(jìn)行適當(dāng)?shù)膲嚎s處理，這樣頁面的加載速度就會快很多，當(dāng)然了，圖片的壓縮最好是在無損的情況下進(jìn)行，現(xiàn)在網(wǎng)上有很多這樣的無損壓縮工具，大家在百度上查下就能夠找到了，我們所說的壓縮是在不影響整體的情況下進(jìn)行的。如果某些頁面對于圖片的質(zhì)量要求比較高，那壓縮率就盡量小一些，以免影響用戶體驗，所以這也是一個折衷的問題，大家可以根據(jù)頁面的實際情況來進(jìn)行必要的處理。

在網(wǎng)站的一些重要的圖片中，一定要加上ALT標(biāo)簽，這樣搜索引擎就可以知道這個圖片的主題是什么，從而圖片搜索的時候，給予你一定的排名，對圖片加ALT標(biāo)簽，對用戶來說也是一個很好的引導(dǎo)作用，當(dāng)用戶把鼠標(biāo)放到圖片上時，ALT里邊的內(nèi)容就會展示給用戶，特別是當(dāng)圖片出現(xiàn)一些問題不能被訪問的時候，這時候ALT的作用就更加顯現(xiàn)出來了，在顯示圖片的地方會直接顯示ALT里邊的文字內(nèi)容，從而起到一個很好的提示作用，對于用戶對上下文的理解起到一個很好的作用。

2、在圖片的四周要盡量出現(xiàn)一些有意義的文字

搜索引擎在對圖片的主題進(jìn)行判斷的時候，是會參考圖片周圍的內(nèi)容的，所以我們在一些重要的圖片周圍，要盡量的出現(xiàn)一些描述性的文字，以幫助搜索引擎對于圖片的理解，例如圖片的上部、下部、左部、右部，都要盡量的出現(xiàn)一些與圖片的主題相關(guān)的內(nèi)容，這樣對搜索引擎是比較友好的。

3、對圖片要指定高度與寬度及使用CSS Sprites技術(shù)(圖片合并)

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

CSS Sprites其實就是把網(wǎng)頁中一些背景圖片整合到一張圖片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的組合進(jìn)行背景定位，background-position可以用數(shù)字能精確的定位出背景圖片的位置。這樣可以盡量的減少圖片的數(shù)量，從而減少圖片對服務(wù)器的請求次數(shù)，從而加快頁面的加載速度。

本文由北京網(wǎng)站制作公司尚品中國http://m.yangsheng234.com/發(fā)布