圖片 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 文字,而且它可能根本不是可檢索內容模型的一部分。
從這份簡短檢查開始:
| 檢查項目 | 良好狀態 | 危險訊號 |
|---|---|---|
| 圖片元素 | 有意義的圖片出現在 | 圖片只存在於 CSS 背景 |
| 來源 URL | 圖片 URL 回傳 | CDN 規則、robots 規則或驗證阻擋檔案 |
| 頁面存取 | 頁面公開且可索引 | 圖片只在登入後,或 Google 無法完成的互動後才出現 |
| 延遲載入 | 圖片有可檢索的來源 URL,不只是 JavaScript 佔位符 | 真實 URL 只在捲動或用戶端事件後才出現 |
| 頁面脈絡 | 附近文字說明圖片內容與重要性 | 沒有主題脈絡、沒有標示的素材圖庫 |
如果使用 CDN,請確認其主機可存取並受到監控。圖片網站地圖也能協助 Google 發現一般頁面檢索不容易找到的圖片,包括由 JavaScript 呈現的圖片。它是發現輔助工具,不是排名槓桿。
可被發現的圖片需要可檢索 HTML、公開的來源 URL、可索引頁面,以及相關的周邊脈絡。
修正一:依圖片內容命名,不要依 CMS 習慣命名
IMG_1048.jpg、final-v7.png、hero-new.webp 對所有人都很難用。編輯人員無法得知素材內容,也浪費了一小段描述性脈絡。
使用簡短、易讀、說明圖片實際呈現內容的名稱。以連字號分隔的小寫單字容易管理,也能讓整個素材庫保持一致。
| 弱檔名 | 較佳檔名 | 為何較佳 |
|---|---|---|
|
|
| 說明可見產品與可辨識細節 |
|
|
| 說明指標、維度與期間 |
|
|
| 與視覺素材解釋的主題一致 |
不要把檔名寫成搜尋查詢的堆疊。best-cheap-water-bottle-water-bottles-buy-online.jpg 無法幫助人或系統理解圖片,只會顯得草率。
還有一個實務限制:在許多 CMS 中,重新命名既有圖片代表 URL 也會改變。如果該圖片已有可見度或反向連結,請在技術架構支援時重新導向舊檔案 URL、更新引用,並避免為了微小檔名改善而弄壞頁面。先在新素材套用命名規則,再於正常內容維護中修正高價值舊圖片。
修正二:把 alt 文字寫成描述,不要當成關鍵字欄位
alt 文字有兩個工作:為使用螢幕閱讀器的人提供有用描述,以及在圖片無法呈現時提供文字脈絡。當圖片是頁面的核心時,精準描述也能幫助搜尋系統理解其中內容。
最容易犯的錯誤是重複頁面的目標關鍵字。這會造成不好的無障礙體驗,也降低編輯品質。
| 圖片角色 | 弱 alt 文字 | 較佳 alt 文字 |
|---|---|---|
| 商品細節 |
|
|
| 資料圖表 |
|
|
| 操作截圖 |
|
|
| 裝飾分隔線 |
| 空的 alt 文字: |
好的 alt 文字不必描述每一個像素。它應該說明圖片對附近文字新增了什麼資訊。如果周圍段落已經傳達完全相同的訊息,alt 文字就保持簡短。如果圖片有圖表、圖解或指示,描述重點即可,不必逐一抄錄所有標籤。
「在 alt 文字中加入關鍵字」只有在關鍵字自然屬於精準描述時才安全。關鍵字應是把圖片描述好的結果,不該是工作指令。
修正三:減少位元組,但不要讓圖片變差
圖片壓縮很重要,因為重圖片會拖慢頁面,尤其在行動網路上。但它無法把不相關的圖片變成有用搜尋結果。不過,載入快速的頁面能讓人們更可能看見、使用並停留在找到的內容上。
使用足夠的最小尺寸。為 700 像素寬的內容區上傳 4,000 像素寬照片會浪費頻寬。平台支援時,透過 srcset 或 <picture> 提供回應式版本;在視覺品質可接受時,使用 WebP 或 AVIF 等現代格式。
這裡確實有取捨。模糊的商品特寫或無法閱讀的圖表,即使檔案較小也會傷害頁面。請在手機與桌上型電腦上,以實際呈現尺寸檢查圖片。對含有小字的圖解而言,SVG 或仔細匯出的 PNG,可能比被過度壓縮的攝影格式更合適。
發布前請做以下檢查:
- 在預定的容器寬度呈現圖片。
- 不只在 200% 縮放下比較,也要在正常觀看距離比較。
- 確認標籤、數字與線條仍清晰可讀。
- 用效能工具測試頁面,找出最大的圖片請求。
- 先修正最大且最顯眼的圖片。
這個順序能避免常見的圖片 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 投入更大的內容與素材工作流程。
每一項修正都有不同工作。擴大到整個素材庫之前,先衡量它們的組合。
讓 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 可讀內容技術基礎的文章。