圖片 Alt 屬性 SEO 指南：從 Google 理解機制到三類圖片的正確寫法

圖片 alt 屬性是 HTML <img> 標籤的語意錨點，直接決定 Google Googlebot 能否把圖片內容對應到頁面主題。本文從 Google 的影像理解機制出發，說明三種圖片功能角色的不同寫法邏輯，並提供批量稽查既有網站圖片 alt 缺漏的可執行流程。這是工程師視角的 alt 屬性操作筆記，不是一般「記得填 alt」的提醒文。

alt 屬性是什麼？HTML img 標籤中的語意錨點

alt 屬性（alternative text，替代文字）是 HTML <img> 標籤的一個字串屬性，用來描述圖片的語意內容。它的原始設計目的是在圖片無法載入時顯示替代文字，後來被搜尋引擎和螢幕閱讀器廣泛用來解讀圖片的語意信號。

語法結構如下：

<img src="seo-keyword-research-process.png" alt="關鍵字研究三階段流程圖：選題、篩選、布局">

alt 屬性的三個主要用途：

1. 圖片載入失敗替代：圖片連結失效或網路不穩時，瀏覽器顯示 alt 文字
2. 螢幕閱讀器語音輸出：視障使用者透過朗讀器接收圖片語意
3. 搜尋引擎語意信號：Google Googlebot 以 alt 作為圖片語意的最直接文字線索

對 SEO 而言，第三個用途是重點。Google 在 Google Search Central 的圖片 SEO 文件中明確指出，描述性的 alt 文字是讓 Googlebot 理解圖片的最有效方式。這個文字信號直接影響圖片搜尋排名，也間接強化頁面主題相關性。

alt 屬性對 SEO 的實際作用：Google 怎麼讀懂你的圖片

Google 理解圖片依靠三重訊號疊加：alt 屬性文字、圖片周圍的正文內容、以及圖片檔案名稱。其中 alt 是最直接的文字錨點，優先級最高。

Google 在影像辨識技術上雖已相當成熟，但 Google Search Central 官方文件的立場始終是：alt text 仍是最直接且最可靠的圖片語意來源，不應期待影像辨識完全替代 alt 文字。

三重訊號的優先順序如下：

1. alt 屬性（最高優先）：Google 的爬蟲第一個讀取這個欄位作為圖片語意依據
2. 周圍正文（脈絡強化）：緊接圖片前後的段落文字用來校正 alt 的脈絡
3. 檔案名稱（備用依據）：當 alt 缺失時，Google 用 filename 推測圖片主題，準確度低

從這個模型可以推導出一個操作結論：alt 缺失不只是讓 Google「看不懂一張圖」，而是讓 Google 對這個位置的語意理解退化為低信心的 filename 猜測。對於承載重要概念的圖片（例如比較表、流程圖、資料視覺化），這個語意空缺等於放棄了一個可強化頁面主題的信號機會。

alt 對 SEO 的具體效益：

• 圖片搜尋版位曝光（Google Images 以 alt 為主要分類依據）
• 頁面主題相關性強化（alt 中自然出現的實體名稱補充頁面語意密度）
• 圖片連結錨文字替代（圖片作為超連結時，alt 等同連結的 anchor text）

怎麼寫 alt 文字？依圖片功能分三類的寫法框架

alt 的最佳寫法取決於圖片的功能角色，不是圖片本身的視覺描述。把所有圖片都用同一套規則寫 alt，是大多數文章沒有解決的根本問題。

三類圖片功能角色的寫法規則如下：

裝飾型圖片的 alt="" 空字串寫法來自 W3C WCAG 2.1 無障礙規範。空字串告訴螢幕閱讀器「這張圖片沒有語意內容，跳過」，這是正確做法。省略 alt 屬性（沒有 alt=""）則讓螢幕閱讀器讀出 filename，對使用者造成干擾。對搜尋引擎而言，空 alt 的裝飾圖也不會被當成語意信號，這是期待的行為。

和 On-Page SEO 的整體框架一樣，alt 的優化思路也是「每個元素對應其功能角色」，而不是對所有標籤套用同一套規則。

alt text 字數和格式：繁體中文的具體建議

繁體中文 alt 建議在 10-50 個中文字（約 30-150 位元組）之間，核心原則是用一句話說完圖片傳達的語意，不多不少。

字數建議的來源有兩個邏輯：

• 螢幕閱讀器限制：多數螢幕閱讀器在讀到約 125 個英文字（約 50-60 個中文字）後會截斷，超出部分使用者聽不到
• Google 的實際使用：Google 在圖片搜尋結果顯示 alt 時，通常只用前 50-70 個字元作為圖片說明

