图片 Alt 文本怎么写？SEO、无障碍访问和产品图片描述指南

很多网站图片都有 alt，但写法很随意：有的为空，有的堆关键词，有的所有图片都叫“图片”。Alt 文本真正的作用是描述图片内容，帮助搜索引擎和读屏用户理解页面。

这篇讲不同图片的 alt 怎么写，可以配合 图片 Alt 文本检查器 扫一遍页面里的图片描述。

Alt 不是关键词垃圾桶

错误写法：

alt="女装 女装批发 便宜女装 爆款女装"

更好的写法：

alt="白色短袖衬衫搭配浅蓝牛仔裤的女装模特图"

Alt 应该描述图片，而不是把关键词塞满。自然、准确、和页面内容相关最重要。

产品图怎么写

产品图片建议包含：

• 产品名称。
• 颜色、材质、型号等关键区别。
• 图片展示角度或状态。

例如：

黑色皮革双肩包正面细节图

不要每张都写同一个产品名。正面图、背面图、细节图应该有所区别。

文章配图怎么写

文章配图的 alt 应该服务于上下文。

如果图片是教程截图：

Chrome DevTools Network 面板中的 Response Headers 示例

如果图片只是装饰背景，可以留空 alt，让读屏器跳过：

alt=""

装饰图硬写描述，反而会打扰无障碍阅读。

文件名和 Alt 可以配合

图片文件名也应该有基本可读性，例如：

heic-to-jpg-tool-preview.png

比：

IMG_9382.png

更容易管理。文件名不替代 alt，但两者都能让图片资产更清楚。

如果图片太大，可以先用 图片尺寸调整 / 压缩工具 和 图片压缩 / 格式转换工具 优化体积。

检查清单

1. 重要内容图有 alt。
2. 装饰图 alt 为空。
3. 产品图描述具体差异。
4. 不堆关键词。
5. 不重复使用完全相同描述。
6. 截图说明对应页面操作。

总结

好的 Alt 文本应该让看不到图片的人也大概知道图片在表达什么。它服务 SEO，也服务真实用户。

你可以用 图片 Alt 文本检查器 检查页面图片，再逐张补充准确、自然的描述。