企业官网图片 alt 怎么写，产品图、装饰图和图标分别怎么处理？

直接答案：先判断图片在当前页面承担的是“信息、功能、装饰还是复杂说明”。信息图写清用户看不到时会缺失的内容；按钮图标描述动作；纯装饰图使用空 alt；复杂图把完整解释放在正文。alt 要服务等价理解，不是关键词仓库，也不能替代页面正文。

图片 alt 是什么，为什么不能当成关键词字段？

alt 是图片的文本替代：当用户看不到图片、使用屏幕阅读器或图片未加载时，它要尽量承担图片在当前页面中的同等信息或功能。它可以帮助搜索系统理解图片，但首要判断标准仍是“删掉图片后，读者会缺失什么”。

先满足等价目的，再考虑搜索理解

WCAG 2.2 的成功准则 1.1.1 要求非文本内容具有能服务同等目的的文本替代；纯装饰、仅用于格式或对用户不可见的内容，则应以辅助技术可以忽略的方式实现。来源：W3C WCAG 2.2，查看官方来源

Google Search Central 说明，Google 会把 alt 与计算机视觉算法、页面正文一起用于理解图片主题；同时明确反对在 alt 中堆叠关键词。来源：Google 图片 SEO 最佳实践，查看官方来源

因此，合格的 alt 不是“行业词 + 产品词 + 城市词”的字符串。它应先补齐当前上下文缺失的信息，再自然使用必要的产品或场景词。

不要用一个万能模板覆盖全站

“品牌名 + 产品名 + 厂家 + 供应商”看似统一，实际上会让多张不同图片读起来完全一样。正面图、接口特写、安装示意和下载按钮承担的任务不同，替代文本也应不同。

W3C 的图片教程强调，是否属于装饰图要由作者根据图片在页面中的目的判断。同一张厂房照片放在“生产能力”章节可能是信息图，放在页尾背景时可能只是装饰。来源：W3C WAI 装饰图片教程，查看官方来源

企业官网图片应该先分成哪四类？

最实用的做法不是马上写句子，而是先把图片分为信息图、装饰图、功能图和复杂图。分类错误，后面的措辞再精细也可能让屏幕阅读器重复、漏读或读错重点。

用“删除测试”判断图片是否提供信息

暂时隐藏图片，只读标题、正文、按钮文字和表格。如果页面仍能完整传达同样的信息，而且图片不承担点击动作，它通常可以按装饰图处理；如果型号、结构差异、操作结果或趋势因此丢失，它就是信息图或复杂图。

W3C 的 alt 决策树把“图片是否包含文字、是否位于链接或按钮、是否提供页面正文未表达的信息”作为连续判断，而不是按文件类型做决定。来源：W3C WAI alt 决策树，查看官方来源

四类图片的处理表

以下表格是本稿的原创操作矩阵，用于内容、设计和前端一起评审。

图片类型	判断问题	推荐处理	企业官网示例
信息图	不看图会不会少一个事实？	用简短 alt 说明画面中与本段相关的信息	“316L 法兰球阀正面，手柄处于关闭位置”
装饰图	正文和控件是否已完整表达？	使用 alt=""；能用 CSS 背景时优先背景图	标题区的抽象渐变纹理
功能图	图片是否可点击或触发操作？	描述动作或目标，不只描述外形	“下载产品规格书（PDF）”
复杂图	一句话能否等价表达全部关系？	alt 给出简要识别，完整解释放在邻近正文、表格或长描述	多系列流量趋势图、工艺流程图

产品图 alt 怎么写，才不会把参数和关键词硬塞进去？

产品图 alt 应描述“这张图在这里证明什么”，而不是复述整份产品规格书。只有画面可见、且与当前段落相关的信息，才适合进入 alt；压力等级、认证、适用介质等未在图中体现的事实应留在正文或参数表。

按产品图的观察任务写

总览图可以写产品名称、视角和最明显的可见特征；细节图写被放大的部位；应用图写可见的安装环境；尺寸图如果关系复杂，应在正文或表格补完整尺寸，而不是把全部数值塞入 alt。

较好示例：“黑色铝合金推拉窗外侧，双轨结构与排水孔清晰可见。”

需改写示例：“高端铝合金门窗厂家定制节能隔音出口热销产品。”这句话包含营销判断和关键词堆叠，却没有告诉用户图片具体展示什么。

把上下文已经写过的内容留在正文

如果图注已经完整写出“DN50 PN40 316L 法兰球阀结构示意”，alt 不必逐字重复。可以聚焦图中新增关系，例如“剖面显示球芯、阀座与法兰连接位置”。

W3C 建议优先放最重要的信息，并让 alt 尽可能简洁；需要超过一个短句才能说明的复杂图片，应改用邻近长说明。来源：W3C WAI 图片技巧，查看官方来源

装饰图、图标和图片链接分别怎么处理？

装饰图应安静地退出辅助技术阅读顺序；图标和图片链接则必须给出可理解的名称。两类内容看起来都很小，但处理逻辑恰好相反。

纯装饰图片使用空 alt，而不是缺少 alt

对纯视觉边框、氛围图、与邻近文字重复的信息图，使用 alt=""。W3C 说明，缺少 alt 时，部分屏幕阅读器可能朗读文件名；空 alt 才是在告诉辅助技术忽略这张图片。来源：W3C WAI 装饰图片教程，查看官方来源

