图片alt文本怎么写？兼顾SEO与无障碍的完整指南
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /2bac08175dae.html
📄
网页中的每一张图片，都隐藏着一个容易被忽略却至关重要的细节——alt属性。这段简短的文字描述，既能帮助搜索引擎理解图片内容，也让依赖屏幕阅读器的视障用户能够获得完整的信息。现实中，不少站点恰恰在这处细节上栽了跟头，要么空着不填，要么堆砌关键词，结果既伤了可访问性，也浪费了SEO优化的机会。
1. 动笔前先判断，这张图片承担什么职责
不是所有图片都需要写一段完整描述。写alt之前，先想清楚图片在页面上的作用，这会直接影响你该写得具体，还是干脆留空。
1.1 承载信息的图片，说清最关键的内容
当图片本身就是信息的主要来源，比如产品实拍、流程图、界面截图或对比表格时，alt应当用一句通顺的话提炼出图中最核心的内容，让不看图的人也能获得等量信息。举例来说，一张展示两台笔记本电脑接口布局的图片，可以写成“ThinkPad X1 Carbon 左侧依次排列USB-C、USB-A与 HDMI 接口的局部特写”，而非笼统的“笔记本图片”。描述时抓住重点，画面里无关紧要的背景或装饰则不必赘述。
1.2 纯粹装饰的图片，直接留空
那些为了排版美观而存在的背景纹理、分隔线、重复出现的logo等，应将alt设为空值（alt=""）。这样屏幕阅读器会直接跳过，不会让用户听到“图片”这类无意义提示；搜索引擎也会将注意力集中在真正有用的内容上。需要提醒的是，在装饰图里填“装饰图”“示例图”不仅毫无价值，反而会干扰辅助技术的正常浏览。
电商或产品展示页面，可采用“品牌+型号+核心特性”的写法，比如“戴森V15吸尘器 配备激光探测与防缠绕技术”。尽量避免使用“图1”“点击查看”这类毫无信息量的内容，既无助于理解，也无益于搜索。
2. 关键词要融得自然，别把描述写成标签堆砌
在alt中合理出现关键词，确实能帮助搜索引擎更准确地识别图片主题，但这并不意味着要把关键词硬塞进一句话里。理想的方式是，先想着把图片讲清楚，让关键词在描述过程中顺其自然地出现。
例如，一张展示茶具的图片，写“白瓷盖碗搭配深色木质茶盘的局部特写”既清楚又顺畅；若写成“盖碗 茶盘 白瓷 木制 茶具 特写”，读起来生硬，还容易被搜索引擎判定为关键词堆砌，得不偿失。这里还想说明一点：alt与title属性分工不同。alt是内容的必要说明，关系到可访问性和搜索表现；title只是鼠标悬停时的附加提示，不应该承担传达关键信息的任务。
3. 不同图片形态，采用对应的描述策略
网站里的图片类型五花八门，按类别采用合适的写法，既能提升描述质量，也便于日常维护。
- 按钮或功能图：直接说清操作动作，例如“提交报名表单”“下载产品手册”“切换到深色模式”。
- 链接配图：描述点击后到达页面的内容，而非图片本身。比如一张指向售后说明页的横幅，alt应写成“查看退换货流程与保修范围”而不是“横幅广告”。
- 人物照片：交代人物的姓名与身份，如“品牌创始人李涛在工厂车间介绍生产线”；若是通用头像，则无需额外描述。
- 长图或信息图：用一句话点明整张图的主题，例如“咖啡豆从采收、烘焙到研磨的完整流程示意图”，具体数据交给正文去展开。
- 功能性图标：直接写明交互目的，如“分享到微信”“添加至收藏夹”。
4. 长度和频率也要拿捏，过犹不及
alt文本并非常写长越好。一般建议控制在125个字符以内，多数屏幕阅读器会在这个长度后截断朗读；超过140字符，部分搜索引擎也可能放弃读取完整描述。因此，写完后不妨自己读一遍，如果一句写不完，说明图片承载的信息可能过于庞杂，考虑将细节移到正文段落中，alt只保留一句概括。
关于频率，同一个页面中，多张功能相同的重复图片（如每个文章卡片上的缩略图）不必每张都写相同文案，可以适当留空或简化，避免向辅助技术用户重复播报同样内容。此外，纯文字形式的图片（如用图片展示的标题或广告语）应尽量用真实文字替代，确需保留图片时，alt中必须完整写出图中文字。
5. 常见问题
5.1 alt留空和没有alt属性是一回事吗？
不是。alt留空是指明确写出alt=""，表示该图是装饰性的，辅助技术会将其忽略；而没有alt属性则会让屏幕阅读器把图片文件名读出来，甚至直接播报“图片”二字，对用户造成困扰。有意义的图片建议始终显式写好alt内容。
5.2 写alt时该用中文还是英文？
跟随页面主语言来写。如果页面内容是中文，alt就用中文描述，这样才能与页面语境一致，也便于搜索引擎按中文语义理解图片。除非图片本身是品牌英文名或特定型号，才保留英文，例如“JBL Charge5音箱”。
5.3 图片旁边已有文字说明，还需要alt吗？
需要。当图片下方已经有图注或说明文字时，alt可以写得简短一些，但仍应点明图片要点，比如“上图数据来源：国家统计局2024年年报”。因为它服务的是那些无法看到图片与图注关系的用户，一句简短的概括可以避免信息断层。
6. 总结
写好alt文本并非难事，关键在于养成动笔前判断图片角色的习惯，把描述写得具体、自然、克制。建议从今天起做一次全站图片检查：优先处理信息型图片，删掉装饰图的冗余描述，再把产品页与功能图按本文建议逐条修订。一次到位，往后日常只需在新图发布时按同一标准执行即可，长远来看既省维护成本，也能稳步提升页面的可访问性与搜索友好度。
