設計實務

商品圖片的 SEO：檔名、alt、壓縮與結構化資料實務

2026年6月14日・ViewInternet 編輯部

電商團隊做 SEO 時盯著標題與文案，圖片通常只被當成「美觀問題」——但 Google 圖片搜尋是實實在在的流量入口：家具、服飾、餐具這類視覺導向的品類，不少消費者的購物旅程從圖片搜尋開始。商品圖的 SEO 成本極低（多半是命名與設定的習慣問題），這篇把做法一次講完。

檔名：上傳前三秒鐘的習慣

IMG_8837.jpg 對搜尋引擎是雜訊，ceramic-mug-350ml-white.jpg 是資訊。檔名規則：描述商品的英文或拼音關鍵字、連字號分隔（不用底線）、不堆砌（三到五個詞就好）。批次處理的技巧：商品圖依「品名-屬性-序號」的模板命名，上架流程裡加一步重新命名，習慣養成後幾乎零成本。

alt 文字：寫給看不到圖的訪客與搜尋引擎

alt 屬性的本意是無障礙（螢幕閱讀器唸給視障者聽），搜尋引擎也靠它理解圖片內容。寫法原則：描述圖片實際內容，自然帶入商品關鍵字——「白色陶瓷馬克杯 350ml 手握情境照」就是好的 alt；「馬克杯 馬克杯推薦 馬克杯便宜 馬克杯團購」是關鍵字堆砌，有反效果。每張商品圖都該有 alt，包括細節圖與情境圖——這同時是無障礙合規與 SEO，一次投資兩份回報。

格式與壓縮：速度就是排名

圖片是商品頁最重的資源，而頁面速度是排名因素也是轉換因素。實務標準：WebP 格式（比 JPEG 小三成以上，瀏覽器支援已全面）、尺寸適配（不要上傳 4000px 的原圖讓瀏覽器縮放——依版位輸出實際需要的尺寸，搭配 srcset 響應式供圖）、懶載入（首屏外的圖 loading=“lazy”，首屏主圖不要懶載入）。開店平台的用戶受限於平台機制，但至少做到：上傳前壓縮（有免費工具）、控制單圖在 200KB 內。

圖片的結構化資料：讓商品圖帶著價格出現

Google 圖片搜尋結果上，有些商品圖會掛著價格與庫存標籤——那是商品結構化資料（Product schema）的效果：image 欄位提供高品質商品圖、搭配價格與評價資訊，圖片在搜尋結果的點擊吸引力完全不同。自架站在商品頁埋 Product schema 是標配；開店平台多數已內建，但值得檢查輸出是否完整（用 Google 的結構化資料測試工具驗）。

圖片 sitemap 與 CDN 的細節

圖片 sitemap：把商品圖列入 sitemap（或獨立的圖片 sitemap），幫搜尋引擎發現圖片——尤其是用 JavaScript 載入圖片的站，不主動申報常常收錄不全。CDN 網域的一致性：圖片放在 CDN 是好事，但網域頻繁更換會讓已累積的圖片收錄歸零——CDN 網域定了就別亂動。

一個常被忽略的來源：圖片被盜用

商品圖做得好會被同行或水貨賣家盜用——換個角度，這是外鏈機會：定期以圖搜圖檢查盜用狀況，對正當引用者要求標注來源連結，對盜用販售者發函處理。原創圖片的浮水印（低調的角落 logo）能兼顧品牌曝光與盜用辨識。

從下一批上架開始

圖片 SEO 的美好之處是「習慣一次養成、效益長期累積」：下一批商品上架就開始執行檔名與 alt 規範，舊商品從流量最高的前五十個品往回補。三個月後在 Search Console 的圖片搜尋報表裡，你會看到差異。

ViewInternet 的商品頁設計交付內建圖片 SEO 規範（命名、alt、WebP、結構化資料全含），商品攝影的交付檔案直接按 SEO 規格輸出。想讓商品圖自己去搜尋引擎拉客？加 LINE 聊聊。