alt 文字怎麼寫？圖片 SEO 與無障礙的實務指南
alt（替代文字）是 <img> 標籤中最常被忽略、卻最有價值的屬性。它同時服務三個對象：搜尋引擎、螢幕閱讀器使用者，以及圖片載入失敗時的一般訪客。
基本寫法
<img src="cat.webp" alt="橘貓趴在窗台上曬太陽">判斷原則很簡單：如果這張圖不見了，你會怎麼用一句話跟別人描述它？那句話就是 alt。
好與不好的對照
| 不好的寫法 | 好的寫法 | 原因 |
|---|---|---|
alt="圖片" | alt="台北101 夜景" | 要描述內容，不是說它是圖片 |
alt="IMG_1234" | alt="手沖咖啡的濾杯特寫" | 檔名沒有意義 |
alt="免費圖床,圖片上傳,圖床推薦" | alt="UPLOADS 上傳頁面截圖" | 塞關鍵字會被視為操縱 |
alt="照片" | alt="紅色運動鞋側面" | 要具體 |
| 完全沒寫 alt | alt=""（純裝飾時） | 沒寫等於資訊遺失 |
什麼時候該寫 alt=""
純裝飾用途的圖片應該寫空的 alt（不是不寫）：
<img src="divider.svg" alt="">這告訴螢幕閱讀器「這張圖沒有資訊價值，請略過」。如果完全不寫 alt，螢幕閱讀器可能會念出檔名，反而干擾使用者。
不同情境的寫法
作為連結的圖片
alt 要描述連結的目的地，而不是圖片本身：
<a href="/"><img src="logo.svg" alt="回到首頁"></a>圖表與數據圖
簡短說明重點結論，詳細數據放在圖片旁的說明文字或表格中：
<img src="chart.webp" alt="2020 至 2026 年行動裝置流量占比逐年上升">含文字的圖片
把圖片中的文字寫進 alt。更好的做法是盡量不要把重要文字做成圖片——那樣既無法選取複製，也不利於搜尋。
長度該多長
建議在 125 個字元以內。太長的描述在螢幕閱讀器上會很冗長。若圖片內容複雜到一句話說不完，應該在內文中另外詳細說明。
對 SEO 的實際影響
- 圖片搜尋 — alt 是 Google 判斷圖片主題的主要依據，寫得好才有機會出現在圖片搜尋結果
- 內容理解 — 幫助搜尋引擎理解整個頁面的主題
- 無障礙評分 — 頁面體驗的一部分
但要提醒：不要把 alt 當成關鍵字欄位。塞滿關鍵字不但沒有幫助，還可能被判定為操縱排名。
檔名也很重要
順帶一提，圖片的檔名同樣是搜尋引擎的線索：
- ❌
IMG_20260814_123456.jpg - ✅
taipei-101-night-view.webp
用有意義的英文小寫檔名，單字之間用連字號分隔。
完整範例
<img src="pour-over-coffee.webp"
alt="手沖咖啡時熱水以繞圈方式注入濾杯"
width="1200" height="800"
loading="lazy" decoding="async">