产品图片 alt 文本：6 种等于没写的写法

产品图片 alt 文本，是尺寸图悄悄消失的地方。图片正常加载，尺寸就用 48 号字标在上面，但除了人眼之外的每一个读者——屏幕阅读器、搜索引擎爬虫、AI 回答引擎——拿到的都是一片空白。

Baymard Institute 的电商无障碍基准测试给出了具体数字：55% 的电商网站没有用 alt 文本传达信息型图片的核心内容，64% 把文字直接嵌进图片里，9% 只用一张图来呈现复杂信息。如果你卖家具、五金或建材，最后那 9% 几乎肯定包括你，因为尺码表就是一张 JPEG。

下面是从真实商品图库里扒出来的六种 alt 文本写法、每一种为什么失效，以及该改写成什么。

产品图片 alt 文本到底要承担什么

产品图片 alt 文本是存在图片 alt 属性里的文字替代内容——屏幕阅读器会用这段文字代替图片念出来，它也是所有"看不见图"的系统唯一能拿到的图片描述。

它有两类读者，而多数卖家只给第一类留了预算：

W3C 的 Web 无障碍倡议（WAI）把根子上的问题讲得很直白：当文字被烤进图片里，"更好的设计做法是使用由 CSS 排版的真实文本，而不是基于图片的文字呈现"；而当图片形式的文字确实无法避免时，文字替代内容必须包含与图片中完全相同的文字。印在 JPEG 里的尺寸不是产品数据，它是产品数据的一张照片，除了人眼没有东西读得懂。

在欧洲，这件事现在还多了一条法律边界。《欧洲无障碍法案》——2019/882 号指令（EU）——在第 2(2)(f) 条把电商服务列入受管辖服务，各成员国自 2025 年 6 月 28 日起适用。第 4(5) 条给了提供服务的微型企业豁免，第 3(23) 条把微型企业定义为员工少于 10 人、且年营业额或资产负债表总额不超过 200 万欧元。如果你的规模超过这条线，又向欧盟消费者销售，那张尺码表 JPEG 就不再只是转化率问题。

反面写法 1：文件名

alt="IMG_4821.jpg"。alt="sofa-3-final-v2-USE-THIS"。alt="chair_dim_01"。

图片从文件夹里导出、批量上传、没人写说明，就是这个结果。页面上如果缺少 alt 属性，多数屏幕阅读器会退回去念文件名——顾客听到的是"I M G 下划线 四 八 二 一 点 j p g"，然后就走了。

改法一点也不高明：写一句话，说清这张图里的这个具体产品。

反面写法 2：关键词堆砌

alt="sofa couch settee 3 seater sofa cheap sofa modern sofa living room sofa buy sofa online"。

Google 自己的图片指南直接点了名：alt 文本是"为图片提供更多元数据时最重要的属性"，而往里塞关键词"会带来糟糕的用户体验，还可能让你的网站被视为垃圾内容"。Google 拿出来当正面示范的那条只有四个词：alt="Dalmatian puppy playing fetch"。

还有一笔没人提的成本。屏幕阅读器会按用户的朗读速度把整串念完，中途无法跳读。九个重复关键词就是九秒噪音，读者在这九秒里对你的产品一无所获。

写那句真正的描述。你真想排的那个关键词，会自然地在里面出现一次。

反面写法 3：只以图片形式存在的尺码表

这是最贵的一种，也是家具、服装和建材行业的默认做法：把整张尺寸表导成 1200 像素宽的 PNG，扔进图库。

W3C 把这类图归为复杂图片，并要求提供两段式的文字替代——一段简短描述用来标识这张图并指向长描述，一段长描述作为"图片所传达的关键信息的文本表示"，而且要对所有人可见，不能藏起来。

实操层面，"对所有人可见"就是全部答案。别想把十二项尺寸硬塞进 alt 属性。把这张表用真正的 HTML 表格发在页面上，然后让 alt 属性指向它：

