图片alt文本怎么写才规范？实用撰写要点全解析
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /a17c950e0250.html
📄
alt文本是图片标签里的一段替代性文字说明。它有多重使命：图片加载失败或网速慢时，这段文字会占住图片的位置呈现给读者；搜索引擎的爬虫靠它来理解图片的主题；而使用屏幕阅读器的视障人士，也依赖它来获取图片背后的信息。一份优质的alt文本，需要在这三种场景下都发挥价值。
1. 动笔前先想清楚图片的用途
写alt文本的第一步，是弄清楚这张图片在页面里承担什么任务。如果图片承载着不可替代的信息，比如商品实物图、数据图表或软件界面截图，alt必须提炼出图中最核心的内容。比如一张折线图，可以写成“近三年门店月度客流变化折线图，夏季为客流高峰”。
如果图片只是用来装饰，例如背景纹理、色块或分隔线，那就该保留alt属性但将值留空（alt=""）。这样做既不影响屏幕阅读器的正常播报，也能防止搜索引擎误解图片含义。千万别填入“装饰图”“元素图”这类没实际意义的词语。
电商页面的产品图，alt文本推荐按“品牌+系列+型号+关键特性”的方式组织，例如“小米米家智能门锁E30 指纹密码双解锁 虚位密码功能”。避坑要点是别把“图一”“产品展示”这类笼统说法当alt，更不要把整个页面标题不加处理地粘进去。
2. 关键词融入要自然，不过度堆砌
搜索引擎确实会用alt来把握图片主题，但这不等于可以往alt里硬塞一堆词。比较妥当的做法是先用一句顺口的描述点明图片画面，再在合适位置自然带出目标词。例如一张徒步装备的照片，写成“户外徒步背包搭配登山杖与护膝的成套装备”就比“户外 背包 登山杖 护膝 装备”这种断句式堆叠更耐读，后者显得刻意，还可能被判定为垃圾信息。
另外，要把alt和title分清楚。alt是图片的正规替代说明，关系到无障碍浏览和SEO，必须有内容或用空值声明；title只是鼠标悬停时弹出的提示小气泡，属于锦上添花。不要图省事省掉alt，指望靠title传达关键信息。
3. 不同图片类型，写法各有讲究
网站里的图片形态很杂，处理时最好分门别类，别一套模板走天下。
- 按钮式图片：alt直接表达按钮的动作含义，比如“立即预约”“下载报价单”“开始测试”。
- 链接型横幅图片：alt要讲清点击后会看到什么，而不是描述图片本身。比如横幅链到一篇评测，alt写“查看旗舰手机全面评测：影像与续航实测”。
- 人物照片：写出人物姓名和场景身份，如“项目经理李婷在季度复盘会上汇报进度”；若是系统默认头像，则把alt留空。
- 流程示意图或长图：alt只给出整体主题的概括，如“公众号推文从选题到发布的全流程示意”，细节数据应在正文段落里另行交代。
- 功能性小图标：alt直接写图标的交互用途，放大镜图标写“搜索”，铃铛图标写“通知”，而不是描述成“放大镜图形”“铃铛图形”。
4. 撰写常见场景的几个实用避坑点
操作时还有几处容易踩坑的地方值得留意。
- 不要用中文逗号或空格把关键词连成长串，那样读起来很别扭；尽量用完整的一句话。
- 图片旁已有文字说明时，alt不必重复相同内容，可以精炼点题，例如旁边有价格文字时，alt可写“商品图：高帮帆布鞋奶油白配色”。
- 保证alt与实际图片内容相符，不要写与画面无关的促销语或无关链接描述。
- 纯背景图或纯装饰性间隔条，记得用空值alt，而不是省略属性或填无关文字。
5. 常见问题
5.1 alt文本该写多长才合适？
没有绝对字数标准，但建议控制在一两句内，一般不超过约80个中文字符。关键是把图片最核心的信息说清楚，信息量大的图表适合在正文里展开细节，alt只要点明主题即可。
5.2 图片链接的alt和普通图片有区别吗？
有区别。链接图片的alt重点应描述目标页面或动作结果，帮助用户和搜索引擎判断点击后会获得什么内容。普通展示图的alt则聚焦于图片本身的内容。
5.3 写alt时要不要把品牌词或型号都放进去？
不是必须，但值得考虑。如果是产品图或与品牌强相关的场景，在自然的前提下融入品牌和型号能提升图片搜索的可识别性；如果图与品牌关系不大，硬塞反而显得不自然。
6. 总结
写好alt文本的关键是明确图片角色、内容与表达兼顾、按类型差异处理。每次写之前先问自己：这张图信息是否关键？读者不看图能懂吗？然后据此决定是写描述、留空，还是简洁概括。从今天起，给页面里每张有意义的图片配一句清楚自然的alt，既方便了搜索，也为有障碍的用户多了一分温暖。
