Alt Text(圖片替代文字)是 img 標籤中的 alt 屬性,用文字說明一張圖片「是什麼」或「為什麼在這裡」。它同時服務三類對象:使用螢幕閱讀器的視障讀者、網速慢而圖片未能載入的讀者,以及無法直接「看」圖片的搜尋引擎爬蟲。
寫好 Alt Text 首先是網站無障礙的基本要求,其次才是 SEO 技巧。不過兩者並不衝突:一段清晰、準確的描述,對讀者和搜尋引擎都有幫助。
Alt Text 為什麼重要
- 無障礙閱讀:沒有 Alt Text,螢幕閱讀器只能念出檔案名稱或直接略過,讀者就錯過了圖片傳達的資訊。
- 幫助搜尋引擎理解圖片:Google 表示 Alt Text 與頁面上下文一起幫助它理解圖片內容,對圖片搜尋的表現特別重要。
- 圖片作連結時的作用:如果圖片本身是連結,它的 Alt Text 就會被當作錨點文字來理解連結的目標。
如何寫出好的 Alt Text
- 如實描述內容:假設讀者看不到圖片,用一兩句話說明重點,例如「會計師在電腦前核對報稅表格」,而不是「工作」。
- 資訊重要的圖片才詳寫:圖表、截圖和產品相片要寫清楚;純裝飾用的圖片可以留空 alt(alt=""),讓螢幕閱讀器直接略過。
- 自然地加入關鍵字:只在真的相關時才提及目標字詞,避免變成關鍵字堆砌。
- 保持簡潔:一般一兩句已足夠,不需要寫「圖片」或「相片」兩個字,螢幕閱讀器本來已經會說出這是圖片。
- 圖片內有文字時要轉述:如果圖片上有重要文字,要在 Alt Text 或頁面內文重述,這樣才不會遺漏資訊。
常見錯誤
- 完全留空,或直接用檔案名稱(例如 IMG_0231.jpg)。
- 在每張圖片重複同一組關鍵字。
- 把重要文字只放在圖片內,卻沒有以文字重述。
常見問題
Alt Text 應該寫多長?
沒有官方規定的固定字數。原則是用最精簡的文字說明圖片重點;資訊量大的圖表可以再在頁面內文補充說明。
Alt Text 和圖片標題、說明文字有什麼分別?
Alt Text 是為了取代圖片本身的文字版本;說明文字(caption)則是顯示在圖片旁、給所有讀者看的補充資料。兩者可以並用,但不應該完全重複。
