如果你運營在線商城又或是大型電商網(wǎng)站，圖片優(yōu)化是你必須要掌握的。不僅僅是從吸引潛在消費者，還是增加圖片搜索流量，又或是提升網(wǎng)站加載速度，圖片優(yōu)化扮演者非常關(guān)鍵的角色。但說到圖片優(yōu)化，很多傳統(tǒng)意義上的SEO人會說，圖片要加alt標(biāo)簽，圖片要壓縮…這樣的粗線條顯然是不行的。


　　1、用結(jié)構(gòu)化數(shù)據(jù)寫產(chǎn)品圖片ALT


　　我們很容易使用照相機默認(rèn)的圖片編號當(dāng)做圖片們的命名，這樣的話對于搜索引擎來說，可能就沒有辦法辨識圖片的內(nèi)容，從而我們就失去了從圖片搜索那塊兒帶來的流量，這是非?？上У模貏e是當(dāng)你的產(chǎn)品有數(shù)以萬計的話。通常我們可以制定結(jié)構(gòu)化數(shù)據(jù)規(guī)則讓技術(shù)人員設(shè)計程序批量替換圖片的alt屬性，而無需我們手工操作。


　　對于產(chǎn)品圖片的描述來說，不建議寫過多冗余內(nèi)容，保持?jǐn)?shù)據(jù)結(jié)構(gòu)化，做到關(guān)鍵詞辨識度高，關(guān)鍵詞信息豐富就可以了，千萬不要做關(guān)鍵詞堆積。


　　2、圖片拍攝角度問題


　　基本上拍攝產(chǎn)品照片不會只拍一個角度，訪客肯定不會滿足于只有一張正面照，多角度的去展示才能更好的吸引訪客在你的網(wǎng)站上停留更多的時間，這個時候如何寫alt標(biāo)簽?


　　較好的方法也是保持alt標(biāo)簽的結(jié)構(gòu)化，繼承主圖的格式，千萬不要去給這些圖片一個全新的寫法。


　　3、關(guān)于大圖的顯示問題


　　如果你希望提供更大的圖片讓用戶爽一下，這個思路很好，但要非常小心，不建議將大圖直接放在網(wǎng)頁上然后用css將圖片縮小，雖然你看上去圖片變小了，但是圖片的尺寸還是實實在在存在的，這會影響加載速度。相反，你可以先放一張較小的圖片，然后提供查看大圖功能的選項，不管是點擊彈出大圖還是另外新頁面顯示。


　　當(dāng)然，還有一些人會把大圖切成一張張小圖做拼接，這樣做可以讓圖片快速顯示，但同時一張圖片切成小圖之后，服務(wù)器的請求數(shù)會增加，從而會影響網(wǎng)頁加載速度。所以，如果圖片的體積實在過大的話，建議為圖片專門配置新服務(wù)器。


　　4、給圖片減減肥


　　如果你大量的網(wǎng)站圖片非常臃腫，這將嚴(yán)重影響網(wǎng)站加載速度，如果超過10秒鐘，那你等著和你的客戶說byebye把。


　　圖片文件應(yīng)該多大?


　　有些理論說圖片的大小應(yīng)該保持在70kb以下，不過這個有時候是很困難的，特別對于大圖片來說幾乎是不可能的，除非你不求清晰度。我個人倒是覺得，不要用一個標(biāo)準(zhǔn)去限制每一張圖片的大小，關(guān)鍵在于，我們有沒有去執(zhí)行，有沒有看到我這篇博文后去真正壓縮圖片，這才是關(guān)鍵。


　　5、用對圖片格式


　　目前有三種非常流行的圖片格式，他們是JPEG，GIF，和PNG。讓我們來看看他們有何不同，


　　JPEG (或者說 .jpg) 是最常用的圖片壓縮格式，支持較高級別的壓縮。通常，對于顯示要求比較高的圖片來說，JPEG格式展示的圖片效果較GIF和PNG有明顯的優(yōu)勢。


　　GIFs (.gif) 的圖片顯示質(zhì)量要比JPEGs遜色很多，通常用作非常簡單的圖片展示，比如素材或者裝飾性圖案，gif也可以用來制作動畫。gif不適合用作高顯示質(zhì)量的圖片。


　　PNG圖片是比gif更好的選擇，因為PNG圖片支持的色彩要比GIFs多。此外，和JPEG一樣，PNG反復(fù)保存也不會影響圖片質(zhì)量，而且對于小圖來說，PNG占用的體積極小，PNG完美支持透明背景，所以一般logo或一般裝飾性圖案都會選擇PHG格式。注意PNG-24圖片體積要超3倍地大于同樣情況下的PNG-8版本，對待PNG你要十分小心，看仔細(xì)了。


　　6、正確看待縮略圖


　　大部分電商網(wǎng)站都有縮略圖展示，它可以讓訪客迅速的掃描到盡可能多的商品樣式而不需要再去點擊一個額外的頁面。


　　縮略圖很棒，但是要小心，他們可能是你網(wǎng)站的速度殺手。他們通常會出現(xiàn)在關(guān)鍵的購物流程之中，若因此影響了購物流程的流暢性，額… 就可能又損失了一個顧客。


　　盡可能壓縮縮略圖體積，縮略圖的圖片不要過高的追求顯示質(zhì)量，當(dāng)用戶點擊到下一層詳情頁面的時候再給他一張高質(zhì)量的圖片。


　　盡量不要為縮略圖設(shè)置alt標(biāo)簽，通常我們并不希望搜索引擎索引的是縮略圖而應(yīng)是產(chǎn)品詳情頁的高質(zhì)量原圖。


　　7、使用圖片地圖


　　如果你的網(wǎng)站用JS做圖片效果來更好的提升用戶體驗，你是否擔(dān)心圖片是否還能收錄?當(dāng)然通常來說蜘蛛是不會爬取不顯示在源代碼里面的圖片文件的，但是谷歌對于這點已經(jīng)很有經(jīng)驗了，通過圖片地圖的提交，即把圖片地址一個個老老實實地列出來，搜索引擎就可以爬行了。


　　8、留心裝飾性圖片


　　如果只是一些邊框類的、或是簡單的樣式圖片，使用PNG-8或者GIFs，你可以創(chuàng)建非常好看的圖片并且只占幾百bytes的體積。


　　如果可能的話，盡量使用css來創(chuàng)建一些特殊效果，而非圖片。


　　不建議為網(wǎng)站設(shè)置背景圖片，如果一定要有的話，在保證清晰度的前提下最大程度去壓縮體積。還可以把背景圖當(dāng)中鏤空或保持透明來壓縮體積。


Tag: 技巧