圖片SEO怎麼做?alt文字、檔名、壓縮完整指南

圖片SEO怎麼做?alt文字、檔名、壓縮完整指南

圖片SEO照Google官方文件,重點是四件事:alt文字要具體描述圖片內容,不是堆滿關鍵字;檔名要簡短好懂;格式選對(WebP、AVIF都在支援清單內);首屏圖片不要加lazy loading。官方沒有規定alt文字字數或圖片檔案大小的量化門檻,但這四個方向講得很明確。

alt文字怎麼寫:Google官方給的三個等級

Google官方文件直接用範例對比示範好壞,整理成表格更容易對照:

等級 寫法 例子
缺失 完全沒寫alt屬性 <img src="puppy.jpg"/>
堆砌 塞滿關鍵字,官方原文警告這會造成負面使用者體驗 類似「puppy dog puppy pictures puppy breed puppy training」這種重複堆疊
普通 簡單描述,但不夠具體 alt="puppy"
最佳 具體描述圖片內容與脈絡 alt="Dalmatian puppy playing fetch"

堆砌關鍵字傷的不只是排名。視障讀者用螢幕報讀器瀏覽時,alt文字是他們理解這張圖的主要依據,塞滿關鍵字對他們是真的干擾,不是抽象的SEO風險。

《SEO優化怎麼做?從關鍵字到內容的完整教學》裡也提過一段alt文字建議,那是四步驟教學裡順帶帶到的一句話;這篇要把alt文字、檔名、格式、載入時機四件事逐條攤開講完整。

網站需要穩定的新文章?

想持續更新網站,又沒有時間每篇從頭準備?文開花替你安排選題、撰稿與檢查。先看示範內容,再判斷適不適合你的生意。

看看文開花怎麼做 →

檔名怎麼取

官方原文建議:「使用簡短但具描述性的檔名」(use filenames that are short, but descriptive)。同樣用對比看比較清楚:

不好的檔名 好的檔名
IMG00023.JPG my-new-black-kitten.jpg
image1.jpg、pic.gif 依圖片實際內容命名的檔名

如果網站有多語言版本,圖片檔名也建議跟著翻譯;官方文件特別點出這件事,不是只改頁面文字、檔名留原文。

Google支援哪些圖片格式

官方文件列出的支援格式是:BMP、GIF、JPEG、PNG、WebP、SVG、AVIF。檔名的副檔名要跟實際檔案格式一致,例如檔案其實是WebP卻存成.jpg,官方文件也提醒這樣不對。

檔案大小與壓縮:頁面最大的拖累常常是圖片

官方原文明講:「圖片經常是頁面整體大小裡貢獻最多的部分」(images are often the largest contributor to overall page size),建議套用最新的圖片優化與響應式圖片技巧,並用PageSpeed Insights分析。

官方文件沒有給出具體的壓縮率或檔案大小上限數字,這點不臆測、不捏造門檻。

網站需要穩定的新文章?

想持續更新網站,又沒有時間每篇從頭準備?文開花替你安排選題、撰稿與檢查。先看示範內容,再判斷適不適合你的生意。

看看文開花怎麼做 →

loading=”lazy”要不要加?看是不是首屏

首屏圖片不加lazy,非首屏圖片加loading等於lazy的判斷流程圖

Google官方原文很直接:「不要對使用者一打開頁面就可能立刻看到的內容加lazy loading」(Don’t add lazy-loading to content that is likely to be immediately visible when a user opens a page)。

首屏圖片(例如封面圖、文章開頭的第一張圖)維持正常載入;捲動之後才會看到的圖片,加loading="lazy"可以省頻寬,官方文件確認只要正確實作,不影響收錄。

Google怎麼綜合判斷一張圖片在講什麼

alt文字、檔名、周圍段落文字、頁面整體主題四個訊號共同指向同一張圖片的主題判斷

官方文件建議把圖片放在「跟圖片主題相關的頁面」,並且「放在相關文字附近」。alt文字、檔名只是其中兩個訊號,圖片周圍的段落文字、整篇頁面在講什麼,也一起影響Google對這張圖的判斷。

四個訊號只要有一項寫得跟圖片實際內容對不上——例如檔名還是相機預設的DSC0001,或alt文字寫的是另一張圖的內容——判斷就會變模糊。

常見問題

圖片一定要用WebP格式嗎?JPEG不行嗎?

不是規定一定要用WebP。Google官方支援清單裡BMP、GIF、JPEG、PNG、WebP、SVG、AVIF都在內,選哪一種主要看壓縮效率與瀏覽器相容性,不是格式本身有排名高低之分。

alt文字要不要盡量塞多一點關鍵字?

不要。官方原文明講堆砌關鍵字的alt文字會造成負面使用者體驗,判斷方法可以參考上面的四個等級對照表:目標是具體描述這張圖的內容與脈絡,不是塞詞語清單。

手機版和電腦版可以用不同的圖片嗎?

可以。官方文件提到響應式圖片的做法是用srcset屬性或<picture>元素,並保留src作為後備方案,讓不同螢幕尺寸載入合適的圖片版本。

圖片SEO做得再好,可以取代文章內容的SEO嗎?

不行。官方文件談的是圖片本身怎麼被正確理解與收錄,內容是不是完整回答讀者的問題,仍然是文字內容自己的事,圖片只能輔助說明,不是替代寫清楚的正文。

最後更新:2026-09|文開花編輯部

網站需要穩定的新文章?

想持續更新網站,又沒有時間每篇從頭準備?文開花替你安排選題、撰稿與檢查。先看示範內容,再判斷適不適合你的生意。

看看文開花怎麼做 →