商品图片 Alt 文本怎么写：主图、颜色、细节与场景示例

从商品图库里每张图提供的不同信息出发，写准确的替代文本。通过假设示例比较主图、颜色变体、纹理细节和场景图，并说明功能图片、信息图及 CMS 中的填写与核对方法。

2026-10-29 · 2026-10-29

一件商品有四张图，不意味着要把商品名称复制四遍。主图让人辨认商品，颜色图区分款式，近景展示结构，场景图交代摆放或使用关系。商品图片替代文本，也就是 product image alt text，要把这些有用的差别带给无法看到图片的读者。

Alt 文本是网页为图片提供的文字替代。它应当传达图片在当前页面中的信息或功能，而不是把整段商品介绍塞进图片字段。Shopify 的说明同样强调：描述应取决于图片的用途和页面语境。

让图库里的每张图回答不同的问题

先把商品图库作为一组来看：不看这一张，购买者会少知道什么？这个问题能帮助你找出该写的差异，而不是为每张图换一组形容词。

下面是假设图片条件下的原创写法示例，不是对已提供商品照片的视觉检查。只有自己的图片确实符合左栏条件时，右栏描述才适用。

主图不必交代摄影棚的每个细节。场景图也不必列出所有背景物件：保留能解释商品位置、展示方式或使用关系的信息即可。如果第二张图只是角度略有变化，可以写清侧面、背面或开口等真正新增的视角；不要为了让文本不同而虚构差异。

把“看到什么”和“知道什么”分开

纹理看起来像帆布，不等于照片证明了它是纯棉；表面有光泽，也不等于它是皮革。写细节图时，先描述能确认的线条、织纹、接缝、开口或轮廓。

商品资料中已核实的材质名称可以帮助准确命名，但要确认它属于当前 SKU，且与这张图片的任务相关。不要把防水、耐磨、承重、舒适度等性能塞进描述，除非图片本身确实传达了相应信息，并且相关表述有可靠依据。仅有一张静态商品照，通常不能完成这种证明。

颜色也要对应当前显示的变体。目录标签写着“沙色”，图片却是绿色版本时，先解决图片与 SKU 的对应问题，而不是照抄目录。若图片经过生成或编辑，替代文本要对应最终发布的画面；但准确描述一张错误图片，并不能修复图片与真实商品不符的问题。

长度以传达必要信息为准，不设每张图都必须填满的字符数。CMS 的字段上限是平台约束，不是写作目标。商品类型、颜色或型号确实与图片有关时自然写入；不要额外加入“低价”“最佳”或一串搜索词。准确描述能帮助理解图片，但不能保证收录或排名。

不是所有图片都该写成商品描述

尺寸表和信息图：给读者一条获取完整信息的路径。 如果图片包含多行尺寸数据，不要只写“尺寸表”，也不要把整张表硬塞进一个很长的 Alt 文本。可以简要说明“托特包尺寸示意，完整尺寸见下方表格”，并在页面上真正提供包含单位、项目名称和全部数值的可访问文本表格。若图中有正文未包含的说明或限制，也要保留在文字版本里。

功能性图片：说明操作或去向。 如果一张图片是链接中唯一的内容，应让读者知道它通向哪里，例如“查看橄榄绿色托特包”。如果图标用于展开更多图片，应提供“查看下一张商品图”这样的操作名称，而不是只描述箭头形状。图片与文字位于同一个链接或按钮、且文字已经清楚命名操作时，要检查整个控件的可访问名称，避免重复朗读。

纯装饰图片：有意跳过，而不是忘记填写。 不携带商品信息、不承担操作功能的装饰图可使用空属性 alt=""。空属性与缺失属性不同：后者没有明确表达“这张图可以跳过”。不能因为商品图片很多，就把有用的角度图或细节图都当成装饰。

这些区分可参照 Shopify 对描述性、功能性和空替代文本的说明。同一张图片换了页面用途，合适的替代文本也可能改变。

在自己的 CMS 中把描述配到正确图片

商品图导出并上传后，在你使用的 CMS 中打开对应图片的媒体详情或替代文本字段。不同系统的入口名称不同；文件名、可见图注和 Alt 文本不应默认视为同一个字段。

建议先做一张简单的工作对照：文件名或媒体标识、对应 SKU、图库位置、拟写描述。这不是要发布给顾客的附录，而是防止批量填写时把绿色变体的描述配到米色图片上。图库重新排序后，仍应按媒体标识核对，不只依赖“第几张”。

保存后打开实际商品页，切换颜色并浏览图库，确认描述跟随的是当前图片。必要时检查页面输出的 alt 属性：字段留空究竟输出了空属性、缺失属性，还是被主题自动填入其他文字？后台填写正确，不代表每个前台位置都已经正确使用。

最后把相邻标题、链接和图片描述连起来读一遍，条件允许时再用屏幕阅读器检查。应能辨认商品和图片差异，知道控件会做什么，同时不被重复的整段商品名称打断。你要交付的是与页面实际用途相符的文字替代，而不是一组看起来都填满了的字段。