SEO 新手必懂：圖片 Alt 描述完整指南（Alt Text 怎麼寫＋範例）

SEO 新手必懂：圖片 Alt 描述完整指南（Alt Text 寫法與最佳實務）

在做 SEO 時，很多人會把重點放在標題、內容、內外連結，卻忽略了「圖片」其實也能帶來排名與流量。
而圖片 SEO 裡最常被低估、卻最容易做對的基本功，就是：圖片 Alt 描述（Alt Text／替代文字）。
Alt 寫得好，可以幫助搜尋引擎理解圖片內容、提高圖片搜尋曝光，還能改善網站無障礙（Accessibility）與使用者體驗。
這篇會用「新手也能照做」的方式，整理 Alt 是什麼、為什麼重要、怎麼寫、怎麼避免踩雷、以及如何在 HTML / CMS 實作。

1. 什麼是圖片 Alt 描述？

Alt 描述（Alt Text／替代文字）是加在圖片 <img> 標籤中的一段文字，用來描述圖片內容。
它通常不會直接顯示在畫面上，但在以下情境會被讀到或顯示：

• 圖片載入失敗時，瀏覽器可能顯示替代文字

• 螢幕閱讀器會朗讀 alt，讓視障使用者理解圖片內容

• 搜尋引擎可透過 alt 更精準理解圖片主題（尤其是圖片搜尋）

最常見的寫法如下：

2. Alt 描述有哪些功能？

Alt 的價值不只「給 Google 看」，它同時服務三件事：

功能一：圖片無法顯示時的替代資訊

網路不穩、圖片連結失效、或使用者關閉圖片載入時，alt 讓內容不會整片空白。

功能二：無障礙（Accessibility）必備

對視障或弱視使用者來說，alt 就是他們理解圖片的唯一線索。寫得精準，等於你的內容能被更多人完整接收。

功能三：SEO 的內容線索

搜尋引擎無法像人一樣「看懂」圖片細節（即使有影像辨識也不保證準確），alt 仍是最直接的文字提示。

3. 為什麼 Alt 對 SEO 很重要？

Alt 對 SEO 的幫助主要落在三個面向：

(1) 幫助搜尋引擎理解圖片與頁面主題

如果你的文章在講「蜂巢皮秒雷射」，配圖又是療程示意或術前術後對比，alt 寫得清楚，就能強化「圖片與內容相關」的訊號。

(2) 增加 Google 圖片搜尋曝光機會

很多產業（醫美、餐飲、旅遊、電商）都有「圖片搜尋」流量。alt 寫得好，圖片更容易在圖片搜尋中被抓到與分類。

(3) 圖片作為連結時，alt 可能等同錨文字

若圖片本身是可點擊的連結，alt 的描述會成為搜尋引擎理解該連結目標頁的提示之一。

4. Alt Text 怎麼寫才好？6 個寫法原則（附範例）

你可以把 alt 當成：「我要對看不到圖片的人，用一句話講清楚這張圖在表達什麼」。

原則 1：描述圖片「內容」與「重點」，不要只寫泛稱

✅ 好：醫師操作蜂巢皮秒雷射於臉部療程
❌ 差：醫美圖片、療程照片、image1

原則 2：精簡但具體，一句話就夠

✅ 好：Zara 黑色飛行外套正面穿搭示意
❌ 差：這是一張圖片顯示...（超長一段）
實務上建議：能在 1 句內講完就講完；真的需要細節再加，但別像寫文章段落。

原則 3：可自然包含關鍵字，但不要堆疊

✅ 好：圖片 Alt 範例：替代文字寫法示意圖
❌ 差：圖片alt, alt, alt text, 替代文字, 圖片SEO, SEO圖片...

原則 4：不要寫「這是一張圖片／照片」

螢幕閱讀器和 HTML 結構本來就知道它是圖片，不用多此一舉。
✅ 好：草莓起司蛋糕，上方有鮮奶油
❌ 差：一張草莓起司蛋糕的照片

原則 5：避免重複頁面上已經寫明的文字

