图片 alt 怎么写:Google 读的是哪几样,四种情况该留空

图片 alt 是给看不见这张图的人写的一句描述,不是关键词位。四类图片正确写法是留空,而把属性整个省掉说的是另一件事。附六行发布前自查表与一段找缺属性的命令。

排名与引用6 分钟读完876 次阅读
图片 alt 怎么写:Google 读的是哪几样,四种情况该留空

图片 alt 写的是一句描述,给看不见这张图的人用。Google 拿它和另外两样东西一起判断这张图是关于什么的,而把它当关键词字段填,官方文档给的定性是可能被当作垃圾内容。有四类图片,正确写法是留空;而把这个属性整个省掉,说的又是另一件事。

读这篇前

你得能改页面输出的 <img> 标记 —— 在托管建站平台上,这可能是媒体库里的一个输入框而不是 HTML。还得先分清这一页上哪些图是内容、哪些图是装修。第二件事占了这一章的大半工作量,没有工具能替你判。

这个属性不是关键词位

Google 的图片 SEO 文档,2026-08-26 读到的原文,给了它一个明确的职责,然后画了条线:

"Google uses alt text along with computer vision algorithms and the contents of the page to understand the subject matter of the image."

三个输入,你写的这句只是其中一个。同一页写了往里塞会怎样:「Avoid filling alt attributes with keywords (also known as keyword stuffing) as it results in a negative user experience and may cause your site to be seen as spam.」

有一种情况它会多干一件事。Google 写道「alt text in images is useful as anchor text if you decide to use an image as a link」—— 图片被链接包住时,这句描述同时在承担锚文本的作用,写得含糊等于亏两次。做出海站的产品图很多是可点的,这一条踩中的概率不低。

图片 alt 怎么写:四步

先描述,再删。下面每一步都是从你已经写出来的那句话里去掉点什么,所以顺序比任何单条规则都重要。

  1. 把图片从页面里单独拎出来看,用嘴说一遍它是什么。这句话删干净通常就是答案
  2. 看周围的文字是不是已经说过了。图注或下一段已经点了名,就别重复名字 —— 这句要补的是图比文字多出来的那部分
  3. 压到一个短句。Google 自己那份从低到高的示例是:alt="puppy" 标为 Better,alt="Dalmatian puppy playing fetch" 标为 Best
  4. 把图藏起来再读一遍。这句话还能告诉你点什么,就成了;读起来像商品类目名,重写

HTML 标准把失败的样子说得更直接。讲到一张走势图时,它写「'sales graph' would be inadequate alternative text for a sales graph」,并给出正确写法 —— 把图里的那几个数字念出来。说出一张图属于哪一类,不算描述它。

四种情况下,正确答案是留空

属性写成空字符串,和根本没有这个属性,是两种不同的声明。HTML Living Standard,2026-08-26 读,把「省略」当成一种主张:这张图是内容的关键部分,而且没有任何文字能替代它。写成空的说的是反面:这里没有值得念出来的东西。

这张图是该写为什么
页面的内容一句描述文字要能替代它
装饰、只属本页alt=""不带信息
重复旁边文字alt=""会被念两遍
陪衬、无图注alt=""描述了也没用
计数用的像素alt=""对读者不是图
整站设计的一部分挪进 CSS它不是文档内容

最后一行是标准的首选,不是我们的偏好:「If an image is decorative but isn't especially page-specific — for example an image that forms part of a site-wide design scheme — the image should be specified in the site's CSS, not in the markup of the document.」

有一个例外值得背下来,因为它专门坑刚学会这条规则的人:陪衬图如果带了图注,这个属性就不许留空。标准的说法是留空「would be quite confusing for non-visual readers」—— 图注宣告了有一张图,那张图却什么都不说。

交付物:发布前六行自查

拿这份表把要发的那一页上的图过一遍。每页大约一分钟,上面说的问题都能拦住。

查什么过了是什么样
属性在不在每个 img 都有
内容图有描述是短句不是名词
装饰图留空写空,不是省掉
带图注的图绝不留空
可点的图说清点过去是什么
没有重复句同一句不出现两次

