三種讯号有不同工作
图片 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。