圖片能讓頁面更有說服力，卻也是拖慢網站的常見原因。圖片 SEO 就是透過合適的格式、檔名、替代文字與載入方式，讓搜尋引擎看懂圖片內容，同時讓頁面維持快速。今篇文章會帶你了解 6 個實用步驟。
為甚麼圖片 SEO 值得做
圖片 SEO 屬於站內 SEO的一部分，有兩個主要好處。第一，圖片可以出現在圖片搜尋結果，為網站帶來額外的流量入口。第二，圖片通常是頁面中最大的資源，處理得好，頁面載入更快，讀者也更願意留下來。對一間網店、一間餐廳或一間作品集網站來說，圖片往往就是內容本身。
第一步：選擇合適的格式與尺寸
格式決定檔案大小與畫質。相片類圖片適合用 JPEG、WebP 或 AVIF；需要透明背景的圖示可用 PNG 或 WebP；簡單的向量圖示與標誌則適合 SVG。Google 支援這些主流格式，所以可以安心使用較新的格式來縮小檔案。
尺寸方面，不要把 4000 像素寬的原圖直接放進只顯示 800 像素的位置。先按頁面實際需要的大小調整出合適尺寸，再上傳。
第二步：壓縮圖片並提供多種尺寸
壓縮是最直接的提速方法。在肉眼幾乎看不出差別的前提下適度降低畫質，通常就能大幅縮小檔案。同時可以利用 HTML 的 srcset 與 sizes 屬性，讓瀏覽器按設備螢幕寬度選擇合適的圖片版本，手機不必下載桌面版的大圖。
第三步：使用有意義的檔名
檔名是搜尋引擎理解圖片的線索之一。與其使用 IMG_2048.jpg，不如用 handmade-ceramic-bowl.jpg 這種簡短、描述性的檔名，全部小寫並以連字號分隔單字。不需要堆砌關鍵字，準確描述圖片即可。
第四步：寫好 alt text
Alt text（替代文字）同時服務於使用螢幕閱讀器的讀者，也幫助搜尋引擎理解圖片內容。寫法很簡單：用一兩句話自然描述圖片實際顯示的內容，和頁面主題相關時再自然帶入關鍵字。純裝飾用的圖片，可以留空 alt，讓螢幕閱讀器直接略過。
- 不好的寫法：alt="圖片"、alt="餐廳 餐廳推薦 美食 最佳"。
- 較好的寫法：alt="客人在社區餐廳靠窗座位用餐"。
第五步：正確使用延遲載入並預留空間
延遲載入（lazy loading）讓頁面下方的圖片等到讀者捲動到附近才載入，可以節省首次載入的頻寬。但首屏最大的主圖不應該延遲載入，否則會拖慢 LCP（最大內容繪製）。另外，要在 HTML 中指定圖片的 width 與 height，讓瀏覽器先保留空間，避免圖片載入後頁面突然跳動，這和 Core Web Vitals 中的版面穩定性有關。
第六步：讓搜尋引擎找到你的圖片
圖片需要寫在 HTML 的 img 標籤中，才能被穩定地發現；用 CSS 背景圖顯示的內容圖片，往往不會被當作圖片索引。若網站的圖片是透過 JavaScript 動態載入，可以在 Sitemap 中列出圖片網址，幫助發現。圖片周圍的文字、頁面標題與說明文字也會幫助理解圖片的主題，所以圖片應該放在與它相關的段落附近。
常見錯誤要避免
- 上傳未處理的大型原圖，令頁面載入緩慢。
- 把重要文字做成圖片，搜尋引擎與螢幕閱讀器都無法可靠地讀取。
- 所有圖片都使用延遲載入，包括首屏主圖。
- alt text 重複填寫同一個關鍵字，或完全留空。
總結
圖片 SEO 的重點是讓圖片「看得懂、載得快」：選對格式與尺寸、壓縮並提供多種尺寸、用描述性檔名、寫好 alt text、正確使用延遲載入，再確保圖片能被發現。發佈文章前，可以配合站內 SEO 檢查清單一併檢查；全站的速度與爬取問題，則可以在技術 SEO 審核時一併處理。
常見問題 FAQ
圖片 SEO 一定要用 WebP 或 AVIF 嗎？
不一定。JPEG 與 PNG 仍然可以正常被索引。WebP 與 AVIF 的優勢是在相近畫質下檔案更小，載入更快，所以如果網站工具支援，建議優先使用。
alt text 應該寫多長？
以清楚描述圖片為主，通常一到兩句簡短的話已經足夠。不需要為了加入關鍵字而拓長，自然、準確最重要。
所有圖片都要加上 alt text 嗎？
內容圖片應該加上。純粹裝飾用的圖片可以使 alt 屬性留空，讓螢幕閱讀器直接略過，這比填寫無關的文字更好。
關於作者
