📍 WDQWDWQD987AAAAA:216.73.216.149
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /9b3654b4a691.html
📄

alt标签优化：怎样建立页面优化清单

建立alt标签优化清单的核心做法是：先按图片用途分类，再为每类图片写出可检查的alt填写规则，最后用固定字段逐张验收。不要把所有图片都套同一条规则，装饰图、信息图、功能图、链接图的处理方式不同，混在一起会让清单失去判断力。

先分清两类处理方案：全站统一规则与按图分类规则

做清单前要选一种组织方式。两种方案都可行，但适用条件不同。

• 全站统一规则：适合图片数量少、用途单一的页面，例如全部是产品实拍图。规则可以写成“每张图用一句短语说明图中主体”。优点是执行快，缺点是遇到图标、背景图、分隔线时容易写错。
• 按图分类规则：适合图片类型混杂的页面，例如同时有横幅、图标、截图、按钮。规则按类别分别写，验收时先判断类别再判断写法。优点是判断准确，缺点是需要多一步分类动作。

判断依据是页面里是否存在功能性图片。如果一张图承担链接、按钮或操作入口的作用，它就不属于普通内容图，统一规则会漏掉它的可访问性要求。反过来，如果整页图片都是同一种内容图，分类规则只会增加无效工作量。

按图片用途写出四类填写规则

分类之后，每类给出一条可执行的写法，并写清判断结果。

1. 信息图：图中有读者需要知道的数据、步骤或结论。alt应写出该信息本身，而不是“一张关于××的图片”。验收信号是：只看alt文字也能获得图里的关键信息。
2. 装饰图：纯背景、分隔线、纯美观元素。alt留空，即写成alt=""。验收信号是：屏幕阅读器跳过它，不会打断正文朗读。
3. 功能图：图片本身是可点击的链接或按钮。alt应写出点击后的结果，例如“查看购物车”。验收信号是：不看到图片也能知道点它会去哪里或做什么。
4. 图文重复图：紧邻的正文已经把图的内容说清楚了。alt可留空或写极简说明，避免同一信息被读两遍。验收信号是：朗读时不会出现连续两段几乎相同的文字。

这四类不是穷尽分类，但足以覆盖大多数页面。遇到无法归类的图片，先问一个问题：如果这张图加载失败，读者会缺少什么信息？缺少的信息就是alt要写的内容；什么都不缺，就留空。

把规则变成可逐张勾选的清单字段

规则只有落到字段上才能验收。建议每张图片记录以下五项，做成表格或工单逐条过。

• 图片位置：页面区块加序号，便于回查。
• 图片类别：信息图、装饰图、功能图或图文重复图。
• alt内容：实际填写的文字，或标记为空。
• 判定结果：通过、需改写、需留空。
• 复核人：谁做的最终判断。

一个简短的假设例子：某页面第三屏有一张“三步完成注册”的流程图。类别判为信息图，alt写成“注册三步：填写手机号、验证码、设置密码”。如果alt只写“注册流程图”，判定为需改写，因为它没有传达图里的步骤信息。这个例子只用于说明判断过程，不代表任何真实项目结果。

验收与复查：什么信号说明清单有效

清单做完后，用三个信号检查它是否可用。

• 随机抽十张图，按清单判断，不同人得出的类别和判定结果是否一致。不一致说明规则写得不够具体。
• 关闭图片显示后阅读页面，信息是否仍然完整。缺失的部分说明有信息图的alt没写到位。
• 用读屏方式走一遍主要操作路径，功能图的alt是否能让人顺利完成点击。卡住的位置就是需要补写的位置。

需要说明的是，alt标签影响的是图片内容的可理解性，属于页面理解环节，与抓取、索引、排名不是同一件事。清单能改善的是内容表达质量，不能替代对页面整体结构的检查。

下一步：挑一个图片类型最多的页面，按上面的四类规则和五项字段做一遍，记录下判断不一致的地方，再回头修改规则文字，直到两个人能得出相同结论。