图片Alt文本编写指南：兼顾搜索优化与无障碍阅读
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /8212792e1e93.html
📄
图片的Alt文本是网页中一个容易被忽略却十分关键的细节。它既帮助搜索引擎理解图片内容，也为使用屏幕阅读器的用户提供画面信息。一段恰到好处的Alt文本，可以同时提升网站的搜索可见度和访问体验，而成本几乎为零。掌握编写方法，是每个内容创作者都应具备的基本功。
1. 先判断图片是否有必要添加替代文本
在动手写之前，先对图片进行分类。页面上的图片大致分为两类：一类是传达核心信息的内容图，比如产品照片、数据图表、操作截图；另一类是纯装饰用途的图，例如背景纹理、分割线、装饰性插画。
判断的标准很简单：如果图片无法加载，用户是否还会遗漏重要信息？如果答案是肯定的，就必须写详细的替代描述；如果无关紧要，则直接将alt属性留空（alt=""）。举例来说，电商页面中标注尺寸规格的商品主图必须详细说明，而仅用于美化页面的顶部渐变背景，则没有必要让辅助工具额外朗读。
2. 写出合格替代文本的四个原则
确认图片需要添加描述后，接下来就是如何写得准确得体。掌握以下四点，足以应对绝大多数情况。
2.1 描述画面本身，避免堆砌关键词
Alt文本的首要任务是还原画面真实信息，而不是为了讨好搜索引擎而堆词。例如“浅灰色布艺沙发搭配深色木质茶几，角落有一盆绿植”是合格的描述，而“沙发 茶几 绿植 客厅 装修 北欧风格”这类关键词罗列既不利于理解，也很难带来实际的搜索收益。如果图片上本身有文字，比如海报或包装上的字，应该完整转写这些内容，因为用户往往最先关注这些文字信息。
2.2 文字精炼，信息直达
屏幕阅读器会逐字朗读整段Alt文本，冗长的句子不仅拖慢信息获取速度，还容易让听者失去耐心。一句话能表达清楚，就绝不写成段落。例如，“雨后湿漉漉的石板路倒映出路灯”已经足够，不必再补上多余的背景交代。若图片确实包含大量细节，更好的做法是把详细说明放在图片下方的正文里，Alt文本只给出一句概括性的结论。
2.3 去掉“图片展示的是”这类前缀
“下图展示了”“这是一张关于……”等开头纯属多余。屏幕阅读器在朗读前会自动提示用户当前位置是图片，直接切入画面主体即可。比如直接写“冒着热气的咖啡杯旁放着几粒咖啡豆”，而不是“这是一张展示咖啡杯热气与豆子的图片”。
2.4 链接图片要写清动作而非外形
当整张图片作为可点击链接出现时，Alt文本应说明点击后会去到哪里，而不是描述画面长得什么样。比如页头的Logo指向品牌官网，应写“前往XX品牌官方网站首页”；一个宣传折扣活动的横幅，更适合写“查看本季全场五折商品”，而不是描述横幅上模特的穿着或色彩搭配。
3. 不同场景下的写作侧重
同一张图片，在不同页面语境下，Alt文本的落笔角度会有明显差别。下面几种常见类型值得参考。
- 商品图：优先写清品牌、型号、材质、规格与颜色。例如“某品牌双层防晒遮阳伞 藏青色 直径一米”远比笼统的“一把伞”更有价值。
- 操作示意图：重点提炼操作完成后的结果，例如“订单提交成功页面显示确认信息”。
- 信息图表：概括图表的核心结论或变化趋势，例如“近五年公司营收稳步上升，2025年首次突破亿元”。
- 人物照片：简要说明人物身份或动作，除非人物本身就是文章核心，否则不必过于详细。
4. 容易踩坑的注意事项
即便理解了基本原则，实际写作时仍有几个高频问题需要注意。一是将Alt文本当作关键词堆砌的场所，这既损害无障碍体验，也可能引发搜索引擎的负面判断。二是把所有图片的Alt写成一模一样的模板句，这种缺乏针对性的描述等于没有写。三是忽略图片所在位置的前后文，导致描述与正文语境脱节，让用户感到莫名其妙。
另外，如果图片已经配有说明文字，比如图表下方的注释或数据来源，Alt文本可以适当简化，避免重复播报相同内容。但不要因为正文有文字就完全省略Alt，二者承担的阅读角色不同，前者面向所有用户，后者专门为视障用户服务。
5. 快速自查清单
写完后，可以对照以下几点做最终检查：是否如实描述了图片关键信息？是否超过两句话且文字拖沓？是否有“图片展示”之类的多余前缀？若为链接图，是否写明了跳转目标？关键词是否自然融入而非生硬罗列？以上任意一项不满足，都应返回修改。
6. 常见问题
6.1 装饰性图片的Alt可以完全不写吗？
可以，但要注意写法。装饰性图片应将alt属性设置为空，即alt=""，而不是直接省略该属性。两者对屏幕阅读器的效果不同：空值会让辅助工具直接跳过，而省略可能导致读屏软件读出图片文件名，反而造成干扰。
6.2 图片中有很长的文字，需要全部写进Alt里吗？
不一定要全部照抄。如果图片中的文字是正文的补充或重复，可以简要概括要点；如果文字本身是核心内容，比如价格标签、促销信息或联系方式的截图，则建议完整转写，因为这些文字正是用户搜索和关注的重点。
6.3 Alt文本会影响图片搜索排名吗？
会有间接影响。搜索引擎借助Alt文本理解图片内容，从而决定是否在图片搜索结果中展示该图片。但更重要的是，清晰的Alt文本能提升页面整体的内容质量和用户体验，这对关键词排名也有正面帮助。关键是把Alt写好，而不是为了排名刻意填充。
7. 总结
写好图片Alt文本并不复杂，核心在于如实描述、简短精炼、根据场景调整侧重，并记得处理装饰图和链接图的特殊写法。建议从今天起，在发布每一篇文章前，都把页面上的图片逐一过一遍，确认每条Alt都经得起“失明用户能否看懂”的检验。这不仅是技术细节，更是内容质量的一部分。
