圖片 SEO:如何針對 Google 優化圖片
圖片 SEO 應協助使用者與搜尋引擎理解有用圖片在頁面中的上下文意義。選擇具代表性的素材、準確的相關資訊,並採用適當的載入方式。產品細節圖、說明圖與裝飾性照片的用途各不相同;應針對各項任務進行優化,而非在所有地方都套用相同的關鍵字與載入方式。
為每張有用圖片提供清晰的上下文
將圖片放置在其所支援的說明附近。新上傳的圖片應使用具描述性的檔案名稱,並使用能傳達圖片用途的替代文字。如果是產品細節圖,應描述其獨特細節,而非重複目標關鍵字。
純裝飾性圖片通常需要留空替代文字,以便輔助技術跳過這些圖片。重要資訊也應以可閱讀的頁面內容呈現;使用規格表圖片來取代可存取文字,並非理想的做法。
提供合適尺寸,同時保留必要細節
針對顯示用途調整大型檔案的尺寸並進行壓縮。比較不同格式並檢查實際呈現效果:如果買家無法閱讀標籤或檢查表面處理,即使檔案極小也毫無幫助。回應式圖片傳遞可為不同螢幕提供合適尺寸。
以適當尺寸預留空間,減少版面跳動。如果首屏立即需要顯示主圖片,請避免採用延遲載入;延遲載入更適合用於頁面下方較遠處的圖片。請測試頁面,而非對每張圖片套用同一套規則。
讓搜尋爬蟲可存取圖片
Google 的圖片指南建議使用標準 HTML 圖片元素,並確保圖片 URL 可被發現。檢查重要圖片未被封鎖,且延遲載入的圖片能在無需使用者互動的情況下完成載入,因為 Google 不會執行使用者互動。
必要時,圖片站台圖可協助圖片被發現,但無法保證圖片會被編入索引。對符合條件的頁面功能(例如產品資訊)使用準確且相關的結構化資料。隨處加入 ImageObject 並無法保證圖片排名或 AI 引用。
確認圖片能協助顧客做出哪些決定
檢查圖片的實際呈現位置及其所支援的頁面。在可行情況下使用清晰的檔案名稱、適當的替代文字,以及符合版面配置的尺寸。裝飾性圖片與說明規格的圖表需要不同的處理方式。重要事實資訊應以可存取的頁面內容呈現,而非依賴壓縮圖片中極小的標籤。
| 待解決的問題 | 具體檢查項目 |
|---|---|
| 用途 | 顯示了哪些協助決定的細節? |
| 可存取性 | 圖片與相關文字可供使用嗎? |
| 尺寸 | 必要細節有保留嗎? |
| 測量 | 將圖片搜尋表現與載入測試分開處理。 |
將圖片搜尋表現與頁面速度分開測量
使用 Google Search Console 效能報告中的圖片搜尋類型,檢查圖片搜尋的點擊次數與曝光次數。這些數據反映圖片搜尋表現,並非所有已編入索引圖片的完整清單。
使用 PageSpeed Insights 與實際行動裝置檢查來找出載入問題。優先處理會延遲重要內容或導致頁面難以使用的圖片。避免忽略圖片尺寸與用途,而設定統一的檔案大小目標。
檢查圖片及其旨在說明資訊
如果是產品說明圖,請根據核可紀錄驗證尺寸,並在可存取的頁面內容中保留重要事實。使用合適的替代文字與尺寸,並確保檔案與周邊說明描述的是同一項商品。在相關情況下,檢查圖片呈現位置與所選變體。在延遲顯示首屏立即需要的圖片之前,請先診斷實際載入狀況。圖片搜尋的觀察結果可作為檢視參考,但單憑檔案名稱、替代文字欄位或格式,無法保證排名或顧客獲取結果。
圍繞顧客決策優化圖片
使用準確且相關的圖片,並確保其上下文、可存取性與傳遞方式皆可靠。根據圖片角色驗證事實細節與載入方式。分別檢視圖片被發現的情況與顧客的實質回應,而非將單一優化欄位轉化為通用的圖片排名承諾。
常見問題
1. 每張圖片都需要具描述性的替代文字嗎?
有意義的圖片需要符合其用途的文字。純裝飾性圖片通常使用留空的替代文字。避免在替代文字屬性中重複填入關鍵字。
2. SEO 最適合的圖片檔案大小是多少?
沒有統一的目標。請使用在顯示尺寸下仍能保留所需細節的最小可行檔案,並測試頁面的載入效能。
3. 每張圖片都應該採用延遲載入嗎?
不。立即需要的圖片,尤其是首屏上方的圖片,不應因不加區分地採用延遲載入而延遲顯示。請測試哪些圖片會影響初始渲染。
4. 圖片站台圖能保證圖片被發現嗎?
不能。它有助於圖片被發現,但 Google 仍決定圖片是否以及如何呈現。請檢查可存取性、上下文與實際圖片搜尋表現。