图片Alt文本怎么写？兼顾SEO与无障碍的实用方法
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /cea730afb58a.html
📄
图片的Alt文本看似只是网页代码里的一小段文字，却承担着双重作用：一方面帮助搜索引擎识别图片内容，从而获得图片搜索流量；另一方面，它也是视障用户借助屏幕阅读器理解画面的关键通道。与其把这段描述当作额外的负担，不如掌握一套清晰的编写思路，用很小的成本同时提升网站的可用性与搜索表现。
1. 写之前先判断这张图是否需要Alt文本
不是页面上的每一张图都需要详细的替代描述。在动手之前，先对图片的角色做一次归类：它究竟是传达核心信息的载体，还是仅仅用作视觉装饰。
一个实用的判断标准是：假如这张图加载失败，用户是否因此错过关键内容？如果确实会，那么必须为它填充细致的描述；如果不会，就可以将Alt属性写成空值（alt=""）。例如，电商详情页中展示商品规格参数的主图，必须清楚写明品牌、型号与颜色；而页面顶部纯粹为了增加层次感的渐变背景图，则没有必要让读屏软件播报一句无关紧要的「装饰性色块」。
2. 写好Alt文本的四个核心原则
确认图片需要处理之后，接下来就是怎样表达的问题。遵循以下四条原则，基本可以应对大多数内容场景。
2.1 如实描述画面，而非堆砌关键词
替代文本的首要任务是把真实画面转达给用户，而不是取悦搜索引擎。比较一下：「原木色餐桌上摆着一碗热气腾腾的面条」是清晰自然的描述；而「面条 餐桌 原木 美食 家常菜」这种关键词罗列，既让对方读屏用户一头雾水，也难以带来有效的搜索流量。如果图片里本身就包含文字信息，例如海报标题、包装上的产品名称，应当把这些文字原样转写出来，因为它们往往是用户最急于获取的内容。
2.2 语言精炼，避免冗长啰嗦
屏幕阅读器会把整段替代文本逐字朗读出来，一段过长的描述不仅拖慢信息获取速度，还会让听者感到疲惫。能用一句话讲清的事情，就不要扩写成一段话。例如「雨后窗台上的玻璃珠」已经足够，不需要再补充「这是一个雨天过后，窗台上散落的几颗玻璃珠在照射下折射出周围景象」这类多余细节。如果画面本身确实信息量庞大，更合适的做法是在图片下方的正文里展开说明，而替代文本只需给出概括性的要点。
2.3 去掉「图片展示的是」这类开场白
「下图展示了」「如图所示」这类前缀除了占字数毫无用处——读屏软件在播报前会自动提示用户当前元素是图片。直接从画面主体开始描写即可，比如直接写「白瓷杯里盛着拉花拿铁，旁边放着翻开的食谱」，而不是「这是一张展示白瓷杯中拿铁与旁边食谱的图片」。
2.4 链接图片描述动作而非模样
当整张图片本身就是一个可点击的链接时，替代文本应当向用户说明点击后会前往哪里或触发什么操作，而不是描述图片长什么样。页面顶部的品牌Logo若指向官网首页，应写「前往某品牌官方网站首页」；一张引导用户参与活动的横幅，更适合写成「点击查看本季会员专属优惠」，而不是去细致描绘横幅上用了什么配色或图案。
3. 不同内容场景下的描述侧重点
即便是同一张图，放置在不同页面语境里，落笔的角度也会有所差异。参考下面几种常见场景，能让描述更贴合用户的真实预期。
- 商品图：优先交代品牌、型号、材质、规格与颜色。例如「某品牌不锈钢保温杯 哑光黑 500毫升」就比笼统的「一个杯子」有价值得多。
- 操作步骤图：重点说明该步骤完成后的界面状态或结果，比如「显示订单支付成功及预计送达日期的页面截图」，而不是描述按钮的位置。
- 数据图表：概括图表要传达的核心趋势或结论，例如「柱状图显示近三个月销售额逐月增长约两成」，不需要逐一罗列每个坐标轴的刻度。
- 人物肖像：若不是新闻类页面，通常无需描述外貌细节，优先写清人物的身份与场景，如「公司产品经理正在演示新功能原型」。
4. 编写时的几个常见避坑提醒
即便掌握了基本方法，实际操作中仍有一些容易踩中的问题，稍加留意就能避免。
- 不要在Alt里塞进整个页面或文章的关键词集合。这不仅无助于SEO，反而可能被搜索引擎判定为堆砌行为，同时严重干扰读屏用户的体验。
- 不要写「图片」「照片」「链接」等字眼。这些信息读屏软件会自动告知，重复只会制造噪音。
- 注意与图片标题（Title）及周边正文的分工。Alt文本保持简洁，图片下方的正文可以承担更多背景介绍，避免一段文字身兼数职而变得臃肿。
- 避免在电商页面用长句子描述氛围美。用户此时更关心规格参数和价格信息，替代文本应优先传递实用数据。
5. 常见问题
5.1 Alt文本写到多长比较合适？
没有绝对的硬性字数上限，但通常建议控制在80到125个英文字符（中文酌情对应）以内。过短可能信息不完整，过长则会让屏幕阅读器的朗读变得拖沓。优先用一两句话讲清核心画面即可，如果信息确实复杂，把多余细节放到正文里。
5.2 装饰性图片的Alt留空会影响SEO吗？
不会。将纯装饰性图片的Alt属性写成空值（alt=""）是规范的写法，它告诉搜索引擎和读屏软件这张图没有承载重要信息，反而有助于避免内容冗余。相比强行写一句「装饰用背景」，留空是更专业、更简洁的处理方式。
5.3 图片里含有文字时，Alt一定要把文字都写出来吗？
如果图片中的文字属于关键信息，例如产品名、价格、活动时间，就应当原样转写。但若文字只是设计元素的一部分，比如重复出现的品牌水印或装饰性标语，则无需在Alt里逐字复述。关键在于判断这些文字去掉之后，用户是否依然能完整理解页面信息。
6. 结语
写好Alt文本并不需要多高的技术门槛，它考验的更多是换位思考的能力：想象自己不看屏幕、只听语音播报，或者图片迟迟加载不出来时，你最想听到或看到怎样的描述。建议从现在起，每次更新内容时都顺手检查一遍图片的替代文本，养成先判断、再描述、后精简的习惯。长期坚持下来，网站的可访问性和搜索可见度都会获得实实在在的提升。
