商品圖片 ALT 文字撰寫：電商 SEO 與無障礙設計雙贏

Q: 什麼是 ALT 文字？為什麼電商一定要寫？

ALT 文字（alternative text）是 HTML 圖片標籤的替代文字屬性，當圖片無法載入時會顯示這段文字，視障使用者的螢幕閱讀器也會朗讀它。對電商而言，ALT 文字同時是 SEO 排名訊號（Google 用來理解圖片內容）與無障礙設計的必備項目，少了它會同時失去搜尋流量與部分顧客。

Q: ALT 文字應該寫多長？怎麼寫才正確？

建議 ALT 文字長度 8-16 個字，描述圖片的核心內容並自然帶入 1-2 個關鍵字。撰寫公式：「商品主要特徵 + 顏色/規格 + 使用情境」。例如「手工皮革錢包 棕色 男用短夾」優於「商品圖001」。避免關鍵字堆砌，要讓盲人朗讀也聽得懂。

Q: 裝飾性圖片需要寫 ALT 嗎？

純裝飾性圖片（如分隔線、背景紋路、無資訊圖示）應該設為 alt=""（空字串）。這告訴螢幕閱讀器跳過此圖，避免干擾視障使用者。但不要省略 alt 屬性本身，要明確寫成 alt=""。資訊型圖片（商品照、流程圖、按鈕圖示）則必須有完整描述。

Q: 圖片檔名對 SEO 有影響嗎？

有顯著影響。Google 會把檔名作為理解圖片內容的線索。建議使用描述性英文小寫加連字符的命名方式，例如 leather-wallet-brown-mens.jpg 優於 IMG_2024_001.jpg。中文檔名雖可使用但容易出現編碼問題，建議統一英文。檔名與 ALT 文字搭配使用效果最好。

Q: 商品多張圖片的 ALT 要怎麼差異化？

同商品的多張圖片應差異化撰寫 ALT：主圖描述商品本身（手工皮革錢包 棕色 正面）；情境圖描述使用場景（男用短夾 商務情境）；細節圖描述特寫部位（皮革錢包 手工縫線細節）；尺寸對照圖描述比較對象（皮夾尺寸與手掌大小比較）。差異化能讓多張圖片各自競爭不同的搜尋字詞。

⚡ 30秒快速掌握重點

商品圖片 ALT 文字是電商最被忽視的 SEO 機會。Google 圖片搜尋每月帶來大量電商流量，沒寫 ALT 等於把這塊流量拱手讓人。同時 ALT 也是無障礙設計的法律與道德要求。本文教你 ALT 文字的撰寫公式、檔名命名規則，以及如何讓多張商品圖片各自競爭不同的搜尋詞。

ALT 文字的三大功能

SEO 排名訊號：Google 無法「看」圖片，靠 ALT 文字、檔名、周邊文字理解圖片內容。完整 ALT 文字讓圖片有機會出現在 Google 圖片搜尋結果。
無障礙閱讀：視障使用者透過螢幕閱讀器瀏覽網站，ALT 文字會被朗讀出來。沒寫 ALT 等於這部分顧客看不到你的商品。
圖片載入失敗的備援：網路慢或圖片網址錯誤時，瀏覽器會顯示 ALT 文字而不是空白破圖，避免完全沒有資訊。

ALT 文字撰寫的萬用公式

推薦公式：「商品主要特徵 + 顏色/材質/規格 + 情境或角度」。範例：

不佳：「圖片1」、「IMG_2024」、「商品照」
普通：「皮夾」
良好：「手工皮革錢包棕色」
優秀：「手工皮革錢包棕色男用短夾商務款」
過度：「皮夾男用棕色手工短夾商務高級真皮」（堆砌關鍵字反而被降權）

商品多圖的 ALT 差異化策略

商品頁通常有 5-8 張圖，每張的 ALT 應該差異化撰寫，讓不同圖片去競爭不同的搜尋詞：主圖描述商品本身與顏色；側面/背面圖描述角度與細節；情境圖描述使用場景或搭配；尺寸圖描述比例與大小參考；包裝圖描述包裝設計或贈禮場合；穿著圖（服飾類）描述模特身高與適合身形。這樣同一商品的 8 張圖可以競爭 8 種不同搜尋意圖。