alt="Larsen 系列沙发尺码表，相同尺寸已列在下方表格中"

然后把表格放在下面。这不花你什么成本——标记好的表格可被索引、可被 AI 回答引擎直接引用、可翻译，还能在手机上自适应，而一张 9 号字的 1200 像素 PNG 做不到这些。像标准沙发尺寸这样的参考页面，正是为此以文本形式存在。如果你还想照顾那些从不下滑的买家，把尺寸留在图上也行，两个都保留。图片和表格不是竞争关系；有图没表才是问题。

反面写法 4：描述照片，而不是描述数字

在一张尺寸图上写 alt="grey fabric sofa in a bright living room"。

这是最隐蔽的一种失败，因为这句话严格来说没错。它描述了一张照片，只是没有描述这一张照片——而这张照片存在的全部意义，就是它带着产品描述里没有的五个尺寸。

两条规则几乎能覆盖所有情况：

• 如果这张图的职责是好看，就描述它看起来什么样。
• 如果这张图的职责是承载信息，那 alt 文本就得承载这些信息——数字、单位，以及每个数字量的是什么。

出错最集中的地方，是同一个产品两种图都有的时候。同一张沙发的主图和尺寸图需要完全不同的 alt 文本，把主图的 alt 粘到尺寸图上，等于扔掉了页面上唯一一张能回答"放得下吗"的图。

反面写法 5：给装饰性图片写一整段 alt 文本

背景纹理、分隔图形、A+ 模块顶部的品牌花纹。有人给它们统一写上 alt="beautiful natural oak wood grain texture background"，于是屏幕阅读器用户在每两张真正的产品图之间，都要听三句风景描写。

装饰性图片要用空的 alt 属性——alt=""——它告诉辅助技术直接跳过这张图。这和"干脆不写这个属性"是两回事：不写会让图片变成一个没有标签的未知对象，照样会被念出来。空属性和缺属性在你的 CMS 里长得一模一样，行为却完全相反。

有一个判断值得单独说清楚：参照物对比图不是装饰性图片。把产品和一张标准 A4 纸并排拍的照片是在做信息工作，它的 alt 文本就该把这件事说出来。

反面写法 6：一段 alt 文本，配十二张图

批量编辑工具让这件事变得毫不费力。商品页上每张图都写 alt="Larsen 3-seat sofa"，屏幕阅读器用户就把同样五个词听十二遍，永远不会知道第 4 张是尺寸图、第 7 张是面料特写、第 9 张是打包纸箱。

按功能给它们编号，而不是按位置。下面是我们交给尺寸类产品卖家的模板：

60 秒自查

先在你卖得最好的五个商品页上跑一遍，再去跑别的。

• 没有任何 alt 属性里带文件扩展名（.jpg、.png、.webp）
• 同一个商品页上没有两张图共用完全相同的 alt 文本
• 每张尺寸图的 alt 文本里至少有一个数字和一个单位
• 每张尺码表图片旁边都配有同样数据的 HTML 表格
• 装饰性图片写的是 alt=""，而不是缺属性、也不是一段描述
• 没有任何 alt 属性把同一个关键词重复超过一次
• alt 文本用的是店铺所在语言，而不是只有英文
• alt 文本里的尺寸和规格表里的尺寸对得上——去核一遍，它们经常对不上

最后这条抓到的错误比其余所有加起来还多。一个数字一旦被画到图片上，它就和来源记录断开了联系，然后在之后每一次规格修订里一直错下去。同样的失败也出现在数据源里：产品尺寸结构化数据里讲了那些因为同样原因一直空着的字段。

这跟"被引用"有什么关系

搜索引擎索引 alt 属性已经二十年了。变的是还有谁在读它。一个 AI 回答引擎在组织"小户型该选多深的沙发"这类回答时，打不开你的 JPEG，它只能用你 HTML 里的文本——产品描述、规格表和 alt 属性。所有你只画在图上、别处没写的东西，对它来说都不存在。

