北京網(wǎng)站建設公司推來客:在SEO網(wǎng)站優(yōu)化,其實圖片的優(yōu)化也占了很大一部分。它是SEO網(wǎng)站優(yōu)化的重要組成部分。優(yōu)化好的圖片不僅可以提高頁面的加載速度,加快搜索引擎的抓取速度,使更多的網(wǎng)站制作頁面被收錄,而且通過有意識地優(yōu)化圖片,還可以帶來通過圖片產(chǎn)生一定的流量,對多方有利。下面我就以我個人的經(jīng)驗來說說優(yōu)化圖片的時候應該怎么做
1、圖片要加上alt標簽及圖片要盡是進行無損壓縮
我們知道,如果一個頁面上的圖片很多,那么頁面的打開速度就會變慢,也就是說頁面的加載速度也會變慢,尤其是一些圖片網(wǎng)站,圖片一定要適當壓縮,這樣頁面的加載速度就會快很多。當然最好是無損壓縮圖片。網(wǎng)上有很多這樣的無損壓縮工具。你可以在百度上搜索找到它們。我們所說的壓縮是在不影響整體的情況下完成的。如果有些頁面對圖片質(zhì)量要求高,那么壓縮率盡量小,以免影響用戶體驗,所以這也是一個折中的問題,大家可以根據(jù)頁面的實際情況進行必要的處理。
在網(wǎng)站上一些重要的圖片,一定要加上ALT標簽,這樣搜索引擎才能知道圖片的主題是什么,這樣在搜索圖片的時候,會給你一定的排名,給圖片加上ALT標簽將使用戶受益。這也是一個很好的引導功能。當用戶將鼠標放在圖片上時,ALT中的內(nèi)容就會顯示給用戶,尤其是當圖片出現(xiàn)一些問題無法訪問時,此時ALT的作用會更加明顯時出來,ALT里面的文字內(nèi)容會直接顯示在圖片顯示的地方,起到很好的提醒作用,對用戶理解上下文起到很好的作用。
2、在圖片的四周要盡量出現(xiàn)一些有意義的文字
搜索引擎在判斷圖片的主題時,會參考圖片周圍的內(nèi)容,所以我們應該盡量在一些重要的圖片周圍呈現(xiàn)一些描述性的文字,以幫助搜索引擎理解圖片,例如上半部分,下半部分圖片的左半部分、右半部分盡量呈現(xiàn)一些與圖片主題相關的內(nèi)容,這樣對搜索引擎更友好。
3、對圖片要指定高度與寬度及使用CSS Sprites技術(圖片合并)
頁面加載圖片時,(暫不考慮不同瀏覽器的并發(fā)下載數(shù)),如果頁面代碼中沒有設置img的寬高,瀏覽器會不斷計算即時寬高加載過程中的每張圖片。直到圖片完全顯示。如果設置了寬高,可以在瀏覽器返回的信息中提前預留要加載的圖片的寬高,這樣瀏覽器就可以騰出時間,同時下載其他圖片。這就是為什么設置圖片的寬高可以略微提高頁面打開速度的原因。當然,對于頁面數(shù)量較多的網(wǎng)站、頁面圖片數(shù)量較多的網(wǎng)站或網(wǎng)站圖片數(shù)量較多的網(wǎng)站,這種加載變化會更加明顯。
CSS Sprites其實就是將網(wǎng)頁中的一些背景圖片整合成一個圖片文件,然后利用CSS“background-image”、“background-repeat”、“background-position”的組合來定位背景。 background-position可以使用數(shù)字可以準確定位背景圖片的位置。這樣可以盡可能減少圖片的數(shù)量,從而減少向服務器請求圖片的次數(shù),從而加快頁面的加載速度。
本文由北京網(wǎng)站制作公司推來客http://www.tlkjt.com/發(fā)布
我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!