图片 Alt 文本:为什么重要以及如何撰写

Alt 文本让图片变得可访问,并帮助搜索引擎理解视觉内容。学习如何为 SEO 和无障碍访问撰写有效的 Alt 文本。

什么是图片 Alt 文本?

Alt 文本(替代文本)是描述图片内容的 HTML 属性。它有两个关键作用:

  1. 无障碍访问 — 屏幕阅读器会为视障用户朗读 Alt 文本
  2. 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 文本非常繁琐。自动化审计应该:

  1. 标记缺少 alt 属性的图片 — 最高优先级
  2. 检测泛化的 alt 文本 — "图片"、"照片"、"未命名"
  3. 找出过长的 alt 文本 — 超过 125 个字符
  4. 识别关键词堆砌的 alt 文本 — 不自然的重复
  5. 报告图片文件大小 — 未优化的大图影响性能

Kaitico 在审计过程中扫描每个页面的每张图片,报告缺失和有问题的 Alt 文本,以及图片 URL 和页面位置。

想检查你的网站是否存在此问题?

Kaitico 可以一键扫描全站,找出所有 SEO 问题。

免费开始审计