图片alt属性，新站首轮工作如何安排
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /9c3df6564662.html
📄
图片alt属性，新站首轮工作如何安排
新站首轮处理图片alt属性，不要给全站图片批量填词。先选首页、栏目页和最近发布的10到20篇内容，检查每张内容图片是否有替代文本、是否与图片表达的信息一致，再决定补写、改写或保留。首轮目标不是“每张图都加alt”，而是让搜索引擎和读屏用户都能理解图片在页面里的作用。
先观察：哪些图片值得处理
打开浏览器开发者工具或直接查看页面源代码，找到<img>标签，看它有没有alt属性。可以把图片分成三类：
- 内容图片：能独立传达信息的图，例如产品实拍、步骤截图、数据图表。这类需要写alt。
- 装饰图片：只起分隔、背景或美化作用，不承载信息。这类通常留空alt，即
alt=""，让辅助技术跳过。 - 功能图片：作为链接或按钮的图，例如图标入口。alt要说明点击后的去向或动作，而不是描述图形本身。
如果一张图周围已经有完整文字说明，alt可以简短，避免和正文重复。判断标准是：把图片拿掉后，用户是否还能从文字中得到同样的信息。能，就说明alt不必重复；不能，就说明这张图需要补。
再判断：alt写什么才算合格
合格的alt通常满足三点：描述图片传达的信息，而不是罗列像素和文件名；和页面主题相关；长度控制在读屏能顺畅读完的范围。例如一张展示“蓝色运动鞋侧面”的产品图，写成“蓝色运动鞋侧面”比“IMG_2031”有用，也比堆砌“运动鞋 男鞋 跑步鞋 透气 减震”更自然。
如果图片是图表，alt应概括图表结论，例如“2024年四个季度销售额逐季上升”。如果图片是操作截图，alt可以写“后台内容设置页的标题输入框位置”。如果图片只是文章配图且不承载额外信息，可以留空，不要为了凑数量硬写。
处理顺序：从模板到单篇
新站首轮建议按以下顺序执行：
- 检查全站图片输出模板，例如文章封面、作者头像、侧栏广告位。模板图如果重复出现，先统一规则：内容型封面写标题相关描述，装饰型留空。
- 处理首页和主要栏目页的图片。这些页面通常是搜索引擎抓取和用户访问的起点，优先保证图片含义清楚。
- 处理最近发布的10到20篇内容。逐张看内容图，补写或改写alt。
- 记录修改前后差异，例如哪些图从无alt变成有alt，哪些从关键词堆砌改成自然描述。
不要一次性改完所有历史图片。新站首轮先建立规则和样本，后续再按栏目或时间批次推进。判断是否继续扩大范围，可以看两个信号：模板规则是否稳定，以及编辑是否能在发布时顺手填写alt。
复查：怎么确认首轮有效
复查时不要只看“有没有alt”，还要看“alt是否合理”。可以抽查5到10个页面，逐张图片问三个问题：这张图在页面里承担什么作用？alt是否准确表达了这个作用？如果图片加载失败，alt文字能否让用户知道这里原本是什么？
还可以用读屏工具或浏览器无障碍检查功能试读页面。如果读屏把装饰图也读出来，说明该留空的地方没有留空；如果内容图被读成文件名或一串关键词，说明alt需要改写。复查结果分三种：合格、需改写、需留空。按这三种结果分别处理，不要统一套模板。
下一步做什么
先选一个页面做样本：打开它的源代码，找出所有<img>标签，按内容图、装饰图、功能图分类，给每张图写出或留空alt。完成后再把这个判断方法交给负责发布内容的人，作为新站图片上传前的检查项。