抛开无障碍法规、也抛开屏幕阅读器不谈，上面这套纪律的实际理由就在这里：你以文本形式发布的尺寸，才是你能被引用的尺寸。

常见问题

产品图片 alt 文本该写多长？

长到能说清图里有什么，短到一口气念得完。主图通常 5 到 12 个词。尺寸图会更长，因为数字本身就是内容。如果你写着写着超过了大约两行，那这就是一张复杂图片，需要两段式处理——一段简短的 alt，加上以页面正文形式发布的完整数据。

alt 文本对 SEO 有用吗？

有用，但它是语境，不是一根能拉的排名杠杆。Google 把 alt 文本描述为图片元数据最重要的来源，同时明确把往里塞关键词列为垃圾行为。请为看不见这张图的人写；SEO 收益是把这件事做好之后的副产品。

尺码表图片的 alt 文本该怎么写？

写一句简短的标识句，指向真正的表格——比如"Larsen 系列沙发尺码表，相同尺寸已列在下方表格中"——然后真的把表格用 HTML 发出来。想把一整张尺寸网格塞进 alt 属性，产出的东西屏幕阅读器用户跟不下来，爬虫也解析不成行。

装饰性产品图片需要 alt 文本吗？

它们需要一个空的 alt 属性 alt=""，这和把属性省掉不是一回事。空属性告诉辅助技术跳过这张图；缺属性会让它变成一个未知对象，照样被念出来，通常就是念文件名。

《欧洲无障碍法案》管得到我的网店吗？

如果你向欧盟消费者提供电商服务，而且不是微型企业，那就管得到——电商服务列在 2019/882 号指令（EU）第 2(2)(f) 条中，自 2025 年 6 月 28 日起适用。第 4(5) 条的微型企业豁免适用于员工少于 10 人、且年营业额或资产负债表总额不超过 200 万欧元的服务提供者。具体细节请查你所在国家的本地转化立法，因为执法和罚则由成员国层面设定。

为什么我的尺寸标注还没被看清就被裁掉了？

那是另一个问题，但病根一样——信息只活在像素里。平台图库会按自己的比例裁图，靠边放的标注就消失了；产品图片宽高比里讲了各渠道的安全区规则。

来源与依据

• Baymard Institute — 用 "ALT" 文本传达"信息型"图片的核心内容（55% 的网站没做到）
• W3C Web 无障碍倡议 — 图片教程：图片形式的文字
• W3C Web 无障碍倡议 — 图片教程：复杂图片
• W3C Web 无障碍倡议 — 图片教程：装饰性图片
• Google Search Central — Google 图片最佳实践，含 alt 文本指引
• EUR-Lex — 2019/882 号指令（EU）（欧洲无障碍法案）：第 2(2)(f) 条、第 3(23) 条、第 4(5) 条、第 31 条
• 欧盟委员会 — 欧洲无障碍法案：受管辖的产品与服务

一次性解决，而不是一张图解决一次

上面每一种反面写法，都是同一个失败换了顶帽子：一个尺寸被画进了图片，却从来没被写到机器读得到的地方。光靠养成更好的 alt 文本习惯修不好它，因为你要描述的那些数字，本来就是手工敲在照片上的，而且已经和规格开始漂移了。

真正扛得住的做法，是把尺寸层当数据而不是当美术素材：贴着产品的真实边缘去量，让数字是量出来的而不是目测的；把标注层保持为可编辑的活图层，而不是压平成一张 JPEG；然后从同一个来源导出两样东西——按各渠道规格尺寸输出的带标注图片，以及可以直接粘进规格表和 alt 属性的文字尺寸清单。这就是测量式标注工具和 AI 生图的区别：一个能告诉你它量到了什么，另一个是在你的产品旁边编了个看起来像那么回事的数字。如果你本来就要重做商品页素材，规格表是让这些数字活起来的正确位置，因为买家和你自己的产品目录读的都是这份文档。