圖片常常是頁面 SEO 裡被浪費得最厲害的機會。它們能從谷歌圖片帶來流量，決定頁面載入有多快（這是實打實的排名因素），還能讓使用螢幕閱讀器的人也讀得到內容。把四件事做對——檔名、alt 文字、尺寸與格式、載入方式——圖片就從累贅變成了資產。
下面是我用的清單，按我實際應用的順序排列。
1. 給檔案起有描述性的名字
IMG_4823.jpg 對搜尋引擎什麼都沒說。golden-retriever-puppy-training.jpg 則明確告訴它圖裡是什麼。檔名對圖片搜尋是貨真價實的排名訊號，所以上傳前先改名。
原則：
- 用真實、能描述圖片的詞，用連字元隔開。
- 簡短具體——通常三四個詞就夠了。
- 別堆砌關鍵詞；
best-cheap-dog-training-puppy-tips-guide.jpg一看就像垃圾內容。
2. alt 文字首先是寫給人的
alt 文字是螢幕閱讀器念出來的那句話，也是圖片載入失敗時顯示的文字。谷歌也會讀它來理解這張圖。把它寫得像你在向一個看不見的人描述這張圖。
- 好：
alt="金毛幼犬在訓練中聽口令坐下" - 弱：
alt="小狗" - 差：
alt="狗 訓練 幼犬 技巧 附近最好的訓犬師"
描述畫面裡真實存在的東西。如果圖片純屬裝飾，用空的 alt="" 讓螢幕閱讀器跳過它。別用「圖片：」開頭——搜尋引擎和螢幕閱讀器早知道它是圖片。
3. 給每個檔案調好尺寸、換上現代格式
這裡正是 SEO 和頁面速度的交匯點。過大的圖片拖慢頁面，而慢頁面排名更差、還會流失讀者。兩招搞定。
按顯示尺寸提供。 以 1000 畫素寬顯示的圖，不該是 4000 畫素的檔案。先縮放。
用現代格式。 WebP 是 2026 的合理預設；比 JPEG 小 25%–35%，且瀏覽器全面支援。AVIF 還能更小。圖片轉換 可以以 AVIF 為目標，並在 AVIF 不合適時自動回退到 WebP，讓你總能交付當下允許的最小格式。
然後壓縮。圖片壓縮 會按你選的質量重編碼、把 PNG 量化到 256 色，且絕不輸出比原圖更大的檔案。整頁的圖片可以批次處理再打包成 ZIP 下載。
一張速查目標表：
| 用途 | 格式 | 寬度 |
|---|---|---|
| 頭圖 | WebP / AVIF | 1600–2000 px |
| 文章內圖 | WebP | 1000–1400 px |
| 縮圖 | WebP | 300–500 px |
| Logo / 圖示 | PNG 或 SVG | 按需 |
4. 控制圖片的載入方式
- 首屏以下的圖片做懶載入，加
loading="lazy"，讓它們只在讀者快滾到時才下載。 - 設好 width 和 height 屬性預留空間、防止佈局跳動——對使用者體驗和 Core Web Vitals 都有好處。
- 提供響應式
srcset，讓手機拿小檔案、桌面拿大檔案。
5. 用頁面本身給圖片撐腰
- 把每張圖放在討論同一主題的文字附近；上下文能幫搜尋引擎理解它。
- 如果你的 CMS 支援，為重要圖片新增 圖片站點地圖 條目。
- 在真正對讀者有幫助的地方加圖注——圖注被閱讀的機率比正文還高。
收工前先審查一遍
靠猜哪些圖片太重是在浪費時間。把頁面丟進 頁面速度檢測，它藉助谷歌 PageSpeed Insights 加上一份圖片體積報告，列出你最重的資源、標出任何過大或用了老格式的圖片。這個審查需要聯網，因為它要呼叫谷歌的實時 API——它是這裡唯一不能離線執行的工具。先修最嚴重的，再重跑一遍。
一句話版本
有描述性的檔名、誠實的 alt 文字、用 WebP 或 AVIF 的合適尺寸檔案，以及懶載入。這四件事持續做好，你的圖片就能在網頁和圖片搜尋裡幫你排名，同時保持頁面快速。審查、修最重的檔案、重複。