再加一段命令,把「压根没有这个属性」的图找出来 —— 这是整件事里唯一能交给机器的部分:

# 找出这一页上没有 alt 属性的图
curl -sL --compressed -A 'Mozilla/5.0' https://example.com/page \
  | grep -o '<img[^>]*>' | grep -v 'alt=' 

它有两件事做不到。它读的是原始 HTML,脚本插进去的图看不见;它也分不出一句描述写得好不好,而那恰恰是要紧的部分。

做错了会怎样

最常见的失败不是缺属性。本站测过27 个首页 1,690 张图的 alt,结论是缺的少、空的多 —— 多数团队已经装了检查工具,然后用一对引号把它满足了。检查过了,什么也没描述。

第二种是关键词列表,也是唯一一种官方点名后果的。Google 的文档里给了一个塞了四十来个狗的同义词的例子,标为 Bad,垃圾内容的警告就写在同一节里。

第三种是抄图注。图注已经写着「叼着飞盘的斑点狗幼犬」,属性里再写一遍,读屏软件会把这句念两次。这不是排名问题,是阅读问题 —— 而标准把这两件事当成同一件事处理。

两种被规模化的错法

第四种是模板批量生成,做跨境独立站的最容易撞上。主题把商品标题直接灌进每一张产品图的 alt,而商品标题为了搜索本来就是一串堆起来的词。结果是整站几百张图的描述全是关键词列表,而且没有一处是人写的 —— 上面第二种失败被系统化成了默认行为。查法是随便打开三个商品页,看三张图的描述是不是同一套句式。

多语言站还有一种漏法:正文翻了十二种语言,alt 留在原语种没动。Google 的文档提到本地化时顺带写了图片这一层,连文件名都建议一起翻。描述没翻,等于这十二个页面在图片这一层上是同一个页面。

空的 alt 也是一句话:这张图没说任何文字没说过的东西。是真的,才这么写。

这一章管不到的地方

图片 alt 本身不会让一张图排上去,也救不了一页本来就单薄的文字。Google 的文档写得很直白,主要权重在页面本身:「Google extracts information about the subject matter of the image from the content of the page, including captions and image titles. Wherever possible, make sure images are placed near relevant text and on pages that are relevant to the image subject matter.」

所以这句描述是挂在一个更大信号上的小信号。一张图放在一节压根不讨论它的正文里,属性怎么写都补不回来 —— 该修的是页面结构:被摘走的是一节不是一整页。想看页面在这一切之前是怎么到达引擎的,可以看看 QueryWin 是怎么运转的

常见问题

alt 里要不要放关键词

图里就是那个东西的时候放。Google 的原话是「uses keywords appropriately and is in context of the content of the page」,等于排除了塞一个和画面无关的词。诚实的那句描述里恰好含那个词,就什么都不用调。

alt 该写多长

官方没有给过字数上限,绝大多数情况一个短句就够。例外是带数据的图 —— 走势图、被做成图片的表格 —— 标准自己那个例子把数字一个个念了出来,因为没有更短的替代办法。

没有 alt 属性,是不是比空的更糟

是两种声明,不是好坏排序。省掉它,主张的是这张图是内容的关键部分、没有文字能替代;写成空的,主张的是这张图不带信息。多数缺属性的图两种都不属于,所以诚实的修法通常是补一句描述,不是补一对引号。

脚本插进来的图怎么算

属性照样适用,但不渲染的客户端根本看不到这个元素。Google 索引的是 <img>src 里那张图,CSS 背景图它不索引 —— 所以装饰图挪进样式表这一步,本身就意味着它不会出现在图片搜索里。

文件名有用吗

有一点。Google 的说法是「very light clues」,并建议 my-new-black-kitten.jpg 好过 IMG00023.JPG。取名的时候顺手做值得,为它做一次批量改名不值得 —— 改图片网址会丢掉 Google 已经缓存的那一份。

本文属于 QueryWin 实操手册 · 第 2 阶

图片 alt 怎么写:Google 读的是哪几样,四种情况该留空