Seo優化：圖片優化。

圖像是大型圖庫網站、某些以為圖主要表現的新聞站，特別是電商網站的重要一環。的圖像（主要為產品圖片，裝飾圖片）優化可以幫助網站吸引消費者點擊，減少網站的加載時間，從而幫助站點在排名中名列前茅。圖片的seo對于具有大量圖片的網站非常重要，因為圖片能夠帶來大量的流量。

0

仔細優化alt屬性。

alt 屬性是一個必需的屬性，它規定在圖像無法顯示時的替代文本。

假設由于一些原因（比如網速太慢、src 屬性中的錯誤、瀏覽器禁用圖像、用戶使用的是屏幕閱讀器）用戶無法查看圖像，alt 屬性可以為圖像提供替代的信息。（by菜鳥教程）

添加alt屬性主要還是為了電商產品能夠在google圖片（搜索，網絡搜索上顯示的佳方法。

網站圖像優化的任務就是為主要的產品圖片添加alt屬性。

一些alt屬性規則：

1）和文件名一樣，用簡單明了的語言進行描述。

2）如果該產品有型號或序列號，需標明。

3）不要過度優化，添加過多的關鍵詞。

4）不要為一些不重要的圖片添加alt屬性。當心用力過猛，遭到搜索引擎的懲罰。

5）定期進行檢查，可以協調技術部幫助檢查。

好把關鍵詞放到alt參數里面，盡量精準。

圖片文件名中包含關鍵詞對圖片本身出現在圖片結果中，以及所在頁面的相關度也有一點影響。這種優化主要用于英文網站上。

注：

即使對圖片進行了alt設置，圖片也未必能被收錄。google與百度有著明顯差異。針對英文網站，前端調用的圖片是否和當前網站域名一致不是很重要，但是對于中文網站，就顯得很重要了。

一般所有圖片都存放在一個資源文件中夾中，其他二級頁，子域名網站均從這個文件夾里調用。好處是能夠節省管理和存儲的資源，但是前端頁面卻很難通過圖片吸引從百度來的流量。這點需要考慮。

02

圖片文件名

因為搜索引擎的爬取的工作流程，所以包含關鍵詞的圖片文件名對于圖像的優化至關重要。

“2019款 夢想版 1.4L 手動時尚型”（Jetta 2019 Dream Edition 1.4L manual fashion）。無論是對用戶還是對于爬蟲都顯得更加友好。

想要購買這款汽車的消費者可能就會輸入這類關鍵詞。

分析用戶的使用關鍵詞的習慣，或者查看用戶常用的命名模式，并按照該模式來命名我們的產品。

03

合理規范的使用圖像大小以及與主體的

通常產品圖片包含多個切入角度。

無論出于什么目的都不要將大的圖片放到頁面上，試圖通過源代碼縮小尺寸。過大的圖片會導致加載時間加大。

可以選擇放上一些小的圖片，較大的圖片放在彈出窗或者單獨頁面。

04

調整圖片文件的大小

一半的消費者不愿等待電商網站加載響應的時間超過3秒。

對本地訪客來說，3到4秒鐘的下載時間已經是了。超過這個時間，每多一秒鐘，你就會喪失10%的流量。而這10%的流量可能正是成功與失敗的分野。

縮小圖像文件的方法之一是再ps中進行“Sava for Web”的存儲操作。

05

圖片文件格式的選擇

JPEG、GIF、PNG

JPEG已成為數字攝影和在線圖像共享的標準壓縮格式。

JPEG不建議用作存檔圖像格式，因為如果您需要打開它并再次進行編輯，則會導致質量下降。非破壞性照片編輯器（如Adobe Lightroom）可以幫助解決此問題，前提是您永遠不會刪除原始文件，因為它們只將編輯內容保存為元數據而不是寫入原始圖像。

JPEG也應該避免使用文本較多的圖像或帶有尖銳線條的插圖，因為定義的線條會因抗鋸齒而變得模糊。 （消除鋸齒是一種旨在消除粗糙邊緣的故意模糊。）

便攜式網絡圖形的首字母縮寫，PNG是一種無損文件格式，設計為圖形交換格式（GIF）的更開放的替代品。

無損的、使用直接色的點陣圖，聽起來非常像BMP，是的，從顯示效果上來看，PNG-24跟BMP沒有不同。PNG-24的優點在于，它壓縮了圖片的數據，使得同樣效果的圖片，PNG-24格式的文件大小要比BMP小得多。當然，PNG24的圖片還是要比JPEG、GIF、PNG-8大得多。

極端的例子，三種類型都為24類型，JPEG三種中完勝。，GIF和PNG必須降低質量才能保證相同的文件大小。如果必須使用PNG格式，好使用PNG-8。GIF可以用來作為縮略圖或裝飾圖片的文件格式。

06

縮略圖可以幫助網站快速展示產品。縮略圖是購物的關鍵點。它們要能再類別頁面快速完成加載，不然客戶可能會因此流失。所以需要盡可能縮小縮略圖文件的大小。

07慎用裝飾性圖像

例如背景圖片，按鈕，邊框。頁面上與產品不想關的圖像都可能被定義為裝飾性圖像。可以檢查裝飾圖像的文件大小，或使用小化文件模板。

構建邊框或簡單圖案的圖片可以用PNG-8或GIF1；盡可能使用css創建裝飾性的區域，盡量用css樣式代替裝飾性圖像。