網站圖片如何SEO優化的八大技巧

什么是圖片SEO?

圖片SEO是指通過正確的替代文本、適當的標題、良好的圖像尺寸等因素去優化網站的圖片。目前搜索引擎讀取圖片的能力還比較弱，對大多數圖片的理解能力十分有限，甚至不會爬取圖片。因此，我們建議大家要對圖片進行一些優化動作，幫助搜索引擎理解圖片所傳達的意思。

優化圖片可以幫助提升網站在搜索引擎中的排名，并增加網站的曝光度。以下是一些做好圖片優化以提升搜索引擎排名的技巧：

1. 用結構化數據寫產品圖片ALT

我們很容易使用照相機默認的圖片編號當做圖片們的命名，這樣的話對于搜索引擎來說，可能就沒有辦法辨識圖片的內容，從而我們就失去了從圖片搜索那塊兒帶來的流量，這是非常可惜的，特別是當你的產品有數以萬計的話。通常我們可以制定結構化數據規則讓技術人員設計程序批量替換圖片的alt屬性，而無需我們手工操作。

我們要思考一下，訪客的搜索習慣是什么?會搜索哪些關鍵詞?最好可以再看一下谷歌統計里面的關鍵詞數據，看看有無遺漏。基本上來說，訪客更傾向于搜索品牌詞+產品系列的詞組組合和變化，那么alt標簽的結構化規則就出來了，可以寫為：alt=”{品牌詞}{產品系列}-{產品型號}”。對于產品圖片的描述來說，不建議寫過多冗余內容，保持數據結構化，做到關鍵詞辨識度高，關鍵詞信息豐富就可以了，千萬不要做關鍵詞堆積。

2. 圖片拍攝角度問題

基本上拍攝產品照片不會只拍一個角度，訪客肯定不會滿足于只有一張正面照，多角度的去展示圖片才能更好的吸引訪客在你的網站上停留更多的時間，才可以去激發起他們的購買欲望，所以自然需要拍攝物體的正面，背面，側面，細節等等，這個時候如何寫alt標簽?

最好的方法也是保持alt標簽的結構化，繼承主圖的格式，千萬不要去給這些圖片一個全新的寫法，正確的寫法如下，

alt={品牌詞}{產品系列}-{產品型號}-正面

alt={品牌詞}{產品系列}-{產品型號}-背面

alt={品牌詞}{產品系列}-{產品型號}-側面

保持主干“{品牌詞}{產品系列}-{產品型號}”不變，可以讓搜索引擎充分確認當前圖片系列或是頁面就是關于那個關鍵詞，從而讓這些圖片被圖片搜索引擎搜索到的幾率大大增加。單槍匹馬一定倒下。

3. 關于大圖的顯示問題

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

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

4. 給圖片減減肥

先看看這些數據，

大部分臺式機或是筆記本用戶不會等待超過3秒的網站加載速度

…在移動設備上不會等待超過5秒鐘

亞馬遜發現如果他們的網站加載速度慢了1秒鐘，他們一年將損失16億美元

搜索引擎將網站加載速度列入了排名算法之中

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

圖片文件應該多大?

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

5. 用對圖片格式

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

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

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

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

通過對比相同體積下(都是24kb)不同格式的圖片顯示效果，經過測試可以看到，JPEG 是獲勝者，在同樣的體積下，GIFs和PNGs必須以犧牲圖片質量為代價。不過話又說回來，如果對于非常小的圖片來說(比如小于5K)，PNG是比較好的選擇，相比GIF，PNG可以在體積很小的情況下依然不會讓圖片失真。

當我們選擇圖片格式時，如下一些tips供大家參考，

對于電商網站來說，產品圖片的質量要求極高，JPEGs毫無疑問是首選，他們有相對高質量的圖片顯示且不會占用太大的體積。

絕對不要用GIFs來當做產品大圖。不然的話文件尺寸會非常大，也沒有很好的辦法去壓縮它(一壓縮就失真)。可以用GIFs做動畫或是裝飾性小圖。

PNG可以作為JPEGs和GIFS的替代，如果你想把產品圖片做成PNG格式，盡量用PNG-8而非PNG-24。PNGs同時也擅長處理簡單地裝飾圖而只需很小的體積，PNG將會變得越來越流行。

順便提一句，大部分的圖片編輯軟件可以轉換以上三種形式的圖片格式。

6. 正確看待縮略圖

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

縮略圖很棒，但是要小心，他們可能是你網站的速度殺手。他們通常會出現在關鍵的購物流程之中，若因此影響了購物流程的流暢性，額… 那你就可能又損失了一個顧客。關于縮略圖，我個人有如下兩點建議：

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

盡量不要為縮略圖設置alt標簽，通常我們并不希望搜索引擎索引的是縮略圖而應是產品詳情頁的高質量原圖。

7. 使用圖片地圖