2026.11.11

圖片替代文字怎麼寫？用四種情境判斷 WordPress 的 alt 欄位

網站經營

上傳圖片時，WordPress 媒體庫有一個「替代文字」欄位。它不是圖片的標題，也不只是讓搜尋引擎看到關鍵字：當讀者使用螢幕閱讀器，或圖片無法顯示時，適當的替代文字可以幫助理解圖片在頁面中的作用。

但每張圖片都填入「圖片」或「網站設計」並不會自動改善閱讀體驗。更有用的問題是：如果讀者看不到這張圖，會錯過什麼？ 本文用資訊圖片、裝飾圖片、功能圖片與圖表四種情境，帶你判斷怎麼寫。

先看圖片在這個位置的用途

同一張照片放在不同文章，重點可能不同。例如一張咖啡杯照片，在咖啡館介紹頁可能需要交代「木桌上的拿鐵與店內窗景」；如果它只是段落旁的背景裝飾，正文已說明完整，讀者不一定需要再聽一次照片內容。

判斷前先讀圖片附近的標題、內文和連結文字。替代文字應補足該位置需要的資訊，避免重複相鄰文字，也不要憑空描述圖片沒有提供的事實。

情境一：圖片提供資訊，寫出與文章相關的重點

假設教學文章用截圖指出某個設定的位置，可以寫「WordPress 圖片區塊設定面板中的替代文字欄位」。這比「螢幕截圖」更能幫讀者理解圖片用途。若步驟依賴畫面上的多個設定值，請直接在正文列出步驟與值，別讓必要操作只存在圖片裡。

產品照片也應依上下文描述。例如比較杯子容量時，正文需要寫出容量；替代文字可描述有助辨識的外觀，而不是猜測尺寸或品質。通常不必以「這是一張圖片」開頭，因為輔助工具通常已能辨識圖片。

情境二：純裝飾或相鄰文字已完整表達，可以使用空替代文字

分隔線、沒有額外意義的背景圖，或旁邊文字已完整表達的重複圖示，可能適合空的 alt。對 HTML 圖片而言，alt="" 是明確標示不需額外朗讀；缺少 alt 屬性並不等同於空值，閱讀器可能改讀檔名。

不要因為不想撰寫就把資訊圖片留空。先問自己：移除圖片後，附近文字是否仍足以完成相同理解？如果答案是否定的，補上文字或重新整理正文。

情境三：圖片是連結或按鈕，描述目的或動作

假設一個放大鏡圖示單獨構成搜尋按鈕，替代文字應傳達「搜尋」，而不是「放大鏡」。如果品牌標誌本身是回首頁的唯一連結內容，可以依實際目的寫「品牌名稱首頁」。

若同一個連結內已有清楚的可見文字，圖示可能只是重複資訊；此時應避免讓閱讀器把相同名稱唸兩遍。實際結果仍要看連結與按鈕的完整標記，不能只看單一圖片欄位。

情境四：圖表或資訊圖，重要資料放進正文

一張顯示每月銷售額的長條圖，短短的 alt 可以交代「各月銷售額比較，詳細數值見下表」，但無法取代完整數據。請在附近提供表格或文字，寫出讀者需要的數值、單位與主要變化。若圖表只是裝飾且資料已完整重複，依實際情境判斷是否留空。

在 WordPress 填寫並檢查

1. 編輯文章，選取圖片區塊；在區塊設定中找到「替代文字」。介面名稱與位置可能依 WordPress 版本及編輯器而異。 2. 對照附近正文，填入符合用途的簡短描述。若使用媒體庫修改既有媒體，確認文章中實際使用的圖片是否反映變更；不同編輯器與區塊的行為可能不同。 3. 預覽文章，檢查文字與圖片是否相互補充。對關鍵圖表，再確認必要資料已以正文或表格呈現。 4. 有條件時以螢幕閱讀器走讀，或請熟悉輔助工具的人協助檢查。也可用瀏覽器開發者工具查看實際輸出的 alt，區分空字串與屬性缺失。