我們以用戶體驗與服務(wù)設(shè)計創(chuàng)新為客戶帶來產(chǎn)品和商業(yè)的革新,創(chuàng)造新價值。
這是一個大家都不會陌生的問題,可以說是一直以來都很關(guān)心很在乎的SEO優(yōu)化——圖片SEO優(yōu)化。今天??诰W(wǎng)絡(luò)公司椰創(chuàng)智谷就來給大家分享關(guān)于SEO優(yōu)化中圖片的格式,圖片大小等優(yōu)化方法。
圖片優(yōu)化我們最常見的就是添加alt屬性,有利于幫助搜索引擎識別圖片信息:SEO優(yōu)化圖片,如果在圖片的代碼上添加了alt標(biāo)簽,當(dāng)圖片沒有加載出來時,會顯示為文字,有利于用戶體驗,對于搜索引擎來說,搜索引擎本身對圖片的識別能力是很弱的,但是搜索引擎識別alt這個屬性,也認(rèn)識其中的文字,只要加一個說明,搜索引擎就知道這是一張什么樣的圖片了,從而對該圖進行抓取和索引。
當(dāng)用戶在搜索引擎上搜索圖片的時候,就會展示給用戶,有時候從圖片搜索進入網(wǎng)站的流量也是很客觀的,這就是為什么要做圖片優(yōu)化的原因。
01、什么樣格式的圖片更有利于SEO優(yōu)化
有沒有發(fā)現(xiàn)一個網(wǎng)站可以上傳的圖片格式是很多的,那么什么格式的圖片更有利于SEO優(yōu)化呢,這個問題或許很少有人去分析。
常見的圖片格式有jpg(jpeg)、png、gif、bmp及svg等格式,我們網(wǎng)站到底該使用哪一種格式更好?這個其實也和網(wǎng)站的運營有關(guān)系。
一、圖片體積與SEO優(yōu)化的關(guān)系
由于不同格式的圖片清晰度、體積大小等各不相同,一般情況下上傳到網(wǎng)站上面的圖片體積要盡量小,這有利于用戶打開網(wǎng)頁的速度,其次是可以節(jié)省我們的服務(wù)器空間;因為搜索引擎在抓取一個頁面時,會連同js、css文件及圖片全部抓取,如果圖片太大這個網(wǎng)頁的體積就會隨之增大,影響整個頁面的收錄。
其次圖片的色差及飽和度問題,png作為網(wǎng)頁上大行其道的圖片,體積小,有利于網(wǎng)頁的加載速度,不過經(jīng)過png處理之后的圖片會和原圖有較明顯的色差及清晰度問題。
圖片的體積大小順序由小到是:png<jpg(jpeg)<gif<bmp,很的設(shè)計比較喜歡用png作為元素圖片,原因之一就是體積小,其次才是透明??梢钥吹絙mp格式的圖片最占空間,png體積最小,那么理論上完美的網(wǎng)站圖片也應(yīng)該使用png最合理,實際上是不是呢,請繼續(xù)閱讀。
二、圖片的清晰度
網(wǎng)頁排版再好,內(nèi)容再優(yōu)質(zhì),如果你上傳了一張模糊的圖片,用戶體驗一下子就降低了很多,第一感覺就不好!搜索引擎蜘蛛本質(zhì)上是模擬用戶去訪問你的網(wǎng)站頁面,用戶看到是什么樣的網(wǎng)頁和圖片,蜘蛛看到的也是一樣。
圖片的質(zhì)量清晰度從優(yōu)到差的順序是bmp>jpg>gif>png。也就是說bmp格式的圖片質(zhì)量最好,而png格式的圖片質(zhì)量是最差的。
三、關(guān)于gif動圖
一個網(wǎng)站頁面上的動圖太多其實對用戶體驗并不好,而gif圖片的體積也會相對較大,如果是高清的gif圖片,會超過幾MB,這樣會嚴(yán)重的影響網(wǎng)頁加載速度。
四、適合于SEO優(yōu)化和網(wǎng)站運營的圖片格式
經(jīng)過上面的分析,我們在選擇圖片時①要考慮到網(wǎng)站的加載速度,圖片的體積越小越好,這對用戶打開網(wǎng)頁和搜索引擎抓取頁面都有幫助,所以優(yōu)先選擇應(yīng)該是png,jpg,gif,bmp這樣的順序,②是要保證圖片的質(zhì)量即清晰度,圖片不能太過于失真,那么在滿足前面第一條體積的情況下,可供選擇的就是jpg和png格式了。
綜上可得,滿足條件適合于網(wǎng)站的優(yōu)質(zhì)圖片格式是從優(yōu)到差的順序是jpg>png>gif>bmp,這個排序及利于用戶體驗,也利于SEO優(yōu)化。
因為一個網(wǎng)站也不可能規(guī)定只允許使用一種圖片,所以我們要盡可能使用jpg格式圖片,其次是png格式,盡量少使用gif動態(tài)圖,避免使用bmp格式的圖片。
02、圖片的尺寸問題
幾乎很多的網(wǎng)站在上傳圖片時對尺寸是沒有限定的,也就是隨心所欲,不論大小只要傳了圖就是萬事大吉。
其實對于圖片的尺寸也是應(yīng)該適當(dāng)?shù)囊?guī)范一下,通常搜索引擎喜歡的尺寸是:3:2、16:9、3:4和1:1這幾個比例,可以在上傳圖片的時候按照比例進行裁剪后再上傳。