檔名與 ALT 的搭配使用

圖片檔名也是 SEO 訊號，建議規範：使用全小寫英文加連字符（-）；以商品主關鍵字開頭；長度 30 字內避免過長；不要用空白或中文（編碼問題）；副檔名統一使用 .jpg 或 .webp（更小檔案）。範例：handmade-leather-wallet-brown-01.jpg。Shopto 後台上傳時也可批次重新命名。

裝飾性圖片的處理方式

不是所有圖片都需要寫 ALT。純裝飾性圖片應該設為空字串 alt=""，這樣螢幕閱讀器會跳過，使用者不會被無關資訊干擾。常見的裝飾性圖片：分隔線、背景紋路、Banner 的視覺裝飾、無資訊的圖示。但「空字串 alt=""」與「沒有 alt 屬性」不同，後者會被瀏覽器與 SEO 工具標為錯誤。

Lazy Loading 與 ALT 的搭配

現代電商網站常用 lazy loading（延遲載入）加快速度，這不會影響 ALT 文字的 SEO 效果。Google 已支援讀取 lazy load 圖片，但要注意：使用原生 loading="lazy" 屬性而非完全靠 JavaScript；ALT 仍要正確填寫；首屏圖片不要延遲載入避免影響 LCP 分數。

🚫 電商大忌：千萬不要犯這些錯誤

整個網站的圖片都沒寫 ALT，浪費圖片搜尋流量機會
多張圖片用一樣的 ALT 文字，沒有差異化價值
關鍵字堆砌（如「皮夾皮夾手工皮夾棕色皮夾」），被搜尋引擎降權
檔名用 IMG_2024_001 完全沒有 SEO 價值
裝飾圖也寫了豐富 ALT，干擾視障使用者體驗

🚀 Shopto 如何幫您解決這個問題？

NT$24,800/年起，享受完整電商解決方案：

✓商品圖片 ALT 文字編輯欄位，上傳時直接填寫

✓支援批次重新命名圖片檔，秒做 SEO 化

✓自動偵測未填 ALT 的圖片並提醒補上

✓所有商品圖預設 lazy loading，速度與 SEO 兼顧

✓整合 WebP 壓縮，圖片更小載入更快

常見問題解答

Q：什麼是 ALT 文字？為什麼電商一定要寫？

ALT 文字是圖片標籤的替代文字屬性，當圖片無法載入時會顯示，視障使用者的螢幕閱讀器也會朗讀它。對電商而言同時是 SEO 排名訊號與無障礙設計的必備項目。

Q：ALT 文字應該寫多長？怎麼寫才正確？

建議 ALT 文字長度 8-16 個字，描述圖片的核心內容並自然帶入 1-2 個關鍵字。撰寫公式：商品主要特徵 + 顏色/規格 + 使用情境。避免關鍵字堆砌。

Q：裝飾性圖片需要寫 ALT 嗎？

純裝飾性圖片應該設為 alt=""（空字串）。這告訴螢幕閱讀器跳過此圖。但不要省略 alt 屬性本身，要明確寫成空字串。

Q：圖片檔名對 SEO 有影響嗎？

有顯著影響。建議使用描述性英文小寫加連字符的命名方式，例如 leather-wallet-brown-mens.jpg 優於 IMG_2024_001.jpg。檔名與 ALT 文字搭配使用效果最好。

Q：商品多張圖片的 ALT 要怎麼差異化？

同商品的多張圖片應差異化撰寫 ALT：主圖描述商品本身、情境圖描述使用場景、細節圖描述特寫部位、尺寸對照圖描述比較對象。差異化能讓多張圖片各自競爭不同搜尋字詞。

準備好打造成功電商了嗎？

立即加入 Shopto，讓專業平台幫您解決所有電商難題

立即免費試用 → 聯繫顧問

← 返回電商知識庫

商品圖片 ALT 文字撰寫完整指南