什么是图片 Alt 文本?
Alt 文本(替代文本)是描述图片内容的 HTML 属性。它有两个关键作用:
- 无障碍访问 — 屏幕阅读器会为视障用户朗读 Alt 文本
- SEO — 搜索引擎无法"看到"图片,它们依赖 Alt 文本来理解图片内容
<img src="seo-dashboard.png" alt="SEO 审计仪表板显示 85 分,3 个错误和 8 个警告" />
为什么 Alt 文本很重要
帮助搜索引擎理解图片
Google 图片搜索是第二大搜索引擎。没有 Alt 文本,你的图片对它来说是不可见的。描述性的 Alt 文本帮助你的图片出现在图片搜索结果中,带来额外流量。
无障碍合规
Alt 文本是 WCAG(网页内容无障碍指南)的要求。没有适当 Alt 文本的网站可能面临合规问题,并排除了依赖辅助技术的用户。
图片加载失败时的后备
当图片加载失败时(网速慢、URL 损坏),Alt 文本会替代显示,保留内容的含义。
常见的 Alt 文本问题
| 问题 | 影响 |
|---|---|
| 缺少 alt 属性 | 图片对搜索引擎和屏幕阅读器不可见 |
| 有意义的图片使用空 alt | 丢失 SEO 机会,无障碍性差 |
| 泛化的 alt 文本("图片"、"照片") | 对任何人都没有有用信息 |
| 关键词堆砌的 alt 文本 | 可能被标记为垃圾信息 |
| 装饰性图片添加了 alt 文本 | 给屏幕阅读器用户增加噪音 |
如何撰写好的 Alt 文本
1. 具体且有描述性
描述图片实际展示的内容,而不是你想让它排名的关键词。
差: SEO SEO 审计工具 SEO 检查
好: 柱状图对比移动端和桌面端的页面加载时间
2. 保持简洁
控制在 125 个字符以内。屏幕阅读器可能会截断更长的文本。
3. 不要以"图片"或"照片"开头
屏幕阅读器已经会告知用户这是一张图片,以"图片"开头是多余的。
4. 自然地包含关键词
如果图片确实与你的目标关键词相关,自然地包含它——但绝不要强行塞入。
5. 装饰性图片使用空 alt
纯装饰性图片(边框、间距、图标)应使用空 alt 属性(alt=""),让屏幕阅读器跳过它们。
批量检查 Alt 文本
手动审查每张图片的 Alt 文本非常繁琐。自动化审计应该:
- 标记缺少 alt 属性的图片 — 最高优先级
- 检测泛化的 alt 文本 — "图片"、"照片"、"未命名"
- 找出过长的 alt 文本 — 超过 125 个字符
- 识别关键词堆砌的 alt 文本 — 不自然的重复
- 报告图片文件大小 — 未优化的大图影响性能
Kaitico 在审计过程中扫描每个页面的每张图片,报告缺失和有问题的 Alt 文本,以及图片 URL 和页面位置。