圖片 SEO:讓 Google 更容易找到圖片的四項修正

檔名、alt 文字、圖片壓縮與 ImageObject 標記可協助 Google 發現並理解圖片。本實戰指南說明每項修正的作用與限制,以及如何驗證圖片 SEO 是否帶來高品質流量。

圖片 SEO:讓 Google 更容易找到圖片的四項修正

值得參考的成果,但不是公式

一位 SEO 實作者表示,光靠圖片 SEO 就帶來超過 9,200 位訪客。他做的四件事很簡單:更改檔名、在 alt 文字加入關鍵字、壓縮圖片,以及加入 ImageObject schema。

這很適合提醒我們重新檢視圖片搜尋。但它不代表在另一個網站做完四項編輯,就會產生 9,200 位訪客。

圖片流量取決於人們搜尋什麼、你的圖片是否能有力回答該搜尋、Google 能否檢索圖片,以及到達頁面是否為圖片提供有用的脈絡。商品照、教學圖、原創圖表、旅遊照片與一般圖庫照片,並不是在相同條件下競爭。

不過,這四項修正的方向是對的。它們改善的是不同問題:

修正

可以改善什麼

無法保證什麼

描述性的檔名

小而清楚的相關性訊號,以及更容易管理素材

在競爭激烈查詢中的排名

準確的 alt 文字

無障礙體驗,以及有意義圖片的文字描述

與圖片無關關鍵字的曝光

適當壓縮與尺寸

更快載入、更好的使用者體驗、更低傳輸成本

過度壓縮後的圖片品質

ImageObject 或頁面層級圖片標記

讓圖片與頁面實體的關係更明確

複合式搜尋結果或直接的排名提升

目標不是把關鍵字塞進每一個圖片欄位。目標是發布 Google 找得到、看得懂,並能連結到回答搜尋者問題頁面的圖片。

第一個問題通常是發現能力,不是中繼資料

在變更檔名或加入 JSON-LD 之前,先確認 Google 是否真的找得到圖片。

Google 的圖片文件有一個在網站改版時常被漏掉的重點:使用真正的 HTML <img> 元素或 <picture> 元素。Google 可以從這些元素的 src 找到圖片。CSS 背景圖片對圖片搜尋的幫助小得多,因為 Google 不會用同一種方式索引 CSS 圖片。

這是行銷網站常見的失敗模式。漂亮的主視覺被放進 CSS 類別的 background-image,團隊後來在別處加了完美的 alt 文字,卻不明白圖片為何從未出現。CSS 背景圖片沒有 alt 文字,而且它可能根本不是可檢索內容模型的一部分。

從這份簡短檢查開始:

檢查項目

良好狀態

危險訊號

圖片元素

有意義的圖片出現在 <img><picture> 元素中

圖片只存在於 CSS 背景

來源 URL

圖片 URL 回傳 200,且沒有封鎖 Googlebot

CDN 規則、robots 規則或驗證阻擋檔案

頁面存取

頁面公開且可索引

圖片只在登入後,或 Google 無法完成的互動後才出現

延遲載入

圖片有可檢索的來源 URL,不只是 JavaScript 佔位符

真實 URL 只在捲動或用戶端事件後才出現

頁面脈絡

附近文字說明圖片內容與重要性

沒有主題脈絡、沒有標示的素材圖庫

如果使用 CDN,請確認其主機可存取並受到監控。圖片網站地圖也能協助 Google 發現一般頁面檢索不容易找到的圖片,包括由 JavaScript 呈現的圖片。它是發現輔助工具,不是排名槓桿。

從可檢索 HTML 到相關 Google 圖片結果的圖片發現路徑

可被發現的圖片需要可檢索 HTML、公開的來源 URL、可索引頁面,以及相關的周邊脈絡。

修正一:依圖片內容命名,不要依 CMS 習慣命名

