三種訊號有不同工作
圖片 SEO 不等於把關鍵字塞進 alt。檔名、替代文字與頁面上下文各自處理不同問題：檔名讓資產在發佈與抓取前已有可辨識名稱；alt 在圖片無法被看見時傳達其意義或功能；標題、段落、圖說與頁面主題則解釋這張圖為何出現在此。三者一致，搜尋系統與輔助科技才較容易理解；三者互相衝突，再長的描述也補救不了錯誤脈絡。
Google 說明會結合 alt、電腦視覺與頁面內容理解圖片主題，也建議使用標準 HTML 圖片元素、相關高質素圖片及合適頁面文字。W3C 的判斷方式則從使用者需要出發：先判斷圖片是資訊、功能、複雜內容、文字圖，還是純裝飾，再決定替代文字。這個次序比「每張圖一定要寫一句」更準確。
第一步：先判斷圖片角色
資訊圖片
如果照片、插圖或截圖提供正文沒有完整說出的資訊，alt 應簡短描述與當前頁面最相關的內容。例如案例頁中的活動主視覺，可寫「金融論壇主舞台與雙語議程顯示屏」，而不是「活動圖片」。同一張圖放在無障礙文章時，重點可能變成顯示屏的閱讀對比，因此 alt 可以隨頁面用途調整。
功能圖片
圖片若是連結、按鈕或控制項，alt 要說明目的或動作，例如「返回首頁」或「下載活動簡介」，而非描述箭頭顏色。功能已由鄰近文字清楚表達時，避免重複朗讀。
裝飾圖片
分隔線、背景紋理或不增加資訊的氣氛圖，可使用空白 alt，讓讀屏軟件略過。空白與缺少 alt 並不相同；前者是有意標示裝飾，後者可能令系統讀出檔名。
複雜圖片與文字圖
圖表、流程圖與地圖的主要數據或結論，應在正文提供完整文字說明，alt 只概述用途並指向詳情。若圖片包含頁面其他地方沒有的必要文字，替代文字需涵蓋該資訊；更理想的是把重要文字同時以真正文字呈現。
第二步：建立穩定而可讀的檔名
新圖片在首次發佈前，採用短而具描述性的名稱，例如「cross-border-brand-workshop-hong-kong.webp」，比「IMG_4821-final2.webp」更易管理。用連字號分隔詞語，避免堆疊同義關鍵字，並讓副檔格式與實際檔案類型一致。多語網站可按管理能力選擇本地化檔名，但要保持編碼、連結及命名規則一致。
檔名只是一個輔助訊號，不需寫成完整句子，也不應取代 alt。已被使用並取得連結的圖片，不宜只為「優化」隨意改網址；如確有重整需要，應保留映射及轉址，並更新所有引用位置。對同一張跨頁使用的圖片，維持穩定網址也有助抓取與快取。
第三步：讓頁面解釋圖片
圖片附近的 H2、段落與圖說應說明人物、場景、數據或步驟與本頁主題的關係。案例圖不要孤立成相簿；在圖前交代項目目標，圖後說明這個畫面證明了哪項公開工作範圍。產品圖則補充型號、用途、材質或觀看角度，而不是重複 alt。
頁面標題、主要內容、圖片主題、alt 與內部連結文字應指向同一搜尋意圖。Open Graph 或 Article 的主圖設定可表達首選預覽圖，但圖片仍要與頁面相關、可抓取並有足夠質素。不要用通用標誌取代每篇內容的代表圖，也不要把關鍵資訊只畫在圖內。
第四步：技術呈現不能拖後腿
使用標準 img 元素及 src，採用 picture 或 srcset 時仍保留後備 src。按裝置提供合適尺寸、壓縮檔案並設定寬高，減少下載與版面跳動。首個畫面的重要圖片不宜被過度延遲載入；非首屏圖片才按需要使用延遲載入。圖片頁面與檔案須可公開存取，否則再好的 alt 也無法讓搜尋系統取得資產。
一次完成的驗收清單
- 圖片角色是否已分類，裝飾圖有否使用空白 alt？
- alt 是否傳達本頁所需意義或功能，而非堆字？
- 檔名是否簡潔、穩定，格式與副檔一致？
- 鄰近標題、段落或圖說是否提供必要上下文？
- 複雜圖的數據與結論是否另有文字版本？
- 圖片是否用標準元素呈現，手機尺寸與載入正常？
- 主圖、社交預覽及結構化資料是否指向相關可用圖片？
量度時，可在 Search Console 選擇圖片搜尋類型，按頁面觀察曝光與點擊趨勢，再配合無障礙檢查、載入表現及案例頁互動。不要把單一圖片排名當成唯一目標；能否讓訪客理解內容、完成任務與信任證據，同樣重要。
若網站已有大量圖片，可先抽查首頁、核心服務、案例與文章主圖各十張，按角色、描述、上下文與技術狀態分級。需要把圖片規則納入網站內容模板及日常審核，可預約 30 分鐘策略對談，先建立一套可交給編輯與設計團隊共同使用的標準。
本文提供一般網站內容規劃資訊，不構成搜尋排名、AI 引用、流量或商業成果保證；實際方案應按品牌目標、素材授權、網站架構與資源評估。
參考來源
- Google 圖片 SEO 最佳做法，存取日期：2026-07-30。
- W3C WAI alt Decision Tree，存取日期：2026-07-30。
- W3C 替代文字資源，存取日期：2026-07-30。