空 alt 中不要放空格；alt=" " 不等同于 alt=""。如果图片只用于装饰且不需要进入内容结构，CSS 背景图通常更清晰。

功能图写动作，重复文字的图标保持安静

独立的放大镜按钮应有“搜索”这样的可访问名称；仅用图片表示的下载链接应写“下载产品规格书”。如果图标旁已经有可见文字“提交询盘”，图标本身通常使用空 alt，避免屏幕阅读器重复读成“纸飞机 提交询盘”。

对内联 SVG，可以使用 <title> 并通过 aria-labelledby 关联；但具体组件还要结合按钮文字、aria-label 和前端实现检查，不能只看 SVG 文件。来源：Google 图片 SEO 最佳实践与 W3C WAI 图片技巧。

如何在上线前审计企业官网的图片替代文本？

审核顺序应从高价值页面开始，再看图片类型、可见上下文和最终 HTML。只在素材库里填一遍描述不够，因为同一素材在不同页面可能承担不同目的。

按五步完成页面级检查

不要把自动审计工具当成最终判断者。工具能发现缺少 alt，却无法知道“这张图在此处是装饰还是信息”，这仍需要内容与业务人员判断。

列出首页、核心产品页、解决方案页、案例页和联系页中的关键图片，优先处理可点击图片、产品证据图和流程图。

对每张图片执行删除测试，标记为信息、装饰、功能或复杂图。

检查可见标题、图注和邻近正文，删掉 alt 中重复、营销化或无法从画面核验的内容。

查看最终 HTML：确认 img 有 alt；装饰图为 alt=""；图片链接或按钮拥有明确的可访问名称。

在移动端、图片加载失败或屏幕阅读器/无障碍树环境下复核阅读顺序，并抽查搜索抓取可见的 HTML。

2026-07-31 NeoGress 公开页面检查记录

本次在 NeoGress 公开首页检查到“NeoGress 标志”“NeoGress 生成的清洁能源企业官网示例”“Google Search Console 页面索引报告，显示已索引与未索引页面趋势”等可读替代文本。它们分别承担品牌识别、示例说明和界面说明，与页面上下文相关。公开页面：NeoGress 官网

这项检查只证明当前公开页面存在可读 alt 示例，不代表整站已完成 WCAG 合规审计，也不代表这些图片一定获得 Google 图片收录或排名。

NeoGress 能怎样连接图片内容与官网结构？

NeoGress 当前公开定位是把首页、产品页、解决方案页、文章方向和转化入口放在同一套官网骨架中。这样的结构有利于让图片靠近真实业务文字，但每张图的 alt 仍需结合素材与页面用途逐一审核。

先让图片落在有语义的页面里

NeoGress 首页公开说明，系统会同步规划首页叙事、栏目结构、产品表达和转化入口，并持续生成内容入口。来源：NeoGress 官网，NeoGress 官网

对企业团队更实际的工作方式是：先确定页面目标和邻近正文，再上传能支撑该目标的图片，最后写 alt。先写一批关键词，再强行套到图片上，会把内容与页面意图拆开。

产品边界与行动 CTA

NeoGress 可以帮助搭建和扩展官网内容骨架，但不会替代真实产品资料审核、无障碍专家测试，也不能保证搜索收录、图片排名或 AI 引用。

正文 CTA：先抽查官网 20 张最关键的图片，按四类矩阵标记用途；如果图片找不到明确归属页面，再回到 NeoGress 的企业官网 SEO 增长专题检查页面分工：查看官方来源

限制与不适用情况

适用边界

• 本文是内容与实现检查方法，不是法律意见，也不等同于完整 WCAG 合规认证。
• 不同司法辖区、行业和采购项目可能有额外无障碍要求，应由合规或无障碍专业人员确认。
• 复杂图表、验证码、媒体内容和 Canvas 需要额外方案，不能只靠一个 alt 属性解决。
• 搜索系统如何选择和展示图片由平台自动决定，遵循最佳实践不代表保证收录、排名或流量。

结论与下一步

建议行动顺序

先分类，再写替代文本，最后在真实页面里检查。今天可以从首页、核心产品页和联系页各抽查一组图片：删掉关键词堆叠，为装饰图补空 alt，为功能图补动作名称，并把复杂图的完整解释放回正文。若页面本身没有清楚的业务分工，再使用 NeoGress 规划产品、解决方案、文章与转化入口之间的结构。

下一步：查看 NeoGress 企业官网 SEO 增长专题，先把图片放回正确的页面和业务上下文：查看官方来源

怎样继续阅读这套企业官网可访问性与询盘可用性系列？

三篇分别解决图片语义、询盘表单反馈和整站键盘操作，搜索意图互不替代。建议按“内容可感知 → 表单可完成 → 全流程可操作”的顺序检查。

• 企业官网 SEO 增长专题：先确认页面结构、内容入口与转化路径。
• 图片 alt 写法：进入对应的专项检查方法。
• 询盘表单标签与错误提示：进入对应的专项检查方法。
• 键盘操作与焦点验收：进入对应的专项检查方法。
• 企业官网 INP 排查：继续检查交互反馈的性能边界。

NeoGress 可帮助团队规划官网页面与内容骨架，但不能替代无障碍专家审计、法律判断或真实辅助技术测试；本文不承诺收录、排名、流量、AI 引用或询盘结果。