替代文本检测工具
找出页面上所有屏幕阅读器无法读取的图片。
抓取页面并列出所有图片,标记缺失、空白、重复以及堆砌关键词的替代文本,并为每张图片提供修改建议。
检查项目
- 缺失与空白的替代文本
- 多张图片使用重复的替代文本
- 关键词堆砌与品牌名重复
- 本应留空的装饰性图片
每个数字背后的含义。
无法解读的报告,不过是用更长的话来表达出错了而已。
缺失与留空的区别
缺失是指完全没有 alt 属性,屏幕阅读器会退回直接朗读文件名。留空则是明确让屏幕阅读器跳过该图片,这是装饰性图片的正确做法。
重复内容
多张图片使用相同的替代文本,通常是因为模板自动生成的。这既无法向屏幕阅读器用户传达信息,对搜索也没有帮助。
关键词堆砌
在替代文本中堆满搜索词而非描述图片。朗读出来体验极差,而且多年来对搜索排名毫无助益。
字数长度
超过约 125 个字符后,部分屏幕阅读器会截断内容。如果描述确实需要更多篇幅,应将其写在页面正文中。
深入底层逻辑,拒绝空洞套话。
- 01
它首先是一项无障碍功能
视障客户正是通过替代文本了解您在售卖什么。这是撰写替代文本的初衷,做好了自然也会带来搜索流量。
- 02
Google 图片搜索依然能带来购买流量
对于实物产品,人们习惯通过视觉来搜索。替代文本和文件名是让图片被搜索到的关键因素。
- 03
它也是加载失败时的保底方案
当图片加载失败时(例如网络不稳定或 CDN 受阻),客户看到的是替代文本,而不是一片空白。
常测出的问题及修复方法。
Shopify 商店中最常被此工具检测出的 4 个问题。
发现的问题
替代文本是文件名
原因分析
缺少 alt 属性,导致辅助技术直接朗读文件名。
修复方法
用简短的一句话描述图片。例如,“藏青色亚麻衬衫内搭白色 T 恤”远好于“IMG_4417”。
发现的问题
每张图片都写着品牌名
原因分析
模板将商店名称自动写入了每个 alt 属性中。
修复方法
具体描述每张图片的内容。重复四千次品牌名没有任何意义。
发现的问题
朗读装饰性图片
原因分析
背景图案和间距占位图被添加了描述性替代文本。
修复方法
将它们的 alt 属性明确留空,以便屏幕阅读器直接跳过。
发现的问题
替代文本与图片说明重复
原因分析
屏幕阅读器会连续朗读两次相同的句子。
修复方法
如果页面上可见的图注已经做出了说明,替代文本可以直接留空。
本工具无法提供的信息。
每款工具都有边界。清楚它的局限,才能避免对结果进行过度解读。
- 本工具检测替代文本是否存在以及格式是否合理,但无法判断描述是否准确,这需要人工查看图片确认。
- 本工具不审计其他无障碍项目。对比度、键盘导航和焦点顺序同样重要,但不在检测范围内。
改为全天候持续监控。
免费安装 ShopSEO,不到一分钟即可完成首次审查,随时撤销任何不满意的内容。无需信用卡,无需修改模板,无任何绑定限制。