文章目錄
圖片替代文字，是指說加在 HTML 圖片標籤中的文字描述，用來說明圖片在頁面中的意義。它通常不會直接顯示在畫面上，但圖片載入失敗、螢幕閱讀器讀取頁面，或搜尋引擎理解圖片內容時，都可能用到這段資訊。
在網站內容優化中，很多人會把重點放在文章標題、Meta Description、關鍵字布局、內部連結與頁面速度，卻容易忽略圖片本身也會影響搜尋引擎對網頁內容的理解。
尤其是文章封面圖、產品圖片、服務流程圖、教學截圖、資訊圖表等，如果沒有設定適合的 Img Alt Text 圖片替代文字，搜尋引擎就比較難準確判斷圖片內容，使用者在圖片無法載入時也可能失去重要資訊。
簡單來說，Alt 不只是圖片說明，而是圖片 SEO、網站無障礙體驗與內容語意優化的重要基礎。好的圖片替代文字，應該讓「看不到圖片的人」也能理解圖片想傳達的重點，同時協助搜尋引擎判斷圖片與頁面主題的關係。
Img Alt Text 圖片替代文字是什麼？
Img Alt Text 圖片替代文字，又稱為圖片替代文字或 Alt，是 HTML <img> 圖片標籤中用來描述圖片內容的文字。
如果只把 Alt 當成「塞關鍵字的小欄位」，很容易寫出對使用者沒有幫助、也不符合 SEO 原則的內容。比較好的做法是，先判斷圖片在這一頁扮演什麼角色，再決定要寫描述、寫功能。
例如：
<img src=”seo-checklist.jpg” alt=”圖片 SEO 檢查清單範例”>
在這段 HTML 中，alt=”圖片 SEO 檢查清單範例” 就是圖片替代文字。
Img Alt Text 主要有三個功能：
第一，當圖片因為網路速度、檔案路徑錯誤或圖片失效而無法正常顯示時，瀏覽器可以使用替代文字補充圖片資訊。
第二，對使用螢幕閱讀器的使用者來說，可以協助他們理解圖片內容，避免重要資訊只存在於圖片中。
第三，對搜尋引擎來說，可以作為理解圖片內容與頁面主題的輔助訊號。
不過，Img Alt Text 不是用來堆疊關鍵字的欄位。好的圖片替代文字應該先描述圖片在這一頁的意義，再自然結合頁面主題。
Img Alt Text 為什麼會影響 SEO？
Img Alt Text 對 SEO 的幫助，不是讓頁面只靠一個欄位就排名提升，而是幫助搜尋引擎更完整理解圖片內容、圖片周邊文字與頁面主題之間的關係。
Google 在圖片 SEO 建議中提到，圖片的主題可以從頁面內容、圖片標題、圖說、檔名與 Alt 等訊號中理解。因此，圖片不只要有替代文字，也應放在與圖片內容相關的段落附近，讓上下文更清楚。
舉例來說，如果一篇文章正在說明「如何設定圖片替代文字」，旁邊放了一張 WordPress 後台截圖，此時圖片 Alt 可以寫成：「WordPress 媒體庫中的圖片替代文字設定欄位」。
這樣的描述比「截圖」或「SEO 圖片」更清楚，也更能讓搜尋引擎與使用者理解圖片用途。
Alt 也與無障礙體驗有關。若圖片是流程圖、教學截圖、產品圖或資訊圖表，卻沒有替代文字，使用螢幕閱讀器的使用者可能無法獲得完整資訊。相反地，若圖片只是分隔線、背景裝飾或不影響理解的視覺點綴，就不需要硬寫關鍵字。
Img Alt Text 怎麼寫？先判斷圖片用途
在撰寫Img Alt Text 之前，第一步不是先想關鍵字，而是先判斷圖片在頁面中扮演什麼角色。
| 圖片類型 | 寫法重點 | 範例 |
| 產品圖片 | 寫出產品名稱、款式、顏色、規格或角度 | 白色防水藍牙喇叭正面產品圖 |
| 教學截圖 | 描述畫面正在示範的操作 | WordPress 媒體庫中的替代文字輸入欄位 |
| 文章示意圖 | 說明圖片如何輔助文章主題 | Img Alt Text 圖片替代文字設定範例 |
| 圖表或流程圖 | Alt 寫摘要，完整解讀放在內文 | 圖片 SEO 優化流程圖，包含檔名、Alt 與圖片壓縮檢查 |
| 功能型圖片 | 描述按鈕或連結的功能 | 搜尋文章 |
| 純裝飾圖片 | 使用空 Alt，避免干擾輔助科技 | alt=”” |
這裡最重要的觀念是：Alt 應該描述圖片「對這一頁的意義」，而不是只描述畫面表面。
例如同樣是一張 Google 搜尋結果頁截圖，如果放在圖片 SEO 文章中，可以寫：「Google 圖片搜尋結果中的圖片曝光範例」，但如果放在關鍵字研究文章中，則可以寫：「Google 搜尋結果頁中的關鍵字搜尋意圖分析範例」。
同一張圖片在不同上下文中，Alt 可能會不一樣。
圖片替代文字應具備的原則與常見錯誤
原則一：精準描述圖片內容
Img Alt Text 最基本的功能，就是讓看不到圖片的人也能理解圖片重點。
例如：
| 描述不清楚的範例 | 精準描述圖片範例 |
| 示意圖 | 圖片 SEO 優化流程與 Alt 設定示意圖 |
| 產品照 | 白色運動鞋側面產品圖 |
| 流程圖 | 網站後台設定圖片替代文字的欄位畫面 |
好的 Alt 應該具體到足以取代圖片中的必要資訊。
原則二：自然包含關鍵字
Img Alt Text 可以放入 SEO 關鍵字，但前提是圖片內容真的與關鍵字相關。
例如圖片是在說明 Alt 設定流程，可以寫：「Img Alt Text 圖片替代文字設定流程示意圖」。
原則三：簡潔但具體
Img Alt Text 不需要寫成一大段文章。多數情況下，一句清楚的短句就足夠。
過短的寫法容易沒有資訊，過長的寫法容易造成閱讀負擔：
原則四：避免重複與無意義描述
同一頁如果有多張圖片，不應該全部使用同一組 Alt Text。
應該依照圖片內容分別撰寫，這樣搜尋引擎與使用者才有辦法理解每張圖片的差異。
7. 台灣網站常見的 Alt 實作情境
電商網站
電商網站不建議只寫「商品圖」。比較好的寫法是加入品名、款式、顏色、尺寸、材質或圖片角度。
例如：
- 黑色真皮短夾正面產品圖
- 白色防水藍牙喇叭側面圖
- 女款防水機能外套戶外穿搭示意圖
這類寫法能幫助搜尋引擎理解產品差異，也讓圖片搜尋更有機會對應到使用者需求。
B2B 服務網站
B2B 網站常見圖片包括服務流程圖、設備照片、顧問簡報截圖、後台操作畫面等。
不建議只寫：服務流程，比較好的寫法是：B2B 網站 SEO 顧問服務流程圖，包含網站健診、關鍵字規劃與內容優化。
這樣能讓圖片與服務內容建立更清楚的關聯。
部落格與知識文章
部落格圖片常用來輔助教學、整理重點或說明概念。Alt 可以幫助文章主題更完整，但不應每張圖都重複主關鍵字。
例如一篇 SEO 文章的圖片，可以分別使用：
- 圖片 SEO 優化流程圖
- Alt 錯誤寫法與正確寫法比較表
- WordPress 圖片替代文字設定欄位截圖
這樣比每張都寫「Img Alt Text 圖片替代文字」更自然。
上稿前的 Alt 檢查清單
在文章或網站頁面上稿前，可以用以下清單快速檢查圖片是否完成基本優化。
| 檢查項目 | 判斷重點 |
| 每個 <img> 是否都有 alt 屬性？ | 資訊型圖片應有描述，裝飾圖可使用 alt=”” |
| 有資訊價值的圖片是否描述清楚？ | 讀者看不到圖片時，仍能理解圖片重點 |
| Alt 是否符合圖片所在段落？ | 圖片與上下文要一致 |
| 是否避免關鍵字堆疊？ | 不要把 Alt 當成關鍵字清單 |
| 是否避免所有圖片重複同一段？ | 每張圖片應有不同任務 |
| 產品圖是否包含必要辨識資訊？ | 品名、款式、顏色、規格、角度 |
| 複雜圖表是否有內文補充？ | Alt 寫摘要，詳細資訊放在圖片附近 |
| 圖片檔名、圖說與頁面主題是否一致？ | 三者可呼應，但不要完全複製 |
Img Alt Text 圖片替代文字常見問題
Q1：Img Alt Text 圖片替代文字一定要設定嗎？
有資訊價值的圖片建議設定 Alt Text，例如產品圖、教學截圖、流程圖、資訊圖表與文章重點圖片。
Q2：Alt 會直接影響 SEO 排名嗎？
Alt 不是保證排名提升的單一因素，但它能協助搜尋引擎理解圖片內容與頁面主題，對圖片 SEO、圖片搜尋曝光與網站無障礙都有幫助。
Q3：Alt 可以放 SEO 關鍵字嗎？
可以，但只適合在圖片內容與關鍵字相關時自然加入。若圖片與關鍵字無關，不建議硬塞，否則會影響閱讀體驗與內容品質。
Q4：Alt 要寫多長比較好？
建議簡潔、具體，以一句話描述圖片重點即可。若圖片是複雜圖表，Alt 可以先寫摘要，再把完整說明放在圖片附近的內文中。
Q5：圖片 Alt 和圖片檔名有什麼不同？
圖片檔名是圖片檔案本身的名稱，例如 img-alt-text-example.jpg；Alt 則是 HTML 中的圖片替代說明，用來描述圖片在頁面中的意義。
Q6：每一張圖片都要放主關鍵字嗎？
不需要。每張圖片都硬放同一組主關鍵字，容易變成重複與堆疊。比較好的做法是依照圖片內容、圖片用途與所在段落自然撰寫。
好的 Alt Text，是讓圖片成為內容的一部分
Img Alt Text 圖片替代文字的重點，不是寫給搜尋引擎看的暗號，而是替圖片提供有意義的文字版本。
好的 Alt 應該同時做到三件事：
- 讓圖片、檔名、圖說與周邊段落形成一致語意
- 讓看不到圖片的使用者也能理解圖片重點
- 幫助搜尋引擎判斷圖片與頁面主題的關係
在本文中，我們探討了圖片替代文字(Img Alt Text)的重要性，以及對SEO的幫助。適當的Img Alt Text 不僅可以提高網頁在搜尋結果中的曝光度，也可以幫助視障者，以及圖片無法顯示時的瀏覽體驗。
只要遵循撰寫高品質Img Alt Text 的原則，並避免常見錯誤用法，就能有效優化網頁，提升網站的整體SEO 效果。
延伸閱讀
設為 Google 偏好來源
