图片Alt文本怎么写？一套方法兼顾SEO排名与无障碍阅读
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /ae0cf4d4b607.html
📄
Alt文本就是图片的隐形解说员，搜索引擎靠它读懂图像，视障用户靠它“看见”画面。写得好的Alt文本，能让图片在搜索结果里获得更多展示机会，同时让依赖屏幕阅读器的访客顺畅理解内容，一举两得。
1. 先想清楚：这张图到底需不需要写描述
不是每张图片都必须配文字，先分清楚图片的性质，能省下不少时间，也能避免给辅助设备添乱。
信息型图片承担着传递内容的任务，比如商品实拍、数据统计图、操作流程截屏，这类图必须写清说明。装饰型图片只负责美化页面，像背景纹理、分割线、装饰性插画，则可以用空Alt属性跳过。
判断标准很简单：如果图片加载不出来，页面的关键信息会不会因此丢失？如果会，就认真写描述；如果完全不影响理解，就把Alt属性置空。比如电商详情页里标注尺寸的主图，必须写清楚细节，而页面顶部纯粹为了观感设置的渐变色块，就不必让读屏软件多读一句。
2. 写出好描述的四条核心规则
确认图片需要处理之后，讲究的是写得准、写得简。这套规则覆盖了绝大多数日常场景。
2.1 描述画面本身，别硬塞关键词
Alt文本的使命是还原事实，不是讨好排名算法。写“米黄色布艺沙发搭配深色木质茶几”是合格的描述，而写成“沙发 茶几 布艺 客厅 装修 现代风”这种关键词堆砌，既让人费解，也换不来什么搜索流量。如果图片里印着文字，比如海报标题、包装上的产品名，务必把这些字完整转写出来，很多人寻找的就是这段文字。
2.2 控制篇幅，一句话能说清就别写一段
屏幕阅读器会把整段文字逐字念出来，过长的描述既拖慢信息接收，也容易让人失去耐心。写“雨后路面的积水倒影”就足够了，不必补充成“这是一场降雨过后，道路表面残留的积水里倒映出周边建筑和天空的画面”。当图片信息量确实庞大时，把细节放到正文里讲，Alt文本只给一个精炼的概括。
2.3 去掉“这是一张展示……”式的开场
读屏软件播报前会自动提示“当前为图片”，再写“以下图片为”“上图展示了”纯属重复。直接切入画面核心内容就好，比如写“冒着热气的咖啡杯旁散落着几颗咖啡豆”，不必绕弯子说“这张图片展示了一杯咖啡和旁边的咖啡豆”。
2.4 图片是链接时，写点击后会发生什么
整张图被设置为可点击区域时，Alt文本应该告诉用户点击的后果，而不是描述画面长什么样。页头Logo链接到品牌首页，就该写“前往某某品牌官方网站”；促销横幅关联到活动页面，写“查看本季折扣商品清单”比描述横幅上模特的姿态有用得多。
3. 不同图片类型，落笔有侧重
同样的画面放在不同语境里，描述角度可以差很多。掌握下面几个方向，写起来更有针对性。
- 商品图片：优先交代品牌、型号、材质、规格、颜色。例如“某品牌铝合金折叠梯 承重150公斤”就比“梯子”清晰实在。
- 步骤示意图：重点放在操作完成后的结果上，比如“提交订单页面显示支付成功”比描述界面的配色布局更有帮助。
- 数据图表：提炼出核心趋势或结论，例如“页面访客量近半年稳步增长，六月达到峰值”。
- 人物照片：结合上下文交代必要的信息，比如团队的合照写清人物身份，而不是泛泛而谈“几个人的合影”。
4. 避开这几个高频写作误区
了解常见错误，能更快提升Alt文本的质量，不至于在细节上栽跟头。
- 把文件名当描述：“IMG_20250321_0930.jpg”这类字符毫无意义，必须换成有实质内容的描述。
- 描述过度主观：写“美丽的花朵”不如写“粉色的玫瑰花丛”，形容词不能替代客观画面信息。
- 全站套用同一套文案：每张图的内容不同，Alt文本就应该独一无二，复制粘贴会稀释图片的辨识度。
- 忽略图片内嵌文字：含文字的截图或海报如果不转写文字，等于把关键信息对辅助技术用户隐藏了。
5. 常见问题
5.1 空Alt属性和省略Alt属性是一回事吗？
不是。空Alt属性写作alt=""，是主动告诉读屏软件“这张图可以跳过”。省略Alt属性则可能导致屏幕阅读器朗读文件名或图片路径，造成困扰。装饰性图片一定要用前者。
5.2 Alt文本写多长才算合适？
一般控制在125个字符以内，也就是大约80到100个汉字，这个长度能被读屏软件顺畅读完，也不会让信息显得仓促。超过这个范围，优先考虑把更细致的说明移到正文段落中。
5.3 图片在移动端和电脑端显示不同，Alt文本要分别写吗？
不需要。同一张图在不同设备的显示差异通常来自裁剪或缩放，核心内容没有变化，一套Alt文本完全可以通用，重点是描述清楚图片想传达的信息本身。
6. 总结
写好Alt文本并不复杂，核心就是三步：先判断图片是否需要描述，再按画面内容如实精炼地表达，最后结合页面语境选择侧重。每处理一张图，都等于同时为搜索可见性和用户友好度加了一分。建议从产品页或教程页开始，把这些规则一一落实，你会发现投入不大，带来的体验改善和流量回报却相当可观。
