圖片 SEO：alt、格式、壓縮一次搞定
圖片 SEO 三件套：alt 文字用一句話描述圖片內容（自然帶到關鍵字，不堆砌）；格式優先 WebP 或 AVIF；壓縮到內容圖 ≤ 150KB 並對非首屏圖片 lazy-load。 做好這三件事，同時賺到 Google 圖片流量、無障礙分數與 Core Web Vitals。
圖片 SEO 為什麼值得做？
- Google 圖片是被低估的流量入口：對食譜、教學、產品類內容，圖片搜尋常佔自然流量的 10–20%。
- 圖片通常是 LCP 元素：文章主圖幾乎必然是「最大內容元素」，圖片沒優化，CWV 的 LCP 就不會好（門檻 2.5 秒，詳見〈Core Web Vitals 對排名的實際影響〉）。
- AI 引擎也讀 alt：多模態模型與 AI 搜尋在理解頁面時，alt 是圖片語意的第一手來源。
第一件事：alt 文字
alt（替代文字）的本職是無障礙——螢幕閱讀器唸給視障使用者聽；SEO 價值是它同時告訴搜尋引擎圖片內容。
撰寫公式：「一句話說出圖片裡有什麼＋（自然的話）帶到頁面主題」。
| 情境 | 差的 alt | 好的 alt |
|---|---|---|
| GSC 截圖 | 圖片1 |
GSC 網頁索引報表，顯示 Crawled - currently not indexed 有 143 頁 |
| 產品圖 | 連身裙 洋裝 女裝 韓版 顯瘦（堆砌） |
米白色亞麻連身裙側面照，長度及膝 |
| 流程圖 | （空白） | 內容負債處理決策流程：合併、移除、補料三選一 |
規則整理：
- 內容圖必寫；純裝飾圖（分隔線、背景花紋）寫空
alt=""（讓螢幕閱讀器跳過，不是省略屬性）。 - 長度一句話（繁中約 15–40 字）以內，不是塞一篇。
- 不用「這是一張……的圖片」開頭——alt 本身就代表圖片。
- 關鍵字自然出現一次可以，列關鍵字清單就是堆砌訊號。
第二件事：格式
2026 年的選擇表：
| 格式 | 用途 | 壓縮率 | 備註 |
|---|---|---|---|
| AVIF | 照片、主圖首選 | 最好（比 JPEG 小約 50%） | 主流瀏覽器已全面支援 |
| WebP | 通用安全牌 | 佳（比 JPEG 小約 25–35%） | 相容性最穩 |
| JPEG | 舊系統相容 | 普通 | 當 fallback |
| PNG | 需要透明背景、UI 截圖 | 差（檔案大） | 能用 WebP 就換掉 |
| SVG | Logo、圖示、流程圖 | 向量，極小 | 文字可被讀取，圖表首選 |
用 <picture> 提供多格式 fallback，或直接交給框架（Astro 的 <Image />、Next 的 next/image 會自動輸出 AVIF/WebP）。
第三件事：壓縮與載入
尺寸與大小基準：
- 圖片實際尺寸 = 顯示尺寸的 1–2 倍（Retina）就夠，別把 4000px 原圖丟上去。
- 內容圖目標 ≤ 150KB，主圖 ≤ 250KB；工具：Squoosh（免費、瀏覽器內執行）、TinyPNG，或建置時由框架自動處理。
載入策略三條規則：
- 首屏主圖不要 lazy-load，反而加
fetchpriority="high"——lazy-load 主圖是拖慢 LCP 最常見的自傷行為。 - 非首屏圖片一律
loading="lazy"。 - 所有
<img>寫死width與height：瀏覽器先預留空間，避免版面位移（CLS）。
容易漏掉的三個加分項
- 檔名語意化：
gsc-crawled-not-indexed-report.png優於IMG_0042.png——檔名是排名訊號之一（輕量）。 - 圖片 sitemap 或在既有 sitemap 加圖片欄位：大量倚賴圖片流量的站（電商、食譜）才需要；一般部落格可略。
- 原創圖優於圖庫圖：自製流程圖、實測截圖同時是 E-E-A-T 的第一手證據；到處可見的圖庫照沒有搜尋價值。
常見問題（FAQ）
Q1：alt 沒寫會被處罰嗎？ 不會處罰，但你放棄了圖片搜尋流量與無障礙分數。把 alt 當「本來就該有的欄位」而不是優化技巧。
Q2：一篇文章要放幾張圖？ 沒有魔法數字，原則是「每張圖都承載資訊」。一篇教學文 2–5 張有意義的截圖／圖表，勝過 10 張裝飾性圖庫照——後者只是拖慢載入的重量。
Q3：圖片放自己主機還是 CDN／圖床？ 建議自己網域＋CDN 加速。放第三方圖床的風險：服務倒了圖全破，且圖片搜尋的流量歸屬也會變複雜。
Q4：AI 生成的圖片會影響 SEO 嗎？ Google 沒有因「AI 生成」處罰圖片。判斷標準還是資訊價值：AI 生成的示意圖若準確傳達概念，沒問題；但實測類內容用 AI 圖冒充真實截圖，傷的是 E-E-A-T 與讀者信任。
GeoSeoToday把圖片視為「證據載體」：每張截圖都在替內容的第一手經驗作證，這正是 E-E-A-T 與 GEO 共同要的東西。文章整體的可引用程度，可用 GEO 就緒度檢測器 快速評分；圖片在整個 on-page 檢查清單中的位置，見〈On-page & 技術 SEO 完整指南〉。