电商图片 alt 文本怎么写?用一只杯子的 8 张图练习 AI 批量起草与审核

用主图、细节图、场景图和装饰图案例,讲清 AI 生成图片 alt 文本、SEO 关键词边界、中英文审核和无障碍检查。

一只蓝色陶瓷杯,商品详情页放了八张图。运营把“蓝色陶瓷杯 高级感 家用礼物”复制到每张图的 alt 文本里,只换序号。八张图看起来都“有文字”,读屏用户却不知道第二张展示杯柄、第三张展示底部刻字,第七张其实只是背景花纹。搜索引擎也得不到每张图的具体上下文。

图片 alt 文本是图像无法呈现时使用的文字替代。写好它的第一步不是堆搜索词,而是判断这张图片在当前页面承担什么任务。本文用同一只杯子的主图、细节图、场景图和装饰图,演示如何用 AI 批量起草,再用人工检查商品事实、页面用途与中英文版本。适合电商运营、内容编辑和维护产品目录的小团队。

把八张图分成三种用途

先打开实际页面,而不只是图片文件夹。记录图片所在位置、周围的标题与文字、它是否是链接或按钮。W3C 的图片替代文本教程把信息图、装饰图和功能图分别处理;同一张图片换了页面角色,alt 也可能要改。

杯子的主图和展示杯柄、釉色的特写都属于信息图:它们让用户看见商品外观或选购细节。页面顶部一块不承载信息的纹理背景属于装饰图;若用 img 元素放置,可使用空的 alt 属性(alt=""),让读屏软件跳过。加入购物车按钮上的纯图标属于功能图,替代文字应说明“加入购物车”这个动作;若按钮旁已有同样的可见文字,图标本身可以为空,避免重复朗读。

不要把“空 alt”和“没有 alt 属性”混为一谈。前者是有意标明装饰图;后者可能使辅助技术读出文件名。更重要的是,不能因为不知道怎么描述就把所有商品图都设为空。买家仍需要知道颜色、结构和差异。

一张可直接复制的图片清单

给每张图分配 image_id、页面 URL、位置、图片用途、已核实的商品事实、草稿 alt 和待确认问题。以下是示例,不对应真实在售商品:

  • 01 主图:蓝色陶瓷马克杯正面,白色背景;草稿“蓝色陶瓷马克杯正面,右侧有圆形杯柄”。
  • 02 杯柄细节:草稿“蓝色陶瓷杯的圆形杯柄与杯身连接处”。
  • 03 杯底刻字:只有看得清字且经过确认,才写“杯底刻有品牌名”;不要让模型猜具体字符。
  • 04 容量说明:若图片中的量杯刻度明确显示 350 毫升,可以描述容量;若仅凭视觉大小判断,应标为待核对。
  • 05 桌面场景:草稿“蓝色陶瓷杯放在木桌上,旁边有打开的书”,如果书只是背景,可进一步压缩。
  • 06 多角度拼图:草稿“同一只蓝色陶瓷杯的正面、侧面与杯底视图”。
  • 07 纯装饰纹理:alt=""。
  • 08 加入购物车图标:若它单独构成按钮,alt 应传达“加入购物车”;不能只写“购物车图标”。

八张图不该共享一句“蓝色陶瓷杯”。不同角度应提供不同的有效信息;如果某张图没有新增内容,先判断它是否只是装饰,或是否该从详情页删去,而不是发明差异。

AI 起草前,先限定它能知道的事

可以用站内的 ChatGPT 或 Claude 对已获准提供的图片和清单生成第一版。若当前工作环境不允许上传图片,只给 AI 已人工核对的图片说明,让它帮忙缩短与区分表达。不要让模型凭 SKU 猜颜色、凭包装猜成分,或把可能的使用场景写成已证实的功能。

你是电商内容编辑。输入是一组图片及它们在商品页的位置,商品事实只以我给出的资料为准。逐张判断其用途是信息图、纯装饰图还是独立的功能图;对信息图给出一句简短中文 alt,突出该图新呈现的可见信息;对纯装饰图返回空字符串;对功能图描述操作结果。不要堆砌关键词,不要写“这是一张图片”,不要推断尺寸、材质、产地、性能或读不清的文字。输出 image_id、类型、草稿 alt、依据和待人工核对项。如无法判断图片用途,标记“待确认”。

此处让 AI 同时返回“依据”,是为了让编辑看出它有没有越过事实边界。草稿“保温三小时的陶瓷杯”若只来自图片外观,立即退回;“右侧有圆形杯柄”能在图中看到,则有可核对的依据。批量处理时先拿八张小样跑一次,确认规则没偏,再扩大到整个目录。

长度和关键词:看页面语境,不套字符公式

alt 不必重复“图片、商品图、高清”之类的无效前缀。商品名称可以在有助辨认时自然出现,但同页八张都重复完整营销标题会造成朗读负担。Google 的图片 SEO 指南建议提供有信息量、符合上下文的替代文字,同时明确反对关键词堆砌。它并没有承诺写完 alt 就会获得图片搜索排名。

一个实用测试是:暂时看不到图,只听 alt 和周围文字,是否还能理解这张图提供了什么?如果已经有紧挨着的可见说明写了“杯柄细节”,alt 可以补充角度或连接结构,不必机械复述标题。反过来,产品图片上只有小字参数、正文没给出这些参数时,应让重要信息以可访问的文字出现在页面中,不要只塞进 alt。

英文版重新写,不逐字复制中文

双语站常见失误是英文页面沿用中文 alt,或者把“釉面”“容量”等词生硬机翻。先确认英文页展示的是同一张图、同一款颜色与同一组参数。对主图可写 “Blue ceramic mug with a round handle on the right”;对多角度图可写 “Front, side and base views of the blue ceramic mug”。若图像其实换了版本,就根据新版图重写,而非翻译旧字段。

翻译也要保留“装饰图为空、功能图写动作”的逻辑。若中文按钮旁有“加入购物车”文字,而英文布局只剩图标,英文页的图标需要可访问名称。语言切换后的界面结构不同,直接做字符串对译可能不够。内容、设计和前端应在实际页面上共同验收。

上线前做两次抽样检查

第一次是事实检查:逐张对照原图,确认颜色、数量、文字、材质和尺寸没有被 AI 编造;图片与商品数据库不同步时,以当前在售商品资料为准并追查图是否用错。第二次是页面检查:打开中英文详情页,看图片的 alt 是否实际进入 HTML,是否和附近文案重复,装饰图是否被正确留空,图标按钮是否读得出动作。

可以让另一位同事暂时不看图,只看页面文字与 alt,回答“这八张图哪些展示新增信息”。若回答不出来,说明内容依然过于笼统。对于上新频繁的团队,保存 image_id、审核人和最后核对日期;换图后把对应 alt 重新放回待审队列。产品图一换,旧文案可能立刻失真。

AI 让初稿更快,真正决定质量的是图片角色判断、可见事实和页面上下文。先把这只杯子的八张图做好,再把同样的清单扩展到下一款商品,比一次生成几千条没有人验收的 alt 更能提升目录的可用性。

本文由 AI Islands 根据产品官网及公开资料独立整理。工具功能和价格可能变化,请以官网最新信息为准。