圖片 Title 與 Alt：差異與寫法

By

來源聲明：本文根據 Holistic SEO〈Image Title vs Image Alt Tag〉（Koray Tuğberk GÜBÜR；頁面日期含 2022-01-07／2024-03-19）編譯整理，不是逐句翻譯。原文連結：https://holisticseo.digital/technical-seo/image-seo/title-attribute。文中「編輯解讀」為本站觀點。

原文把差異寫成：alt 主要給螢幕閱讀器與搜尋系統理解圖片用途；title 較常在懸停／點觸時以 tooltip 形式給使用者看。alt 通常宜短而清楚；title 可以較長。兩者互補，不互相取代1。

寫法方向

作者建議：先理解圖片在頁面中的任務；title 可比 alt 長；呼應頁面目的與附近文字／caption；精選圖 title 可連到頁面標題意涵；用來提高與目標查詢的相關描述，並增加可讀提示。文中也談檔名、WordPress 與其他 CMS、瀏覽器相容性。Google 圖片文件同樣把有描述性的 alt 當重點1。

常見問題

  • Image alt 與 title 屬性差在哪？原文：alt 主要服務無障礙、螢幕閱讀器與搜尋系統；title 較常在滑鼠懸停等情境給使用者看提示。
  • 兩者可以只做一個嗎？作者建議互補使用：alt 短而清楚描述用途，title 可較長補充，並與周圍文案、頁面目的相關。
  • 搜尋系統會讀 title 嗎？原文認為搜尋系統也可讀 title，並可用來擴充對圖片的描述；實務上仍應以 alt 與檔名／內文為基礎。
  • 精選圖的 title 怎麼寫？作者建議讓精選圖 title 連結到頁面標題意涵，並反映圖片附近文字與 caption。

編輯解讀

一句話重點：先把 alt 寫對（無障礙 + 語意），title 當補充提示，不要只靠 title 硬塞關鍵字。

這對你的網站意味著什麼：

  • 抽樣檢查商品圖與內容圖是否缺 alt。
  • 裝飾性圖片用空 alt，避免螢幕閱讀器噪音。
  • 若使用 title，寫成人讀得懂的補充，而不是重複堆詞。

適用與不適用的情境：適合電商與內容站圖片治理。不適合期待 title 屬性單獨帶來明顯排名躍升。

需要注意的限制：Holistic SEO 教學；title 屬性的 SEO 權重在公開文件中不如 alt 明確，應保守解讀。

延伸閱讀：

名詞與資料來源

  1. 圖片 SEO 與替代文字 — Google Search Central：〈Google Images SEO best practices〉 https://developers.google.com/search/docs/appearance/google-images（檢索日期：2026-09-30）

Similar Posts