在 2026 年的搜尋環境中，Google 不再只是讀取文字，它正在學習「看懂」圖片。從 Google Lens 的視覺搜尋到 AI Overview 的多模態理解，圖片已經成為搜尋引擎判斷網頁品質的重要依據之一。然而，即便影像辨識技術不斷進步，搜尋引擎仍然需要一段精確的文字描述來確認圖片的內容與語境——這就是 Img Alt 替代文字存在的核心價值。
許多網站經營者在上傳圖片時，習慣性地跳過 Alt 欄位，或者隨意填入「圖片1」、「photo」之類毫無意義的文字。這個看似微小的疏忽，實際上正在讓你的網站錯失大量的圖片搜尋流量，同時也降低了 AI 搜尋引擎引用你內容的機會。這篇文章將從基礎語法到進階策略，帶你全面掌握 Img Alt 的正確寫法，讓每一張圖片都成為你網站的 SEO 資產。
Img Alt 替代文字的定義與運作原理
Img Alt 是 HTML 圖片標籤中的一項屬性，用來以文字描述圖片內容。當圖片無法正常載入時，Alt 文字會替代圖片顯示；同時，它也是搜尋引擎和螢幕閱讀器理解圖片內容的主要依據。
Alt 屬性在 HTML 中的角色
在 HTML 的 <img> 標籤中，alt 是一個必要屬性（required attribute）。根據 W3C 的 HTML 規範，每一個 <img> 元素都應該包含 alt 屬性，其基本語法如下：
<img src="image-url.jpg" alt="描述這張圖片的文字">當瀏覽器因為網路問題、路徑錯誤或使用者設定而無法載入圖片時，alt 屬性中的文字就會顯示在圖片原本的位置。這不僅是技術規範的要求，更是確保網頁內容完整性的基本做法。
Alt 與 Title 屬性的功能差異
很多人會把 Alt 和 Title 兩個屬性搞混，但它們的用途完全不同。Alt 屬性是圖片的「替代說明」，在圖片無法顯示時出現，主要服務對象是搜尋引擎爬蟲和使用螢幕閱讀器的視障用戶。Title 屬性則是圖片的「提示標籤」，當使用者將滑鼠游標停留在圖片上方時，會以浮動文字框的形式顯示。
| 比較項目 | Alt 屬性 | Title 屬性 |
|---|---|---|
| 顯示時機 | 圖片無法載入時 | 滑鼠懸停時 |
| 主要用途 | 描述圖片內容 | 提供額外補充資訊 |
| SEO 影響 | 直接影響圖片排名 | 幾乎無影響 |
| 無障礙功能 | 螢幕閱讀器會朗讀 | 部分閱讀器會忽略 |
| HTML 規範 | 必要屬性 | 選用屬性 |
從 SEO 的角度來看，Google 明確表示會參考 Alt 屬性來理解圖片內容，但 Title 屬性對排名的影響微乎其微。因此，在有限的時間資源下，優先把 Alt 寫好才是正確的策略。
搜尋引擎如何解讀 Alt 文字
Google 的圖片爬蟲（Googlebot-Image）在索引網頁圖片時，會綜合考量多項因素：圖片的檔案名稱、Alt 屬性、圖片周圍的文字內容，以及圖片所在頁面的整體主題。其中，Alt 文字是最直接告訴搜尋引擎「這張圖片是什麼」的訊號。一段精準的 Alt 描述，能夠讓你的圖片出現在 Google 圖片搜尋結果中，為網站帶來額外的流量入口。
為什麼 Img Alt 對 SEO 排名至關重要
Alt 替代文字不只是技術規範的要求，它直接影響圖片搜尋排名、頁面整體 SEO 評分，以及你的內容能否被 AI 搜尋引擎正確引用。在多模態搜尋趨勢下，忽略 Alt 等於放棄一整塊流量版圖。
圖片搜尋流量的成長潛力
根據 Sparktoro 的研究數據，Google 圖片搜尋佔所有 Google 搜尋量的 22% 以上。這意味著每五次搜尋中，就有超過一次是透過圖片進行的。如果你的網站圖片沒有設定適當的 Alt 文字，等於直接放棄了這將近四分之一的搜尋曝光機會。
特別是在電商、旅遊、美食、室內設計等高度依賴視覺呈現的產業，圖片搜尋往往是消費者發現品牌的第一個接觸點。一張被正確標記 Alt 的產品圖片，可能就是促成一筆訂單的關鍵。
頁面主題相關性的強化
Alt 文字不僅服務於圖片本身的排名，它同時也在強化整個頁面的主題訊號。當你在 Alt 中自然地融入頁面的核心關鍵字時，搜尋引擎會將圖片描述視為頁面內容的一部分，進而提升該頁面對特定搜尋查詢的相關性評分。
舉例來說，一篇介紹「台北精品咖啡」的文章中，如果每張圖片的 Alt 都只寫「圖片」或留白，搜尋引擎就少了好幾個理解頁面主題的線索。反之，如果 Alt 寫的是「台北大安區手沖精品咖啡吧台」、「衣索比亞耶加雪菲淺焙咖啡豆」，這些描述都在告訴 Google：這個頁面確實在談論台北的精品咖啡。
AI 搜尋引擎的內容理解需求
進入 2026 年，ChatGPT、Perplexity、Google AI Overview 等 AI 搜尋引擎在生成回答時，會從網頁中擷取結構化的資訊。Alt 文字作為圖片的語義標記，正是 AI 判斷「這張圖片是否值得引用」的重要依據。
當 AI 搜尋引擎需要回答一個包含視覺元素的問題時（例如「如何正確設定 WordPress 的 Alt 文字？」），它會優先引用那些圖片與文字描述高度一致、Alt 標記完整的頁面。這代表做好 Alt 優化，不僅能在傳統搜尋中獲得圖片排名，還能提高被 AI 答案引擎選中的機率。
撰寫高品質 Alt 文字的六大原則
好的 Alt 文字應該精準描述圖片內容、自然融入關鍵字、控制在適當長度內，同時避免堆砌和冗餘。掌握以下六個原則，就能寫出兼顧 SEO 與使用者體驗的替代文字。
原則一：精準描述圖片的核心內容
Alt 文字的首要任務是讓看不到圖片的人（包括搜尋引擎）理解圖片在傳達什麼。撰寫時，先問自己：「如果我要用一句話向別人描述這張圖片，我會怎麼說？」
以一張咖啡廳的照片為例：
| 寫法等級 | Alt 範例 | 評價 |
|---|---|---|
| 不及格 | alt=”” | 完全沒有描述，搜尋引擎無法理解 |
| 勉強及格 | alt=”咖啡廳” | 過於籠統，缺乏辨識度 |
| 優秀 | alt=”台北大安區工業風咖啡廳內部座位區與手沖吧台” | 具體、有場景感、含地點資訊 |
原則二：控制字數在合理範圍
大部分螢幕閱讀器會在 Alt 文字超過 125 個字元時進行截斷。以中文來說，大約是 60 個字左右。過長的 Alt 不僅會被截斷，也會讓搜尋引擎難以判斷描述的重點。建議將 Alt 控制在 10 到 30 個中文字之間，用最精煉的語言傳達最關鍵的資訊。
原則三：自然融入目標關鍵字
Alt 文字是佈局關鍵字的合法位置，但前提是融入方式必須自然。正確的做法是在描述圖片內容的同時，順帶帶入與頁面主題相關的關鍵字。
例如，一篇關於「SEO 圖片優化」的文章中有一張 Google Search Console 的截圖，好的 Alt 寫法是：「Google Search Console 圖片索引狀態報告畫面」，而不是「SEO 圖片優化 SEO 教學 圖片 SEO」。前者在描述圖片的同時自然帶入了相關詞彙，後者則是明顯的關鍵字堆砌。
原則四：避免關鍵字堆砌
Google 的 John Mueller 曾多次在公開場合強調，在 Alt 屬性中進行關鍵字填充（keyword stuffing）是一種不被鼓勵的做法。搜尋引擎不會因為你在 Alt 中塞入大量關鍵字就給予更高排名，反而可能因為判定為過度優化而降低頁面評分。
一個簡單的判斷標準：如果你把 Alt 文字唸出來，聽起來像是正常人會說的一句話，那就是合格的。如果聽起來像是一串毫無邏輯的關鍵字清單，那就需要修改。
原則五：裝飾性圖片使用空白 Alt
並非所有圖片都需要詳細的 Alt 描述。純粹用於視覺裝飾的圖片（例如分隔線、背景花紋、裝飾性圖示），應該使用空白的 alt=””。這樣做是告訴螢幕閱讀器和搜尋引擎：「這張圖片不包含有意義的內容，可以跳過。」
如果對裝飾性圖片也寫了描述，反而會干擾螢幕閱讀器的使用者，讓他們聽到一堆與內容無關的圖片描述，嚴重影響閱讀體驗。
原則六：不要在 Alt 中重複標註「圖片」或「照片」
搜尋引擎和螢幕閱讀器在處理 <img> 標籤時，已經知道這是一張圖片。因此在 Alt 中寫「一張圖片顯示…」或「照片：…」是多餘的。直接描述圖片的內容即可，不需要額外說明這是一張圖片。
不同類型圖片的 Alt 撰寫策略
產品圖、資訊圖表、人物照片、截圖等不同類型的圖片，各有不同的 Alt 撰寫重點。針對圖片的用途和語境調整描述方式，才能發揮最大的 SEO 效益。
電商產品圖片的 Alt 寫法
電商網站的產品圖片是最需要精心撰寫 Alt 的類型之一。好的產品圖 Alt 應該包含品牌名稱、產品名稱、關鍵規格或特徵。例如：
- alt=”NIKE Air Max 270 男款黑色氣墊慢跑鞋側面展示”
- alt=”無印良品 A4 牛皮紙筆記本 80 頁橫線內頁”
- alt=”戴森 V15 Detect 無線吸塵器含雷射偵測吸頭”
這種寫法不僅描述了圖片內容，同時也涵蓋了消費者在搜尋產品時可能使用的關鍵字組合。
資訊圖表與數據圖的 Alt 寫法
資訊圖表（Infographic）和數據圖表通常包含大量資訊，不可能在 Alt 中完整描述。建議的做法是在 Alt 中說明圖表的主題和核心結論，而非試圖描述每一個數據點。
例如：alt=”2026 年台灣電商市場規模成長趨勢折線圖，年營業額突破 6000 億元”。這樣的描述讓搜尋引擎知道這張圖表在談什麼，同時也為圖表周圍的文字內容提供了語義補充。
人物照片的 Alt 寫法
人物照片的 Alt 應該包含人物的身份（如果是公眾人物或文章中有提及的人）以及照片的情境。例如：alt=”戰國策集團執行長在 2026 年 SEO 高峰論壇發表演講”。如果是素材庫的示意圖，則描述圖片呈現的場景即可，例如：alt=”行銷團隊在會議室討論 SEO 策略的工作場景”。
網頁截圖與操作教學圖的 Alt 寫法
教學類文章中常見的操作截圖，Alt 應該說明截圖顯示的是哪個工具的哪個功能畫面。例如：alt=”WordPress 編輯器中設定圖片 Alt 替代文字的欄位位置”、alt=”Google Search Console 涵蓋範圍報告中的圖片索引錯誤列表”。這類 Alt 的重點在於讓讀者即使看不到截圖，也能理解文章在教什麼操作步驟。
WordPress 網站設定 Alt 的實務操作
在 WordPress 中設定 Alt 非常簡單，無論是上傳新圖片或編輯既有圖片，都可以在媒體庫中直接填寫。養成上傳圖片時就填寫 Alt 的習慣，是最有效率的做法。
上傳圖片時直接填寫 Alt
在 WordPress 的媒體庫中上傳圖片後，右側面板會顯示「替代文字」（Alternative Text）欄位。這就是 Alt 屬性的填寫位置。建議在每次上傳圖片時就立即填寫，而不是事後再回頭補。因為一旦圖片數量累積到數百張，要逐一回頭補寫 Alt 會是一項極為耗時的工作。
在區塊編輯器中修改 Alt
使用 WordPress 的 Gutenberg 區塊編輯器時，點選文章中的任何一張圖片，右側面板的「區塊」設定中就會出現「Alt 文字（替代文字）」欄位。你可以直接在這裡修改或新增 Alt 描述。如果使用的是傳統編輯器，則需要點選圖片後選擇「編輯」按鈕，在彈出的視窗中填寫。
批次檢查與修復缺少 Alt 的圖片
對於已經有大量圖片卻缺少 Alt 的網站，可以使用 Screaming Frog 等 SEO 爬蟲工具進行批次掃描。這類工具能夠列出網站中所有缺少 Alt 屬性的圖片清單，讓你按照優先順序逐步修復。優先處理的順序建議是：首頁圖片 → 產品頁圖片 → 高流量頁面圖片 → 部落格文章圖片。
圖片 SEO 的完整優化清單
Alt 文字只是圖片 SEO 的一環。要讓圖片在搜尋結果中獲得最佳表現，還需要搭配檔案命名、格式選擇、壓縮、結構化資料等多項優化措施。
圖片檔案名稱的命名規則
在上傳圖片之前，先將檔案名稱改為有意義的描述性名稱。搜尋引擎會參考檔案名稱來輔助理解圖片內容。例如，將「IMG_20260330_001.jpg」改為「taipei-coffee-shop-interior.jpg」。命名時使用英文小寫字母，單字之間以連字號（-）分隔，避免使用底線或空格。
選擇適當的圖片格式
不同的圖片格式適用於不同的場景：
| 格式 | 適用場景 | 特點 |
|---|---|---|
| WebP | 大多數網頁圖片 | 檔案小、畫質好，Google 推薦格式 |
| JPEG | 照片、色彩豐富的圖片 | 壓縮率高，不支援透明背景 |
| PNG | 需要透明背景的圖片 | 畫質無損，檔案較大 |
| SVG | Logo、圖示、向量圖形 | 可無限縮放不失真 |
| AVIF | 新一代網頁圖片 | 壓縮率比 WebP 更高，瀏覽器支援度持續擴大 |
2026 年的最佳實務是優先使用 WebP 格式，並為不支援 WebP 的舊瀏覽器提供 JPEG 作為備援。
圖片壓縮與載入速度優化
圖片檔案大小直接影響網頁載入速度，而載入速度是 Google Core Web Vitals 的核心指標之一。建議將每張圖片壓縮到 300KB 以下，同時維持可接受的視覺品質。常用的壓縮工具包括 TinyPNG、ShortPixel、Imagify 等。此外，實作延遲載入（Lazy Loading）可以讓頁面上方的圖片優先載入，下方的圖片等到使用者滾動到該位置時才載入，有效改善首次內容繪製（FCP）的時間。
圖片結構化資料標記
透過 Schema.org 的 ImageObject 標記，你可以為圖片提供更豐富的結構化資訊，包括圖片的作者、授權方式、拍攝日期等。這些結構化資料能夠幫助搜尋引擎更精確地理解圖片的語境，也有機會讓你的圖片出現在 Google 的精選摘要或知識面板中。
常見的 Alt 撰寫錯誤與修正方式
許多網站在 Alt 的設定上存在系統性的錯誤，從完全留白到過度堆砌關鍵字都有。了解這些常見錯誤並加以修正，是提升圖片 SEO 成效最快的方式。
錯誤一：Alt 欄位完全留白
這是最常見也最嚴重的錯誤。當 Alt 欄位留白時，搜尋引擎只能依靠檔案名稱和周圍文字來猜測圖片內容，準確度大幅降低。修正方式很簡單：為每一張有意義的圖片補上描述性的 Alt 文字。
錯誤二：所有圖片使用相同的 Alt
有些網站為了省事，將同一頁面中所有圖片的 Alt 都設定為相同的文字（通常是頁面標題）。這不僅無法幫助搜尋引擎區分不同圖片的內容，還可能被視為低品質的優化手法。每張圖片都應該有獨立且準確的 Alt 描述。
錯誤三：在 Alt 中堆砌關鍵字
例如：alt=”SEO 優化 SEO 教學 SEO 排名 SEO 技巧 圖片 SEO”。這種寫法不僅對排名沒有幫助，還可能觸發 Google 的過度優化偵測機制。正確的做法是在自然描述圖片內容的過程中，適度帶入一到兩個相關關鍵字。
錯誤四：使用自動生成的檔案名稱作為 Alt
有些 CMS 系統會自動將圖片的檔案名稱填入 Alt 欄位。如果你的圖片檔名是「DSC_0042.jpg」或「Screenshot_2026-03-30」，那麼自動生成的 Alt 就毫無意義。務必手動檢查並修改為有描述性的文字。
AI 時代下的圖片 Alt 進階策略
隨著 AI 搜尋引擎的崛起和多模態搜尋的普及，Alt 文字的角色正在從單純的「替代描述」進化為「語義標記」。掌握這些進階策略，能讓你的圖片在 AI 時代保持競爭優勢。
配合 Google Lens 的視覺搜尋趨勢
Google Lens 讓使用者可以直接用手機拍照來搜尋相關資訊。當 Google Lens 辨識到一張圖片後，它會在資料庫中尋找與該圖片相似且有完整語義標記的網頁。如果你的圖片有精準的 Alt 描述，Google 就更容易將你的頁面與 Lens 的搜尋結果進行匹配。
為 AI Overview 提供可引用的圖文配對
Google AI Overview 在生成回答時，有時會引用網頁中的圖片作為視覺輔助。被引用的圖片通常具備以下特徵：Alt 文字與周圍段落內容高度相關、圖片品質清晰、圖片所在頁面具有較高的權威性。因此，確保每張圖片的 Alt 與其所在段落的主題一致，是提高被 AI 引用機率的關鍵。
多語系網站的 Alt 在地化
如果你的網站有多語系版本，Alt 文字也必須跟著翻譯和在地化。不能只用中文版的 Alt 套用到英文版或日文版的頁面。每個語言版本的 Alt 都應該使用該語言自然描述圖片內容，並融入該語言市場的目標關鍵字。
圖片無障礙設計與 Alt 的社會責任
Alt 文字的存在不僅是為了 SEO，更是為了讓視覺障礙者能夠平等地獲取網路資訊。落實圖片無障礙設計，既是法律要求，也是品牌社會責任的展現。
螢幕閱讀器如何使用 Alt 文字
視覺障礙者使用的螢幕閱讀器（如 JAWS、NVDA、VoiceOver）在遇到 <img> 標籤時，會朗讀 Alt 屬性中的文字。如果 Alt 留白，閱讀器可能會改為朗讀檔案名稱（例如「IMG underscore 2026 dash 03 dash 30」），這對使用者來說完全沒有意義。
WCAG 無障礙規範的要求
Web Content Accessibility Guidelines（WCAG）2.1 的 Level A 標準明確要求：所有非文字內容都必須提供等效的文字替代方案。這意味著為圖片設定適當的 Alt 文字，不僅是 SEO 最佳實務，也是符合國際無障礙標準的基本要求。在台灣，政府機關網站已經被要求必須符合 WCAG 2.0 AA 等級，企業網站雖然目前沒有強制規範，但隨著數位平權意識的提升，這很可能成為未來的趨勢。
品牌形象與使用者信任
一個在無障礙設計上用心的網站，會讓所有使用者感受到品牌的細膩與包容。這種正面的品牌印象，長期來看會轉化為更高的使用者信任度和品牌忠誠度。
從圖片優化到全方位 SEO 策略的整合思維
圖片 Alt 替代文字的優化，看似只是一個小小的技術細節，但它背後反映的是一種完整的 SEO 思維：每一個能夠傳遞訊號給搜尋引擎的元素，都不應該被忽略。從 H 標籤的層級結構、Canonical URL 的正確設定、301 轉址的妥善處理，到圖片 Alt 的精準描述，這些技術面的優化環環相扣，共同構成了一個對搜尋引擎友善的網站基礎。
然而，真正要在 2026 年的搜尋競爭中脫穎而出，單靠技術面的修正是不夠的。你需要的是一套涵蓋技術 SEO、內容策略、外部連結建設和 AI 搜尋優化的完整方案。當你的網站在每一個細節都做到位，從圖片的 Alt 文字到頁面的結構化資料，搜尋引擎和 AI 答案引擎自然會將你的內容視為值得優先推薦的權威來源。
戰國策整合 AI-SEO、國際 GEO 佈局、技術優化與內容行銷，讓你的網站不只是出現在搜尋結果，更能成為 AI 與 Google 共同選中的第一答案。
戰國策 AEO × GEO AI SEO 全方位整合行銷服務 👉 AI＋SEO 全方位整合行銷
選擇戰國策的五大優勢
- SEO關鍵字優化規劃 → 找出高潛力、高轉換率的詞庫，避免無效操作
- AI內容行銷優化 → 打造能被 Google 與 AI（ChatGPT、Perplexity）引用的結構化內容
- 技術 SEO → Schema、網站速度、行動體驗全面提升
- 外部連結建設 → 提升網站權重，建立長期穩定流量
- 跨國 SEO 佈局 → 不只台灣，包含美國SEO、馬來西亞SEO、新加坡SEO、印尼SEO，多語系全方位部署
