大多數網站主在做 SEO 時，把大量時間花在文字內容上，卻忽略了圖片。事實上，圖片 SEO 是一個常被低估的流量來源，也對整體搜尋排名有直接影響。本文帶你全面了解圖片 SEO 的每個面向，從最基礎的檔名命名到進階的結構化資料。
為什麼圖片 SEO 重要
圖片 SEO 的重要性體現在幾個層面：
- 獨立的流量來源：Google 圖片搜尋每月有數十億次搜尋。對電商、食譜、旅遊、設計等視覺導向的網站，圖片搜尋可以佔總流量的 10–40%。
- 影響文字搜尋排名：圖片對頁面速度的影響，進而影響 Core Web Vitals 分數，而這已是 Google 正式的排名因素之一。
- 視覺搜尋的崛起：Google Lens 和圖片搜尋的搜尋量逐年增加，尤其在行動裝置上，用戶越來越習慣用圖片搜尋產品和靈感。
- 無障礙（Accessibility）：良好的圖片 SEO 實踐（尤其是 alt text）同時也改善了視障用戶的使用體驗，是負責任的網站設計。
圖片檔名命名規則
很多人忽略了圖片的檔名，習慣直接使用相機預設的 IMG_0023.jpg 或 DSC_4512.jpg。這些無意義的檔名對 Google 理解圖片內容毫無幫助。
正確的圖片命名原則：
- 使用有意義的英文描述：用英文（有利於國際搜尋）描述圖片內容，如
red-running-shoes-nike-air-max-90.jpg
- 使用連字號（-）分隔單字：Google 將連字號視為空格，有利於關鍵字識別。不要用底線 (
_) 或空格
- 包含主要關鍵字：自然地融入你希望排名的關鍵字，但不要過度堆砌
- 保持簡潔：3–5 個單字通常足夠，過長的檔名反而降低可讀性
- 避免無意義數字：如
photo1.jpg、image-2024.jpg 等
好的範例：chocolate-lava-cake-recipe.jpg
不好的範例：IMG_0234.jpg、photo1-new-final-v2.jpg
Alt Text（替代文字）
Alt text 是圖片 SEO 中最重要的單一元素。它有兩個功能：一是告訴搜尋引擎圖片內容，二是在圖片無法載入時顯示給用戶，三是提供給螢幕閱讀器為視障用戶描述圖片。
有效的 alt text 寫法：
- 描述圖片中的實際內容（人物、物體、場景、動作）
- 自然融入目標關鍵字（不強行堆砌）
- 保持簡潔，通常 5–15 個詞足夠
- 避免以「圖片顯示…」或「照片of…」開頭（Google 已知道這是圖片）
詳細的 alt text 寫法教學，請參考本系列文章《Alt Text 怎麼寫？完整教學》。
壓縮對速度的影響：量化分析
圖片大小對頁面速度有直接且顯著的影響：
- 根據 HTTP Archive 的數據，圖片佔平均網頁總重量的 43–53%，是所有資源類型中最大的
- 一個 10 MB 的未優化圖片，在 4G 網路（平均約 20 Mbps）下需要約 4 秒才能載入
- 同一張圖片壓縮至 500 KB（WebP，視覺幾乎無損），載入時間縮短至約 0.2 秒
- Google 的研究顯示，頁面載入速度每降低 1 秒，轉換率可降低 7%；PageSpeed 分數提升與排名正相關
對圖片速度優化的建議：
- 所有圖片轉換為 WebP 或 AVIF 格式
- 根據實際顯示尺寸調整圖片解析度，不要讓瀏覽器縮小大圖
- 使用
srcset 屬性提供不同解析度版本，讓瀏覽器選擇最適合的
- 對非首屏圖片使用
loading="lazy" 延遲載入
- 使用 CDN 加速全球用戶的圖片載入速度
結構化資料（Structured Data）
結構化資料（Schema Markup）能幫助 Google 更好地理解你的圖片在頁面中的角色，並在搜尋結果中顯示豐富的圖片預覽。
最重要的圖片相關結構化資料類型：
- Product Schema：電商產品頁使用，Google 可在購物搜尋和圖片搜尋中顯示對應產品圖片和價格
- Recipe Schema：食譜網站使用，讓食物圖片出現在 Google 圖片搜尋的「食譜」篩選分類中
- Article Schema：新聞和部落格文章使用，搭配 AMP 或有效的 Schema 可讓圖片出現在 Top Stories
- ImageObject Schema：明確標記圖片的 URL、名稱、描述和版權資訊
基本的 ImageObject 結構化資料範例（JSON-LD 格式）：
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ImageObject",
"url": "https://example.com/images/product-photo.jpg",
"name": "紅色跑步鞋",
"description": "Nike Air Max 90 紅色版，側面特寫，白色背景"
}
</script>
Open Graph 和 Twitter Card 圖片
當你的內容被分享到社群媒體時，平台會抓取 meta tag 中的圖片來生成預覽。正確設定可大幅提升分享後的點擊率：
- og:image：建議 1200×630 px，Facebook、LinkedIn 等平台使用
- twitter:image：建議 1200×675 px，Twitter/X 使用
- 圖片應具體描述頁面主題，而非使用網站 LOGO 作為預設縮圖
- 可用 Facebook Sharing Debugger 或 LinkedIn Post Inspector 預覽和更新快取
Google 圖片搜尋的排名因素
Google 圖片搜尋的排名邏輯與一般搜尋有所不同，以下是已知的重要因素：
- 圖片的相關性：圖片內容（透過 Google Vision AI 分析）、alt text、圖片周圍的文字和頁面主題的相關程度
- 頁面品質：圖片所在頁面的整體 SEO 表現，包括 PageRank、內容品質和反向連結
- 圖片品質：清晰、高解析度的圖片比模糊、低畫質的圖片排名更好
- 圖片唯一性：原創圖片比從其他網站重複使用的圖片有更好的排名表現
- SafeSearch 合規性：圖片不違反 Google 的安全搜尋政策
- 圖片授權資訊：標記了創用 CC 授權的圖片可在「可使用」篩選中出現
圖片 Sitemap
Google 建議提供圖片 Sitemap，以確保所有圖片都被索引，特別是透過 JavaScript 動態載入的圖片：
- 在現有 XML Sitemap 中加入圖片擴展，或建立專屬的圖片 Sitemap
- 每個頁面可列出多張圖片的 URL、標題和描述
- WordPress 使用者可使用 Yoast SEO 或 Rank Math 外掛自動生成含圖片資訊的 Sitemap
監測圖片 SEO 效果
如何衡量圖片 SEO 的效果：
- Google Search Console：在「搜尋結果」報告中，將搜尋類型切換為「圖片」，可查看來自 Google 圖片搜尋的曝光次數和點擊數
- Google Analytics：分析來自 Google 圖片搜尋的有機流量（在來源/媒介中篩選 google / organic）
- PageSpeed Insights：定期檢查頁面的圖片優化建議，包含「延遲離屏圖片載入」、「以新一代格式提供圖片」等
常見的圖片 SEO 錯誤
- 使用無意義的圖片檔名（IMG_XXXX.jpg）
- 忽略或留空 alt text
- 所有圖片使用相同的通用 alt text（如「公司LOGO」、「產品圖片」）
- 上傳超大未壓縮圖片
- 未設定 og:image，社群分享時顯示錯誤或無圖片
- 透過 CSS background-image 顯示重要的 SEO 圖片（Google 不抓取 CSS 背景圖）
結語
圖片 SEO 是一個多層次的工作，從最基礎的檔名和 alt text，到進階的結構化資料和速度優化，每個環節都有其貢獻。好消息是，大多數圖片 SEO 的改善是一次性的工作——一旦你建立了良好的圖片命名、壓縮和標記流程，這些標準就會自然融入你的日常工作中，持續帶來複利效益。
在瀏覽器裡直接完成，檔案不會離開你的電腦：圖片工具