IMG_1048.jpgfinal-v7.pnghero-new.webp 對所有人都很難用。編輯人員無法得知素材內容,也浪費了一小段描述性脈絡。

使用簡短、易讀、說明圖片實際呈現內容的名稱。以連字號分隔的小寫單字容易管理,也能讓整個素材庫保持一致。

弱檔名

較佳檔名

為何較佳

image-01.jpg

stainless-steel-water-bottle-lid.jpg

說明可見產品與可辨識細節

final-chart.png

organic-traffic-by-country-q2-2026.png

說明指標、維度與期間

seo-banner.webp

image-seo-audit-checklist.webp

與視覺素材解釋的主題一致

不要把檔名寫成搜尋查詢的堆疊。best-cheap-water-bottle-water-bottles-buy-online.jpg 無法幫助人或系統理解圖片,只會顯得草率。

還有一個實務限制:在許多 CMS 中,重新命名既有圖片代表 URL 也會改變。如果該圖片已有可見度或反向連結,請在技術架構支援時重新導向舊檔案 URL、更新引用,並避免為了微小檔名改善而弄壞頁面。先在新素材套用命名規則,再於正常內容維護中修正高價值舊圖片。

修正二:把 alt 文字寫成描述,不要當成關鍵字欄位

alt 文字有兩個工作:為使用螢幕閱讀器的人提供有用描述,以及在圖片無法呈現時提供文字脈絡。當圖片是頁面的核心時,精準描述也能幫助搜尋系統理解其中內容。

最容易犯的錯誤是重複頁面的目標關鍵字。這會造成不好的無障礙體驗,也降低編輯品質。

圖片角色

弱 alt 文字

較佳 alt 文字

商品細節

best water bottle

附有矽膠提環的不鏽鋼水瓶瓶蓋特寫

資料圖表

SEO traffic chart

顯示一月至六月每月自然流量由 18,000 增至 31,000 的折線圖

操作截圖

image SEO settings

含有檔名、alt 文字、寬度與 WebP 格式欄位的 CMS 圖片面板

裝飾分隔線

blue abstract image

空的 alt 文字:alt=""

好的 alt 文字不必描述每一個像素。它應該說明圖片對附近文字新增了什麼資訊。如果周圍段落已經傳達完全相同的訊息,alt 文字就保持簡短。如果圖片有圖表、圖解或指示,描述重點即可,不必逐一抄錄所有標籤。

「在 alt 文字中加入關鍵字」只有在關鍵字自然屬於精準描述時才安全。關鍵字應是把圖片描述好的結果,不該是工作指令。

修正三:減少位元組,但不要讓圖片變差

圖片壓縮很重要,因為重圖片會拖慢頁面,尤其在行動網路上。但它無法把不相關的圖片變成有用搜尋結果。不過,載入快速的頁面能讓人們更可能看見、使用並停留在找到的內容上。

使用足夠的最小尺寸。為 700 像素寬的內容區上傳 4,000 像素寬照片會浪費頻寬。平台支援時,透過 srcset<picture> 提供回應式版本;在視覺品質可接受時,使用 WebP 或 AVIF 等現代格式。

這裡確實有取捨。模糊的商品特寫或無法閱讀的圖表,即使檔案較小也會傷害頁面。請在手機與桌上型電腦上,以實際呈現尺寸檢查圖片。對含有小字的圖解而言,SVG 或仔細匯出的 PNG,可能比被過度壓縮的攝影格式更合適。

發布前請做以下檢查:

  1. 在預定的容器寬度呈現圖片。
  2. 不只在 200% 縮放下比較,也要在正常觀看距離比較。
  3. 確認標籤、數字與線條仍清晰可讀。
  4. 用效能工具測試頁面,找出最大的圖片請求。
  5. 先修正最大且最顯眼的圖片。

這個順序能避免常見的圖片 SEO 錯誤:一張過大的主視覺造成大部分問題,卻花時間最佳化十幾張很小的縮圖。