如果圖片旁邊已經有圖說寫「Steve Jobs 發表 iPhone 4」，alt 不必再完整複製同句。
✅ 好：Steve Jobs 手持 iPhone 4（補充動作細節）
❌ 差：Steve Jobs 發表 iPhone 4（完全重複圖說）

原則 6：電商／產品圖要寫「可辨識資訊」

電商 alt 建議包含：品牌＋品名／型號＋關鍵規格（必要時）
✅ 好：Sony WH-1000XM5 無線降噪耳機 黑色
❌ 差：耳機、Sony耳機（太籠統）

5. 常見錯誤：這些 Alt 寫法要避免

1. 沒寫 alt 或直接省略 alt 屬性
   省略可能導致螢幕閱讀器讀出檔名（例如 IMG_9283.webp），對使用者很困擾。
2. 寫無意義內容
   alt="image"、alt="123"、alt="圖片1"
3. 關鍵字堆疊太多
   看起來像在作弊，也會讓無障礙體驗變差。
4. 所有圖片都寫一樣
   例如每張都寫 公司形象照，等於白做。
5. 裝飾圖也硬寫一段
   裝飾圖片其實可以忽略不寫，寫功能性圖片即可。
   如果裝飾性圖片也寫一堆ALT描述，會讓螢幕閱讀器使用者聽到一堆無關資訊（反而扣分）。

6. 什麼圖片可以留空 alt=""？裝飾圖判斷法

如果圖片「不承載資訊」，只是排版或裝飾用途（例如：分隔線、純背景紋理、裝飾 icon），建議使用：

你可以用這個判斷題：

把圖片拿掉，讀者會不會少理解一個資訊點？

• 會 → alt 要寫，讓資訊有完整補充
• 不會（只是更漂亮的裝飾性圖片）→ alt="" 讓輔助工具略過，避免造成螢幕閱讀器使用者困擾

7. 實際操作：HTML / WordPress / 常見 CMS 怎麼設定

(1) HTML 直接設定

(2) WordPress 等自由度高的 CMS 系統

上傳圖片後，在媒體庫或文章編輯器側欄通常都有「替代文字（Alt Text）」欄位。
習慣：每次上傳圖就順手補 alt，最省時間成本。

(3) 其他 CMS（Shopify、Wix、Squarespace 等）

大多在「圖片設定／Image settings」中可填寫替代文字。流程不同，但概念一樣：讓每張「有意義的圖」都有可讀的文字描述。

8. 圖片 SEO 中 Alt 的角色：搭配檔名、圖說、結構化資料

Alt 是基本功，但要讓圖片 SEO 更完整，建議一起做到：

• 檔名可讀：alt-text-guide.webp 比 IMG_0023.webp 好
• 圖片周邊文字一致：段落提到的重點與圖片內容要對得上
• 必要時加圖說（caption）：尤其教學圖、數據圖更適合
• 大型圖片網站可做 image sitemap（進階）

9. Alt 檢查清單：5 分鐘自我健檢

你可以直接拿去當交付 checklist：

• 重要頁面（首頁、服務頁、熱門文章）圖片都有 alt
• alt 描述具體、可單獨理解，不是「圖片1」
• 沒有關鍵字堆疊
• 裝飾圖使用 alt=""（不干擾無障礙）
• 電商產品圖 alt 含品牌／品名／型號（可辨識）
• 檔名不是亂碼（能的話同步優化）

10. FAQ：新手最常問的 Alt 問題

Q1：alt 需要每張都寫嗎？

不一定。有資訊價值的圖要寫；純裝飾圖用 alt=""。

Q2：alt 要不要放關鍵字？

可以，但要自然、貼合圖片內容。把它當「描述」，而不是「塞關鍵字」。

Q3：一張圖片 alt 最長可以多長？

沒有硬性標準，但建議一句話能講完就講完；複雜圖（流程圖、統計圖）可以稍微長一點，但不要變成小作文。

結語

圖片不會自己說明它是什麼，但 Alt Text 可以替圖片「發聲」。
對 SEO 新手來說，alt 是低成本、高回報、又能同步提升無障礙體驗的優化項目。
你只要掌握「精簡、具體、描述重點、不堆疊」四個核心，就已經超過多數網站。