快速閱讀：Alt Text 是用來描述圖片內容的文字，目的是幫助無法看到圖片的人理解圖片所傳達的資訊，同時令搜尋引擎更好理解圖片內容。
SEO：Alt Text 是甚麼？
Alt Text，或者叫做替代文字，是 HTML <img> 標籤入面的 alt 屬性。當圖片無法正常顯示時，瀏覽器會顯示 Alt Text，幫助用戶了解圖片內容。
<img
src="example-image.webp"
alt="示例圖片"
>Alt Text 主要目的是為視障人士提供資訊，亦幫助搜尋引擎理解圖片主題。因此，撰寫 Alt Text 時，不要單純只是放關鍵詞，而要確保內容具意義。
SEO：為什麼 Alt Text 重要？
改善無障礙性
Alt Text 可以讓無法看到圖片的用戶，透過文字獲得相同資訊，這樣可以提升網站的可讀性及無障礙性。
協助搜尋引擎理解圖片
根據 Google 的指引，正確的 Alt Text 有助於搜尋引擎分析圖片內容，從而提升圖片在搜尋結果中的可見性。
圖片載入失敗時保留資訊
當圖片因為技術問題無法載入時，替代文字可以讓用戶知道原本應該顯示的內容，避免資訊損失。
SEO：Alt Text、Title、Caption 的分別
在 WordPress 媒體庫中，有多個欄位可以填寫，但每個欄位的用途不同。
| 欄位 | 主要用途 | 是否顯示 | 能否取代 Alt Text |
|---|---|---|---|
| Alt Text | 描述圖片內容 | 圖片無法顯示或使用輔助技術時顯示 | 不適用 |
| Image Title | 提供額外標題資訊 | 視乎瀏覽器設定而定 | 不能 |
| Caption | 補充說明圖片內容 | 通常顯示在圖片下方 | 不能完全取代 |
SEO：Alt Text 正確寫法
根據圖片用途撰寫
撰寫 Alt Text 時，應該根據圖片在該頁面中的用途進行描述。例如，辦公室圖片可以根據上下文改變描述。
保持簡潔
Alt Text 應該簡潔明瞭，傳達圖片的關鍵資訊，無需強求固定字數。
自然使用關鍵詞
可以自然地加入關鍵詞，但不要強行堆砌。
避免冗長開場
不需要每次都以「這是一張圖片」開頭，直接描述內容即可。
避免重複已存在的文字
如果圖片內容已在其他地方描述過，可以考慮使用空白 Alt。
根據實際內容處理每張圖片
每張圖片的 Alt Text 應根據其特點進行個別處理。
SEO：不同類型圖片的 Alt Text 寫法
資訊圖片
對於提供額外資訊的圖片，Alt Text 應簡潔明確地補充該資訊。
純裝飾圖片
純裝飾性圖片應使用空白 Alt，以便輔助技術可以略過。
功能圖片
功能性圖片的 Alt Text 應描述其功能或目的。
產品圖片
產品圖片的 Alt Text 應包括品牌、型號等特徵，但不應加入無法證明的宣傳詞。
操作截圖
操作截圖的 Alt Text 應描述界面及關鍵設定。
圖表及數據視覺化
簡單圖表可以概括主要趨勢，而複雜圖表應在附近提供完整數據。
SEO：常見錯誤
錯誤一：堆砌 SEO 關鍵詞
過度堆砌關鍵詞會影響可讀性，應避免。
錯誤二：每張圖片使用同一個 Alt Text
每張圖片應有獨特的描述。
錯誤三：把 Filename 當成 Alt Text
檔名不應該取代 Alt Text。
錯誤四：所有圖片都填上文字
純裝飾圖片應使用空白 Alt。
錯誤五：所有圖片都留空
重要圖片應有適當的 Alt Text。
錯誤六：描述看不到的資訊
避免加入無法從圖片判斷的宣傳內容。
錯誤七：與 Caption 重複
應根據需求調整 Alt Text。
錯誤八：用 Image Title 取代 Alt Text
兩者屬性不同，不能互換。
錯誤九：用 SEO Plugin 分數代替人工判斷
應進行人工審查，確保內容準確。
SEO：如何設定 WordPress 的 Alt Text
透過媒體庫設定
- 登入 WordPress 後台。
- 前往「媒體」及「媒體庫」。
- 選擇需要設定的圖片。
- 在「替代文字」欄位輸入描述。
- 檢查前台 HTML 是否正確。
SEO：總結與下一步
撰寫 Alt Text 時，最重要是準確理解圖片用途，然後用簡潔文字補充無法透過視覺獲得的資訊。從 SEO 角度看，當描述符合圖片及頁面需要時，無障礙性同時可以改善。
SEO：想優化網站圖片的 Alt Text？
聯絡 TrafficHolic，了解如何提升網站的圖片可讀性與 SEO 效果，讓你的網站更具競爭力！