修正四:把 ImageObject 標記用於關聯,不要當成魔法

ImageObject schema 可以讓圖片與頁面之間的關係更明確。對文章頁而言,Google 的文件顯示,頁面可以透過 primaryImageOfPage 指出主要圖片,或把圖片附加到頁面的主要實體,例如 BlogPosting

這是有用的結構化脈絡。它不承諾 Google 圖片會為素材排名、顯示特殊處理,或帶來固定流量。

對部落格文章來說,在既有的 BlogPosting 標記中使用 image 屬性,通常比為每一張內嵌視覺圖新增獨立 ImageObject 區塊更乾淨。以下是最小範例:

{
"@context": "https://schema.org",
"@type": "BlogPosting",
"headline": "How to audit images for Google Images",
"mainEntityOfPage": "https://example.com/blog/image-seo-audit",
"image": {
"@type": "ImageObject",
"contentUrl": "https://example.com/images/image-seo-audit-checklist.webp",
"url": "https://example.com/images/image-seo-audit-checklist.webp",
"caption": "A five-step image SEO audit checklist",
"width": 1600,
"height": 900
}
}

使用能解析、描述真實素材、並且與使用者在頁面上看到內容一致的 URL。不要宣稱不真實的 caption、creator、license 或 dimensions。如果授權對業務很重要,Google 也支援透過結構化資料或內嵌 IPTC 中繼資料提供圖片授權中繼資料。這是與一般圖片 SEO 不同的使用情境。

加入標記後,請用結構化資料測試工具驗證,並檢查呈現後的頁面原始碼。只存在於預備環境、或被外掛覆寫的 schema,對正式頁面沒有作用。

四點分享遺漏的部分

再強的圖片欄位也救不了弱的到達頁面。Google 還需要理解圖片周圍的頁面。

針對每張希望被發現的圖片,請檢查:

  • 圖片是否回答或澄清頁面的主要主題?
  • 圖片是否靠近相關文字、描述性標題或有用的圖說?
  • 它是原創圖片,還是出現在數百個頁面的一般圖庫素材?
  • 從 Google 圖片點進來的人,能否不必四處尋找就獲得有用答案?
  • 圖片是否能在行動裝置運作,並在 JavaScript 緩慢或無法使用時仍可取得?

這正是原創圖解、加註商品照、前後對比與資料圖表可能表現良好的原因。它們帶有搜尋者真正想要的資訊。裝飾性的漸層不會因為有 schema 就突然成為圖片搜尋機會。

用 30 天圖片 SEO 測試建立證據

不要在週五下午重新命名媒體庫裡的所有檔案。請在有合理圖片意圖的頁面上進行受控測試。

第 1 週:選擇候選頁面

挑選 10 到 20 個有實用原創視覺素材的頁面:電商分類或商品頁、教學、視覺化解釋、地點頁、比較頁或案例研究。記錄目前圖片 URL、頁面 URL、可取得的圖片曝光與點擊、頁面流量,以及既有圖片中繼資料。

第 2 週:修復基本項目

替換新素材或可安全變更素材的不透明名稱。新增精準的 alt 文字。確認重要圖片使用可檢索 HTML、有公開來源 URL,且沒有不必要地過大。只有在確實描述內容時,才加入或更正頁面層級圖片 schema。

第 3 週:改善到達頁面

在圖片附近加入直接說明、清楚標題,以及在有助於讀者時加入圖說。對圖表,說明趨勢代表什麼;對商品照,說明照片證明的材質、尺寸、使用情境或功能。

第 4 週:擴大前先衡量

在可行時使用 Search Console 的搜尋類型報表,並搭配頁面分析與 Google 圖片抽查。觀察曝光、點擊、圖片查詢主題、到達頁面互動與轉換品質的變化。保留變更紀錄。如果圖片點擊增加但訪客立即離開,到達頁面可能沒有符合視覺承諾。

