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