替代文字（Alt Text）是你在網頁裡替一張圖片寫的一句說明文字。當圖片因故顯示不出來，或使用者根本看不到畫面時，這句話會代替圖片，把「這張圖在講什麼」說給人和機器聽。
Google 搜尋中心說明，alt 是替圖片提供說明資訊時「最重要」的屬性，同時能改善無障礙體驗。
重點速覽
- 替代文字的首要任務是無障礙，讓螢幕報讀器把圖片內容念給視障使用者聽，其次才是圖片搜尋。
- 純裝飾、不帶資訊的圖片應該用空字串 alt=””，避免報讀器念出雜訊。
- 帶資訊的圖用一句話直接描述重點，別用「圖片」開頭、別硬塞關鍵字，長度約控制在 125 個字元內。
替代文字是什麼？
替代文字指的是 HTML 圖片標籤 img 裡那個 alt 屬性的內容。例如 img src=”cat.jpg” alt=”一隻黑色小貓在窗邊曬太陽” 這行裡，引號中的那句話就是替代文字。
根據 Google 搜尋中心（Google Search Central）的說明，alt 是替圖片提供說明資訊時「最重要」的屬性；它同時能改善無障礙體驗，讓看不到圖片的使用者，包含使用螢幕報讀器的視障者、或網速太慢載不出圖的人，也能理解內容。
W3C 的網頁無障礙倡議（WAI）也指出，替代文字有兩個主要任務：一是讓螢幕報讀器把圖片內容「念」給視障使用者聽，二是在圖片載入失敗時，用這句文字代替那張破圖顯示出來。換句話說，它是一張圖片的「文字分身」。
用白話文怎麼說？
你可以把替代文字想成廣播電台裡的「口述影像」。電台主持人沒辦法把畫面播給你看，只能用一句話描述：「現在畫面上是一隻黑貓窩在窗邊曬太陽。」聽到這句話，你腦中就有畫面了。替代文字做的就是同一件事：替看不到圖的人，把圖片的重點用文字補上。
你可以這樣記：好的替代文字，是「閉著眼睛也聽得懂的一句話」。把這句話念出來，對方能大致想像那張圖在幹嘛，就成功了。
替代文字實際上要做什麼？
實務上寫替代文字，可以照這幾個原則，這些都整理自 Google 與 W3C 的官方建議：
- 直接描述重點：用一句話講清楚圖片在表達什麼，例如「站在山頂、舉著旗子的登山者」，而不是「圖片」「IMG_0023」這種沒有資訊的內容。
- 不用「圖片」「照片」開頭：螢幕報讀器本來就會先報出「圖片」，你再寫一次就重複了，直接寫內容即可。
- 簡短為上：建議控制在大約 125 個英文字元內，因為部分螢幕報讀器會在這個長度附近截斷；寫太長反而難聽懂。
- 關鍵字自然帶、別硬塞：若圖片和主題相關，可以自然帶到使用者會搜的詞，但別把關鍵字重複堆滿（也就是 keyword stuffing），那會傷害體驗。
- 裝飾用圖留空：純粹的分隔線、背景花紋這類不帶資訊的裝飾圖，依 W3C 建議可設成空字串 alt=””，讓報讀器自動略過、不打擾使用者。
W3C 還提供了一棵「alt 決策樹」，幫你判斷一張圖到底該怎麼寫：
- 純裝飾的圖 → 用空 alt（alt=””）。
- 帶資訊的圖，像照片、示意圖 → 用一句話描述重點。
- 當成連結或按鈕的圖 → 描述「它會帶你去哪、做什麼」，而不是描述長相。例如一個放大鏡圖示的搜尋按鈕，alt 寫「搜尋」會比寫「放大鏡」更有用。
舉個例子，同一張「黑貓曬太陽」的照片，放在寵物日記裡，alt 可以寫「黑貓窩在窗台曬太陽」；但如果這張圖是「點了會連到認養頁面」的按鈕，alt 就該寫「前往貓咪認養專區」。重點永遠是：這張圖在這個位置，要替使用者完成什麼。
關於替代文字的常見迷思
迷思一：每張圖都要塞滿描述，連裝飾圖也不能放過
不對。W3C 的 alt 決策樹明確指出，純裝飾、不帶資訊的圖片應該用空字串 alt=””。如果連分隔線、背景花紋都硬寫一長串，螢幕報讀器會把這些雜訊全念出來，反而干擾視障使用者。
迷思二：替代文字是拿來衝關鍵字排名的工具
這是最常見的誤會。替代文字的首要任務是無障礙，其次才是讓圖片出現在 Google 圖片搜尋。而且 Google 已經說明，alt 是「圖片搜尋」的排名因子，但在一般網頁搜尋裡，它的作用比較像普通的頁面文字，並不是一個被單獨加權的排名密技。硬把關鍵字塞滿 alt，Google 明講會造成負面體驗。
迷思三：alt 開頭要先寫「圖片：」或「照片：」
不用。螢幕報讀器遇到 img 時，本來就會先講「圖片」，你若再在 alt 裡寫一次「圖片」，使用者會聽到「圖片，圖片，黑貓曬太陽」，徒增累贅。直接描述內容就好。
迷思四：AI 已經看得懂圖，替代文字可以省了
不行。多模態 AI，例如 Gemini、GPT-4o，確實能「讀」出圖片裡的像素、認出畫面有什麼，但它讀不出「這張圖為什麼對你這篇文章重要」這一層人類意圖。更何況，替代文字是無障礙標準（WCAG）的基本要求，攸關視障使用者能不能順利使用你的網站，這一點不會因為 AI 變強就消失。
總結
如果只記一句話：替代文字（Alt Text）是一張圖片的「文字分身」，第一個任務是讓看不到圖的人也能懂，其次才是幫圖片被搜尋引擎和 AI 看懂。
新手可以記住三件事。
- 第一，帶資訊的圖用一句話直接描述重點，別用「圖片」開頭、別硬塞關鍵字，長度控制在大約 125 個字元內。
- 第二，純裝飾圖用空 alt（alt=””）讓報讀器略過。
- 第三，alt 不是衝排名的密技，而是無障礙的基本功，在 AI 搜尋裡還多了幫 AI 補語境的新價值。
