|
在網(wǎng)站優(yōu)化中,，其實(shí)圖片的優(yōu)化也占了很大一部分，它是SEO優(yōu)化中重要的一個(gè)組成部分,，圖片優(yōu)化得好,，不但可以提高頁面的加載速度，加快搜索引擎的抓取速
度以至于收錄更多頁面,，而且通過對(duì)圖片進(jìn)行有意識(shí)的優(yōu)化,，還可以通過圖片帶來一定的流量，是多方受益的。下邊我就我的個(gè)人經(jīng)驗(yàn),，來講下在對(duì)圖片優(yōu)化時(shí),，應(yīng)
該怎么做 1、圖片要加上alt標(biāo)簽 在網(wǎng)站的一些重要的圖片中,，一定要加上ALT標(biāo)簽,，這樣搜索引擎就可以知道這個(gè)圖片的主題是什 么，從而圖片搜索的時(shí)候,，給予你一定的排名,，對(duì)圖片加ALT標(biāo)簽，對(duì)用戶來說也是一個(gè)很好的引導(dǎo)作用,，當(dāng)用戶把鼠標(biāo)放到圖片上時(shí),，ALT里邊的內(nèi)容就會(huì)展 示給用戶，特別是當(dāng)圖片出現(xiàn)一些問題不能被訪問的時(shí)候,，這時(shí)候ALT的作用就更加顯現(xiàn)出來了,，在顯示圖片的地方會(huì)直接顯示ALT里邊的文字內(nèi)容，從而起到 一個(gè)很好的提示作用,，對(duì)于用戶對(duì)上下文的理解起到一個(gè)很好的作用,。 2、圖片要盡是進(jìn)行無損壓縮 我們知道,，一個(gè)頁面中如果它的圖片 比較多,，那么頁面的打開速度就會(huì)比較慢，也就是說頁面的加載速度會(huì)比較慢,，特別是一些圖片站,，圖片都要進(jìn)行適當(dāng)?shù)膲嚎s處理，這樣頁面的加載速度就會(huì)快很 多,，當(dāng)然了,，圖片的壓縮最好是在無損的情況下進(jìn)行,，現(xiàn)在網(wǎng)上有很多這樣的無損壓縮工具,，大家在百度上查下就能夠找到了，我們所說的壓縮是在不影響整體的情 況下進(jìn)行的,。如果某些頁面對(duì)于圖片的質(zhì)量要求比較高,，那壓縮率就盡量小一些,，以免影響用戶體驗(yàn)，所以這也是一個(gè)折衷的問題,，大家可以根據(jù)頁面的實(shí)際情況來 進(jìn)行必要的處理,。 3、對(duì)圖片要指定高度與寬度 頁面加載圖片的時(shí)候,，(暫不考慮不同瀏覽器的下載并發(fā)數(shù)量情況下)如果頁面代碼中不 設(shè)定img的寬高,，那么瀏覽器在加載過程中會(huì)不斷計(jì)算每張圖片的即時(shí)寬高,，直到圖片完整顯示出來為止。而設(shè)定了寬高,，瀏覽器返回的信息里預(yù)先把要加載的圖 片寬高預(yù)留出來即可,，那么瀏覽器就可以騰出時(shí)間和并發(fā)去下載其他的圖片。這也就是為什么給圖片設(shè)置寬高,，可以略微改善頁面打開速度的原因,。當(dāng)然，頁面總數(shù) 越大的站,，頁面圖片數(shù)或網(wǎng)站圖片總數(shù)大的站點(diǎn),，這種加載的變化就越明顯。 4,、在圖片的四周要盡量出現(xiàn)一些有意義的文字 搜索引擎在 對(duì)圖片的主題進(jìn)行判斷的時(shí)候,，是會(huì)參考圖片周圍的內(nèi)容的，所以我們?cè)谝恍┲匾膱D片周圍,，要盡量的出現(xiàn)一些描述性的文字,，以幫助搜索引擎對(duì)于圖片的理解， 例如圖片的上部,、下部、左部,、右部,，都要盡量的出現(xiàn)一些與圖片的主題相關(guān)的內(nèi)容，這樣對(duì)搜索引擎是比較友好的,。 5,、使用CSS Sprites技術(shù)(圖片合并) CSS Sprites其實(shí)就是把網(wǎng)頁中一些背景圖片整合到一張圖片文件中，再利用CSS的“background-image”,，“background- repeat”,，“background-position”的組合進(jìn)行背景定位，background-position可以用數(shù)字能精確的定位出背景 圖片的位置,。這樣可以盡量的減少圖片的數(shù)量,，從而減少圖片對(duì)服務(wù)器的請(qǐng)求次數(shù)，從而加快頁面的加載速度,。 |
|
|
