頁面 SEO 基礎

圖片 alt 文字(替代文字)

別稱 alt 屬性 · 替代文字 · alt 標籤

<img> 上的 alt 屬性為圖片提供文字描述,供螢幕報讀軟體、搜尋引擎使用,並在圖片載入失敗時顯示。

這是什麼

Alt 文字是圖片 alt 屬性的值,用文字描述圖片的內容或功能。螢幕報讀軟體會朗讀它,瀏覽器在圖片無法載入時會顯示它,搜尋引擎則用它來理解並索引圖片。

為什麼重要

Alt 文字是爬蟲與 AI 引擎理解圖片所傳達內容的主要途徑,使圖片搜尋與更豐富的多模態(multimodal)答案成為可能。它同時是核心的無障礙要求,具描述性的 alt 能強化主題與實體脈絡,協助你的內容被準確引用。

如何檢查

在 DevTools 中檢視圖片,或在主控台執行 document.querySelectorAll('img:not([alt])') 來找出缺少該屬性的圖片。Lighthouse、WAVE 或 axe 等無障礙稽核會回報沒有 alt 的圖片,並標示出無意義的 alt 文字。

如何修正

為每張內容圖片撰寫簡潔、具體的 alt 文字以傳達其意義,僅在自然之處帶入相關關鍵字,長度盡量控制在約 125 個字元以內。純裝飾性的圖片使用空白 alt="",讓輔助技術略過它們,並切勿堆砌關鍵字或重述已可見的圖說。

在檢查清單中

這個概念對應到 GEO Score 檢查清單中的一項檢查。

使用檢查清單

相關詞彙

官方參考資料

外部連結,將於新分頁開啟。

把知識化為行動。

親手逐項完成每一項檢查,並轉成可分享的 GEO Score 報告——或在數秒內自動掃描你的網站。