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

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

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

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

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

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

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

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

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

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

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