關鍵要點
- 圖片 SEO 讓 Google 看懂圖片，圖片才有機會出現在 Google 圖片、搜尋結果的圖片區與 AI 搜尋功能裡
- 替代文字（alt）寫出圖上有什麼、和段落有什麼關係，純裝飾的圖留空
- 照片優先用 WebP，先把寬度調到版位再壓縮，首屏大圖不要設延遲載入
- 圖片要用 img 標籤放進網頁，CSS 背景圖不會被 Google 圖片收錄
- robots.txt 不支援 noindex，想讓圖片不出現在 Google 圖片要另外設定
圖片 SEO 是什麼？讓 Google 看懂並收錄你的圖片
圖片 SEO（Image SEO）是透過檔名、替代文字、圖片周圍的文字、格式與載入方式，讓 Google 看懂圖片內容並為圖片建立索引。做好圖片 SEO，圖片有機會出現在 Google 圖片、搜尋結果的圖片區、文字結果旁的縮圖，以及 Google 的 AI 搜尋功能裡。
圖片 SEO 是 On-Page SEO 的一環。Google 看圖片，主要靠圖片本身以外的線索：檔名、替代文字（alt）、圖片附近的標題和說明文字，以及整個網頁在講什麼（Google 圖片 SEO 最佳做法）。這些線索越清楚，Google 越能判斷這張圖適合出現在哪些搜尋裡。
圖片會出現的位置不只 Google 圖片。需要看圖的搜尋，例如圖表、尺寸、範例，結果頁常有一整排圖片區，見 SERP 是什麼；一般文字結果旁也可能附上網頁的縮圖。Google 也說明，生成式 AI 搜尋功能會帶入相關的圖片和影片，網站已經照圖片 SEO 最佳做法處理，就等於已經為這些功能做好準備（Google 生成式 AI 功能最佳化指南）。AI 摘要怎麼引用內容，見 Google AI 摘要是什麼。
圖片 SEO 有什麼好處？多一個被找到的入口
做好圖片 SEO，好處是讓網站多一個被搜尋到的入口，同時讓網頁載入更順。具體有三件事：
- 幫 Google 看懂整頁內容：有些重點用圖表呈現、正文沒有寫完，替代文字和圖說能補上這段資訊，Google 對整頁主題的判斷更完整
- 多一個曝光位置：圖片有機會出現在 Google 圖片和搜尋結果的圖片區，讀者還沒點進網站就先看到你的內容
- 網頁載入更快：Google 指出，圖片往往占網頁大小的最大比例，處理好格式和尺寸，網頁就不容易因為圖片變慢
圖片搜尋帶來的多半是曝光，真正帶來點擊的仍是網頁本身。所以圖片 SEO 建議當成整篇文章優化的一部分來做，不要只為了圖片搜尋流量而做。
我們準備了更生動的方式向你呈現，歡迎觀看以下影片：
怎麼讓 Google 看懂圖片？檔名、替代文字、周邊文字
讓 Google 看懂圖片有 4 個設定：檔名用簡短的英文描述內容；替代文字（alt）寫出圖上有什麼、和段落的關係；圖片放在相關段落旁並配上說明；用 primaryImageOfPage 或 og:image 指定代表這一頁的圖片。
設定一：圖片檔名用英文描述內容
上傳前先把檔名改掉。Google 會從檔名推斷圖片主題，官方的例子是 my-new-black-kitten.jpg 比 IMG00023.JPG 好，image1.jpg、pic.gif 這類籠統的檔名要避免。
- 用小寫英文描述圖片內容，字詞之間用連字號（-）分隔，例如 black-cat.jpg，不用空格或底線
- 可以放主題詞，但只放一個、讀得通就好，不要把一串關鍵字塞進檔名
- 網站是多語版本時，Google 建議連檔名一起翻譯；用中文或其他非英文字元也可以，但要符合網址編碼規範
萬智匯的習慣是一律用英文檔名，跨平台搬移、分享連結時不容易出現亂碼。網址怎麼命名可以一起參考 Google 的網址結構建議。
設定二：替代文字（alt）寫出圖上有什麼
替代文字（alt text）是寫在 HTML 裡、用來描述圖片的說明文字。圖片沒載入時，瀏覽器會顯示它；視障讀者用螢幕閱讀器時，會聽到它；Google 也用它理解圖片內容。Google 對替代文字的要求是實用、資訊豐富、和網頁內容相關，可以放適當的關鍵字，但不要堆砌。
Google 官方用一張小狗的圖示範了替代文字的好壞：
| 寫法 | 範例 | 評價 |
|---|---|---|
| 沒寫 | <img src="puppy.jpg"/> | 不佳：Google 沒有文字線索 |
| 堆關鍵字 | alt="puppy dog baby dog pup pups puppies doggies…" | 不佳：濫用關鍵字 |
| 太簡略 | alt="puppy" | 較佳 |
| 描述畫面 | alt="大麥町在玩你丟我撿遊戲" | 最佳 |
寫替代文字時，用一句話直接說圖上有什麼，不用寫「這是一張…的圖片」；圖片下方已經有圖說，替代文字就不必重複同一句；每張圖的內容不同，替代文字也要不同。在 WordPress 裡，點選圖片後在右側的「替代文字」欄位填寫即可。
萬智匯獨家觀點：圖片 SEO 最常被做反的地方是替代文字：不是每張圖都要寫，也不是寫得越長越好。萬智匯寫文章時，每篇放 3 張說明性的配圖，各自對應一個 H2，替代文字直接寫圖上講了什麼；純裝飾的分隔圖、圖示則留空。上傳時檔名用英文描述內容，萬智匯網站的主機會自動以 WebP 格式傳送圖片，所以我們只要把尺寸調到版位就好。
設定三：圖片放在相關段落旁，配上標題與說明
Google 會從圖片附近的文字理解圖片主題，包括標題、圖說和段落內容。所以圖片要放在正在講這件事的段落旁，例如講流程的圖就放在流程段落裡，不要把所有圖集中在文章開頭或結尾。
圖片上方的 H2、H3 標題點出這段在講什麼，圖片下方可以加一句圖說，補充圖上的重點。圖片要放在主題相關的網頁上：一張咖啡拉花的照片，放在咖啡教學文裡，比放在公司簡介頁更容易被 Google 判斷用途。
設定四：指定代表圖片，善用結構化資料
搜尋結果和 Google 探索（Discover）裡的網頁縮圖，是 Google 自動從頁面上挑的。2026 年 3 月起，Google 在官方文件明確寫出可以用兩種方式告訴它你偏好哪一張：
- 結構化資料：用 schema.org 的 primaryImageOfPage 屬性指定圖片網址，或在 Article 等主要實體的 image 屬性放圖片
- og:image 標籤：在網頁的 head 加上 og:image，這也是社群分享時預設抓的圖
選代表圖時，Google 建議用和這頁內容相關的圖，避免網站 logo 或帶大量文字的圖，也避免太窄或太寬的比例，解析度盡量高。多數 SEO 外掛（例如 Rank Math、Yoast）會用文章的精選圖片自動產生 og:image，確認精選圖片選對就好。
結構化資料也能讓圖片在 Google 圖片裡多一些資訊。例如在結構化資料或圖片的 IPTC 中繼資料加上授權資訊，圖片有機會顯示「可申請授權」標記（Google 圖片中繼資料說明）。寫好之後，用 Google 的複合式搜尋結果測試檢查讀不讀得到；結構化資料怎麼加，見結構化資料怎麼做。
怎麼讓圖片載入快？選對格式，壓到版位尺寸
圖片載入快有 4 個設定：照片優先用 WebP，透明背景與截圖用 PNG、圖示用 SVG；先把圖片寬度調到版位再壓縮；用 srcset 提供多種尺寸；延遲載入只用在一開始看不到的圖片，首屏大圖保持立即載入。
設定五：依用途選圖片格式
Google 搜尋支援 BMP、GIF、JPEG、PNG、WebP、SVG 與 AVIF 七種圖片格式（Google 圖片 SEO 最佳做法）。格式沒有絕對的好壞，看圖片用途選：
| 格式 | 適合用在哪 | 優點 | 要注意 |
|---|---|---|---|
| WebP | 多數網站照片、插圖 | 檔案通常比 JPEG、PNG 小 25%–35%，支援透明與動畫 | 部分編輯軟體無法直接開啟，要轉檔 |
| AVIF | 想再縮小檔案的照片 | 和 WebP 一樣屬於新一代壓縮格式 | 上傳前先確認架站平台支援 |
| JPEG | 照片、商品實拍、情境圖 | 幾乎所有軟體與平台都能用 | 不支援透明，壓縮太多會糊 |
| PNG | 截圖、需要透明背景的圖、文字細節多的圖 | 畫質高、支援透明 | 拿來放照片，檔案會很大 |
| SVG | Logo、圖示、簡單線條圖 | 向量格式，放大不失真 | 不適合照片 |
| GIF | 簡單動畫 | 相容性高 | 只支援 256 色，檔案通常大 |
WebP 的檔案大小比較來自 web.dev（使用 WebP 圖片）；Chrome、Safari、Firefox、Edge 等現行主流瀏覽器都支援 WebP。照片用 PNG 是網頁變慢的常見原因，換成 WebP 對載入速度的影響，見網站速度怎麼優化。
設定六：壓縮圖片前，先把寬度調到版位
圖片檔案大小，Google 沒有規定要壓到幾 KB。比較實際的做法分兩步：先確認圖片在網頁上最寬會顯示多大，把尺寸調到接近這個寬度；再用壓縮工具縮小檔案，壓到肉眼看不出模糊為止。
常見的浪費，是直接上傳手機或相機拍的原圖，再靠網頁把它縮小顯示：畫面上看起來是一張小圖，下載的卻是好幾 MB 的檔案。壓縮時也要顧到清晰度，圖上有文字或細節的圖，壓到看不清楚就失去放圖的意義。
設定七：用響應式圖片，手機不下載大圖
響應式圖片是同一張圖準備多種尺寸，讓瀏覽器依螢幕大小和解析度挑最合適的版本，手機就不必下載給大螢幕用的大圖。寫法是在 img 標籤加上 srcset 屬性，或用 picture 元素；Google 建議同時保留 src 屬性當備用網址，因為部分瀏覽器和檢索器讀不懂 srcset。
用 WordPress 的話，上傳圖片時系統會自動產生多種尺寸並加上 srcset，通常不需要手動設定；自架網站或其他平台，可以請工程師確認圖片有沒有輸出多種尺寸。
設定八：延遲載入只用在一開始看不到的圖片
延遲載入（Lazy Load）是先不下載畫面以外的圖片，等讀者捲動到附近才載入，減少一打開網頁時要下載的量。現在的瀏覽器內建這個功能，在 img 標籤加上 loading=“lazy” 即可，很多 WordPress 主題也已預設開啟。
延遲載入要放對位置。Google 說明，打開網頁時馬上會看到的內容不要延遲載入，載入方式也不能依賴捲動或點擊，因為 Google 搜尋不會和網頁互動（Google 修正延遲載入的網站內容）。文章中段、下半部的圖片適合延遲載入；封面圖、第一張重點圖要立即載入。
💡 萬智匯提提你：首屏大圖通常就是讀者判斷網頁有沒有載入完成的那張圖，設成延遲載入反而會變慢。檢查一下佈景主題是不是把所有圖片都設成延遲載入，封面圖要排除在外。
怎麼讓 Google 找到圖片？用 img 標籤、別擋爬蟲
Google 找得到圖片有 2 個前提：圖片用 HTML 的 img 標籤放進網頁（CSS 背景圖不會被 Google 編入索引），而且沒有被 robots.txt 或登入權限擋住；用 JavaScript 載入、Google 不容易發現的圖片，再用圖片 Sitemap 補交網址。
設定九：用圖片 Sitemap 補交 Google 找不到的圖片
圖片 Sitemap 是把圖片網址列給 Google 的檔案，用來補交 Google 自己找不到的圖片，例如用 JavaScript 載入的圖片（Google 圖片 Sitemap 說明）。可以另外建一份圖片 Sitemap，也可以在原本的 Sitemap 裡加上圖片標記。
- 每個網頁網址底下用 image:image 與 image:loc 列出圖片網址，一個網頁最多 1,000 張
- 原本可填的圖片標題（image:title）、說明（image:caption）、地點、授權等標記已經淘汰，填了也不會被使用
- 圖片放在 CDN 等其他網域也可以列入，兩個網域都要在 Search Console 完成驗證
多數 WordPress SEO 外掛產生的 Sitemap 已經包含圖片，圖片用一般方式放在文章裡的網站，通常不必另外處理。Sitemap 怎麼建立、怎麼提交到 Search Console，見 Sitemap 是什麼。
設定十：robots.txt 不要擋圖片，圖片用 img 標籤
robots.txt 是放在網站根目錄、告訴搜尋引擎爬蟲哪些路徑可以抓的檔案。如果它用 Disallow 擋住了圖片資料夾，或圖片要登入才看得到，Google 就抓不到這些圖片。檢查時注意：robots.txt 不支援 noindex 指令，Google 已於 2019 年 9 月 1 日停止支援，寫了也沒有作用。
反過來，如果有些圖片不想出現在 Google 圖片，Google 的做法是在 robots.txt 針對圖片爬蟲設定：
User-agent: Googlebot-Image
Disallow: /images/private/
這樣只會讓這些圖片不出現在 Google 圖片，不影響網頁本身（Google 從搜尋中移除自己網站上的圖片）。robots.txt 的完整寫法，見 robots.txt 怎麼設定。
另一個常被忽略的地方是圖片放進網頁的方式。Google 會從 img 標籤的 src 屬性找圖片，但不會為 CSS 背景圖建立索引。用版面設計工具做的橫幅、區塊背景，常是用 CSS 背景放上去的；這類圖片如果是需要被搜尋到的內容，要改用一般圖片放進網頁。
圖片 SEO 常犯哪些錯？檔名亂碼、替代文字全同一句
做圖片 SEO 時，常見的錯誤多半不是沒做，而是做錯方向：
- 檔名是相機或系統自動產生的編號：IMG_0012.jpg 沒有任何主題線索
- 整頁的替代文字都是同一句：每張圖都寫成文章標題，失去描述價值
- 替代文字塞滿關鍵字：讀起來不通順，Google 也明確把這列為不佳寫法
- 重點文字做成圖片、正文沒寫：圖上的定義或數字，比寫在段落裡更難被搜尋到
- 上傳原圖再縮小顯示：畫面上看起來小，檔案卻很大
- 首屏主圖設成延遲載入：讀者一打開先看到空白
- 重要圖片用 CSS 背景放上去：Google 圖片不會收錄
圖片 SEO 常見問題
替代文字（alt）是什麼？跟圖片的 title 屬性一樣嗎？
替代文字和 title 屬性不一樣。替代文字（alt）是描述圖片內容的文字，圖片無法顯示時會出現、螢幕閱讀器會唸出來，Google 也用它理解圖片；title 屬性是滑鼠移到圖片上時跳出的補充提示，手機上通常看不到。Google 的圖片 SEO 最佳做法談的是替代文字，做圖片 SEO 時先把替代文字寫好。
圖片檔名可以用中文嗎？
圖片檔名可以用中文。Google 建議網站做多語版本時連檔名一起翻譯，使用中文等非英文字元時，要符合網址編碼規範。中文檔名在網址裡會被轉成一長串編碼，管理和分享比較不方便，萬智匯的習慣是用英文描述檔名。
每張圖片都要寫替代文字嗎？
不是每張圖片都要寫替代文字。純裝飾、不帶資訊的圖片，例如分隔線、背景花紋、裝飾圖示，替代文字留空（alt=“”），螢幕閱讀器會直接略過（W3C 裝飾性圖片說明）。圖庫照片、情境圖只要和段落內容相關、讀者看了會得到資訊，仍然要描述畫面。
替代文字要不要放品牌名或產品型號？
替代文字放不放品牌名或型號，看圖片內容。商品頁的商品照，品牌與型號就是畫面上的資訊，可以寫進去；情境圖、教學圖則重點是描述畫面在做什麼，不需要每張都加品牌名。
圖片檔案大小多少 KB 才合理？
圖片檔案大小沒有固定的 KB 標準，Google 也沒有規定。原則是先把寬度調到版位，再壓縮到看不出模糊為止；優先處理首屏的大圖，以及圖片很多的頁面。
圖片做好 SEO，會出現在 Google 的 AI 摘要裡嗎？
圖片做好 SEO，有機會出現在 Google 的 AI 搜尋功能裡，但沒有保證。Google 說明生成式 AI 搜尋功能會帶入相關的圖片和影片，網站照圖片 SEO 最佳做法處理，就等於已經為這些功能做好準備，不需要另外的特殊設定。
總結：圖片 SEO 是讓 Google 讀懂整篇內容的一環
圖片 SEO 不需要特別的技術，檔名、替代文字、格式和尺寸這幾件事，在上傳圖片的當下就能做完。做好的圖片讓 Google 更完整地理解整頁內容，也讓網頁維持輕快；與其事後一張張補，不如把它變成每次上傳圖片的固定步驟。
萬智匯的 SEO 月費經營，每篇文章的配圖都會寫好替代文字與檔名，並依搜尋結果判斷哪些關鍵字值得爭取圖片版位。了解萬智匯的 SEO 月費經營
最後更新日期：2026-10