格式規則：

• 不要以「圖片」「照片」「這是」開頭（螢幕閱讀器已告知使用者這是圖片）
• 不要重複圖片緊鄰的標題文字（避免語意重複）
• 關鍵字可自然出現，但不要因為 SEO 目的堆疊多個關鍵字
• 檔案名稱不是 alt：image001.png 當 alt 毫無語意價值

範例對照：

• 差：alt="圖片"
• 差：alt="關鍵字研究 關鍵字 seo 關鍵字工具 關鍵字分析"（堆疊）
• 可：alt="關鍵字研究流程圖"
• 好：alt="關鍵字研究四階段流程：選題、搜尋量確認、競爭度評估、意圖對應"

alt 和 title 屬性哪個對 SEO 更重要？

alt 是語意信號；title 是使用者介面提示。兩者在 SEO 中的權重差距很大，alt 是主要信號，title 幾乎可以忽略。

Google 的 John Mueller 在多次問答中確認：title 屬性的 SEO 信號權重遠低於 alt，對排名的實際影響接近零。花時間在所有圖片補 title 屬性的 SEO 回報率極低。應優先確保 alt 寫對，再考慮 title 的無障礙輔助用途。

和 H 標籤的語意層級設計一樣，每個 HTML 屬性在 Google 的信號體系中有不同的權重，了解差異才能正確分配優化優先級。

圖片連結的 alt 要怎麼寫？錨文字機制解析

當圖片本身是超連結（<a href="..."><img alt="..."></a>）時，Google 把 alt 文字當作這個連結的錨文字（anchor text）來理解連結目標頁的主題。

這是一個關鍵的語意機制：

• 圖片連結的 alt 空白 = 無文字錨連結（no-text anchor）：Google 無法從這個連結推斷目標頁主題
• 圖片連結的 alt 描述圖片外觀（「藍色按鈕」）= 錨文字資訊量極低
• 圖片連結的 alt 描述連結目的（「關鍵字研究完整指南」）= 等同有效錨文字

操作規則：圖片連結的 alt 應描述「點擊這張圖片後會到哪個頁面、獲得什麼內容」，而不是「圖片長什麼樣子」。

<!-- 差：描述圖片外觀 -->
<a href="/insights/keyword-research-guide">
  <img src="banner.png" alt="橘色背景的SEO研究室橫幅">
</a>

<!-- 好：描述連結目的 -->
<a href="/insights/keyword-research-guide">
  <img src="banner.png" alt="關鍵字研究完整教學：從選題到布局的系統化流程">
</a>

這個機制在網站內部連結中尤其重要。如果你的文章中有圖片連結指向其他文章，這個 alt 等於一個內部錨文字連結，直接影響 Google 對目標頁的主題理解。

三種 alt 寫法錯誤：為什麼它們會讓 SEO 倒退

alt 常見錯誤不只是「沒有 alt」，有些錯誤寫法比空白 alt 的損失更大，因為它們給 Google 傳遞了錯誤的語意信號。

三種主要 alt 錯誤的機制分析：

錯誤一：空白或缺失 alt

當 alt 空白（非空字串，而是根本沒填有意義的內容）或 alt 屬性完全缺失，Google 退化為讀取 filename。IMG_001.jpg 或 content-image-3.png 這樣的 filename 對語意理解毫無幫助，這個圖片位置等於一個語意黑洞。對於包含重要概念的資訊型圖片，這個語意損失會間接影響頁面整體主題評分。

錯誤二：關鍵字堆疊 alt

把多個目標關鍵字塞入一個 alt（例如：alt="seo 教學 seo 優化 seo 工具 關鍵字研究"）不只無效，可能反向損害語意信號品質。Google 的 NLP 系統在分析 alt 文字時，異常的關鍵字密度會降低這個文字段落的可信度評分，類似正文中關鍵字堆疊的負面效果。這個動作相當於主動降低自己圖片的語意品質。

錯誤三：全站同一 alt 重複

很多 CMS 模板或外掛在批量生成圖片時，會給所有圖片套用同一個 alt 模板（例如：alt="網站圖片" 或 alt="{post_title}"）。重複的 alt 文字被 Google 視為重複內容信號的一部分，在大量圖片的網站上，這個問題會累積成可被偵測的模式，降低圖片的可索引性。

如何稽查網站現有圖片的 alt 缺漏？3 步驟批量找問題

對於已有幾十篇文章的網站，逐篇手動檢查 alt 不是可執行的方法。以下 3 步驟涵蓋從單頁快速偵測、全站批量掃描到系統修復的完整流程，可直接套用。

