图片 Alt 怎么写?SEO 和无障碍的实用方法

蜗牛大人SEO教程

给文章配好图片后,很多人会在 Alt 栏里写「图片 1」,或者干脆把文章关键词贴进去。前者没有说明图片内容,后者读起来像关键词堆砌。

Alt 是图片的替代文本。它首先要把图片传达的信息告诉看不到图片的读者;同时也能给搜索引擎提供图片主题的线索。写 Alt 时,先想象一个看不到图片的人需要知道什么。更多图片收录建议可看 Google 图片 SEO 指南。

Alt 文本放在哪里?

HTML 图片元素可以这样写:

<img src="siteground-domain-settings.png" alt="SiteGround 域名设置页面中的 Registrar Lock 开关">

alt 属性不会像图片标题那样常驻显示在页面上。它主要用于图片无法显示的情况,也会被屏幕阅读器读出来。Google 的图片指南也建议把图片放在相关文字附近,并使用简短、描述性的文件名和替代文本。

先区分图片用途

有信息的图片:写出关键信息

产品照片、操作截图、图表、流程图等图片,通常需要 Alt。描述重点是图片里对当前页面有用的信息,而不是重复整段正文。

例如:

  • 产品图:蓝色不锈钢保温杯,容量 500 毫升;
  • 教程截图:阿里云域名转入页面,已填写域名和 EPP 授权码;
  • 图表:2025 年各地区订单量对比,欧洲占比最高。

如果截图里的文字很复杂,Alt 可以概括截图用途,关键操作文字还应在正文中写出来。不要让图片成为唯一的信息来源。

纯装饰图片:使用空 Alt

如果图片只是边框、花纹或重复的装饰元素,不承载额外信息,可以写 alt=""。这样屏幕阅读器会跳过它,避免读者被无意义的图片打断。

空 Alt 和完全省略 Alt 不一样。信息图片缺少 Alt 时,辅助技术可能会尝试朗读文件名;装饰图片用空 Alt 才是在告诉它「这里不需要额外说明」。

图片是链接:描述链接目的

如果图片本身是可点击链接,Alt 应帮助用户理解点下去会发生什么。例如,链接到产品详情页的产品缩略图,可以写产品名称;如果旁边已有完全相同的文字链接,图片可能是装饰用途,可以留空,避免同一内容被重复朗读。

一套简单的写法

  1. 看图片本身:画面里是什么对象、状态或结果?
  2. 结合所在段落:读者为什么需要看这张图?
  3. 写必要信息:用一句自然的话概括,不加「图片是」「照片显示」等填充语。
  4. 删掉多余关键词:如果去掉关键词后句子更像人话,就删掉。

Alt 没有适用于所有图片的固定字符长度。以清楚、简短、能传达信息为准。如果画面表达复杂数据,Alt 可以概括,完整数据放在正文或相邻表格里。

常见错误

把关键词重复好几遍

alt="SEO优化 SEO图片 SEO工具 SEO指南" 没有描述画面,也会让读屏体验很差。关键词只有在自然描述图片时才适合出现。

所有图片都写成「文章主题 + 图片」

同一篇文章的每张图可能表达不同内容。逐张描述,别复制同一段 Alt。

只写文件名

IMG_0831.webp、图片3 无法帮助读者理解。文件名本身也应尽量简短、易识别,但不能代替 Alt。

用 Alt 代替正文

图片包含重要步骤、价格或规格时,在正文中也要提供文字说明。Alt 是替代文本,不是藏说明或放关键词的地方。

WordPress 里从哪里填写

在媒体库或文章编辑器中选择图片,通常能看到「替代文本」字段。插入文章后,可以预览前台或查看页面 HTML,确认生成的 <img> 带有合适的 alt 属性。主题背景图和装饰图可能不是通过图片块插入,处理方式会不同。

如果网站图片很多,可以优先从产品页、流量较高的文章、操作截图和图表开始补充。不要为了显示「Alt 覆盖率 100%」给每个装饰图片编一句描述。

Alt 能直接提升排名吗?

Alt 有助于搜索引擎理解图片,也关系到图片搜索和可访问性,但它不是把关键词塞进去就能提高页面排名的开关。页面的文字上下文、图片质量、图片与主题的相关性以及整体内容都需要一起看。

延伸阅读:《Title 和 Description 怎么写?》和《外贸网站页面怎么设计?》。

总结

Alt 要写的是图片传达的信息,不是 SEO 口号。产品图、截图和图表写清楚;纯装饰图片留空;不要堆关键词,也不要把重要内容只放在图片里。这样既方便搜索引擎理解,也方便使用屏幕阅读器的读者。

文章版权归作者所有,转载请注明出处:https://woniune.com/posts/seo-image-alt-text/
上一篇Schema 结构化数据是什么?什么时候值得添加

相关推荐