目標是可重複的模式,不是吸睛截圖。一個有用結果就足以判斷是否值得為圖片 SEO 投入更大的內容與素材工作流程。

將四項修正對應到發現理解速度與頁面關聯的圖片 SEO 稽核矩陣

每一項修正都有不同工作。擴大到整個素材庫之前,先衡量它們的組合。

讓 AI 做盤點工作,不要讓它編造內容

大型網站的圖片 SEO 容易變得繁瑣,因為證據散落在媒體庫、HTML、CMS 欄位、效能報表、網站地圖與 Search Console。AI 可以協助彙整工作:列出缺少 alt 文字的圖片、標記過於通用的檔名、比較呈現後尺寸與來源尺寸、依視覺意圖分組頁面,以及為人工審查起草稽核佇列。

它不應為看不到的圖片杜撰描述,也不應在數百個 alt 屬性中加入相同目標詞。那會讓稽核變成大規模關鍵字堆砌。

Auspia 的 SEO 工具 可協助團隊從網站層級審查開始,再把發現轉為聚焦的圖片 SEO 待辦清單。有用的輸出不是「所有圖片都已最佳化」,而是按優先順序列出真正有問題的素材:發現被阻擋、缺少脈絡、傳輸尺寸過大、描述不足或頁面關聯失效。

圖片 SEO 檢查清單

在稱圖片已最佳化之前

檢查內容

圖片可被發現

它位於可檢索 HTML,且檔案 URL 公開可用

檔名有用

它描述圖片,沒有堆砌詞彙

alt 文字誠實

它描述有意義圖片;裝飾圖片使用空 alt 文字

頁面提供脈絡

相關文字、標題與圖說解釋圖片角色

傳輸有效率

正確呈現尺寸、回應式來源,以及可接受視覺品質

標記正確

圖片屬性描述可見且可存取的素材

結果已衡量

比較變更前後的 Search Console 與頁面指標

FAQ

更改圖片檔名會改善 Google 圖片排名嗎?

描述性檔名是合理的輔助訊號,也會改善媒體庫管理。它很少是圖片自行排名的原因。不要只為重新命名低價值素材而弄壞已建立的圖片 URL。

每張圖片的 alt 文字都應包含關鍵字嗎?

不應該。alt 文字應準確描述有意義的圖片。只有在目標詞自然屬於描述時才使用。裝飾圖片通常應使用 alt="",讓螢幕閱讀器能略過它。

ImageObject schema 會讓圖片排名嗎?

不會。ImageObject 與相關頁面標記有助於明確圖片和頁面的關係,但不保證 Google 圖片曝光、複合式結果處理或流量。

我需要圖片網站地圖嗎?

不一定。Google 可透過一般 HTML 檢索發現許多圖片。當圖片不容易被發現,包括某些 JavaScript 實作,或你需要更完整的發現地圖時,圖片網站地圖很有幫助。

應先最佳化哪些圖片?

先從已有需求且有明確視覺搜尋用途的頁面圖片開始。原創商品圖、圖解、圖表、教學與前後對比,通常比一般裝飾圖片更適合作為候選。

結語

這位實作者的四點教訓,加入一項修正後很值得採用:圖片 SEO 不是填完四個欄位。檔名、alt 文字、壓縮與 ImageObject 標記,只有在支援可檢索、有用且脈絡豐富的圖片,並且圖片位於人們想造訪的頁面上時才會發揮作用。

從一小組強的視覺素材開始,修正明顯技術與編輯缺口,並衡量到達頁面的結果。這會帶來更好的圖片庫、更好的頁面體驗,以及是否值得繼續投資 Google 圖片的可說明依據。

作者:Julian Mercer,Auspia 的 14 年技術 SEO 實作者。Julian 撰寫關於可檢索性、schema、渲染、網站架構,以及 AI 可讀內容技術基礎的文章。

探索此主題

繼續閱讀相同的成長脈絡