和 On-Page SEO 整體稽查流程一樣，圖片 alt 稽查也應作為定期 on-page 健診的一部分，而不是一次性任務。

1. 步驟一：Chrome DevTools 快速偵測頁面層級缺漏

   打開要稽查的頁面，按 F12 開啟 DevTools，在 Console 貼入以下指令：

   document.querySelectorAll('img:not([alt]), img[alt=""]').forEach(img => console.log(img.src));

   這個指令會列出所有沒有 alt 屬性或 alt 為空字串的圖片 URL。注意：裝飾型圖片的 alt="" 是正確的，需要人工判斷哪些應該填寫。

2. 步驟二：Screaming Frog 批量掃描全站

   Screaming Frog 的免費版可爬取 500 個 URL，付費版無限制。設定爬取後，查看「Images」分頁，篩選「Missing Alt Text」和「Alt Text Over 100 Characters」兩個條件，匯出 CSV。這個清單就是需要修復的優先清單，按頁面的流量或排名重要性排序修復。

3. 步驟三：系統修復與 CMS 批量處理

   如果使用 WordPress，可透過 WP Media Library 批量補寫 alt text。對於數量龐大的電商或媒體網站，應建立 alt 命名規則文件，確保之後上傳的圖片能立即補寫符合規則的 alt，而非事後補救。

   修復後，用 Google Search Console 的「網址審查」工具觸發重新爬取，或透過 IndexNow API 通知 Bing/Google 更新。與 Google Search Console 的資料驗證流程整合，可追蹤修復後的圖片搜尋曝光變化。

AI 搜尋時代的 alt 寫法：Google AI Overview 和 LLM 引用機制

2026 年的搜尋生態中，alt text 不只影響傳統圖片搜尋排名，也直接影響 AI Overview 和大型語言模型在回答問題時是否引用你的頁面圖片。

Google AI Overview 在生成視覺引用時，用 alt text 作為圖片的語意標籤。ChatGPT、Perplexity、Claude 在爬取網頁內容用於回答問題時，也讀取 alt text 作為圖片脈絡資訊。這意味著：

• 圖片的 alt text 寫得精準，AI 系統更容易把你的圖片關聯到特定查詢
• 圖表、比較矩陣、流程圖如果有精確的 alt 描述，被 AI 系統引用為「可視化佐證」的機率提高
• 和正文中的 語意關鍵字佈局結合，alt text 是頁面整體語意信號密度的一部分

實作建議：對於包含數據、比較、或原創框架的圖表，alt 應描述圖表的核心結論或框架名稱，而不只是圖表的外觀。例如：

• 差：alt="比較圖表"
• 好：alt="三種搜尋意圖類型（資訊型/商業型/交易型）的 SERP 版型對應矩陣"

這樣的 alt 同時對傳統 Google 圖片搜尋有效，也對 AI 系統的頁面語意解析有貢獻。

alt 屬性實作 FAQ：5 個常見問題

以下整理 5 個實際操作中最常出現的 alt 屬性疑問，涵蓋 Logo、裝飾圖、連結圖等特殊情境，每題附上可直接執行的規則。

Q1：圖片 alt 一定要包含關鍵字嗎？

不一定。資訊型圖片的 alt 如果能自然包含頁面主題關鍵字最好，但不應為了包含關鍵字而扭曲描述。裝飾型圖片的 alt="" 永遠正確，不需要強行放關鍵字。

Q2：Logo 圖片的 alt 怎麼寫？

如果 logo 沒有連結，alt 寫公司名稱或品牌名稱即可（例如 alt="EZBlog 內容優化研究室"）。如果 logo 有連結指向首頁，alt 應描述連結目的（例如 alt="EZBlog 首頁"）。

Q3：社群分享圖（OG image）需要設 alt 嗎？

OG image 是 <meta> 標籤的 URL 值，不是 <img> 標籤，因此沒有 alt 屬性的概念。不需要為 OG image 設 alt。

Q4：使用 CSS background-image 的圖片需要 alt 嗎？

CSS background-image 沒有 alt 屬性，也不會被 Google 當成語意信號。如果這個圖片有語意內容（例如用 CSS 顯示的資訊圖），應該改用 <img> 標籤並加上 alt，否則 Google 和螢幕閱讀器都無法讀取。

Q5：WordPress 的「說明文字（Caption）」和 alt 有什麼差別？

WordPress 的 Caption 是顯示在圖片下方的可見說明文字，通常輸出為 <figcaption>。Alt 則在 <img> 標籤中，不顯示在頁面上。兩者都有 SEO 價值，但機制不同。Caption 是正文內容的一部分，alt 是圖片的語意標籤，兩者不應寫成完全相同的文字（避免重複信號）。