电商图片Alt的进阶写法,是说明这张图在当前页面传达了什么,而不是往125个字符里塞满品牌、型号和功率。主图交代商品外观,细节图指出接口或纹理,功能图标说明动作;图上看不到且无资料支持的性能不能靠Alt补造。
先看图片用途,再决定描述重点
W3C图片教程按信息、装饰、功能、文字图及复杂图表区分替代文本。相同图片用于不同位置,所需描述也可能不同。Google的图片SEO指南同样强调结合页面上下文,使用有用、准确的Alt,避免关键词堆砌。
| 图片任务 | 示例写法 | 前提 |
|---|---|---|
| 产品主图 | 深蓝色短袖工作服,正面带两个翻盖口袋 | 图片确实显示这些外观 |
| 零件细节 | 泵体侧面,标出进水接口与旋转方向箭头 | 方向箭头和标注已经过技术核对 |
| 材质近景 | 椅背网布与边框连接处近景 | 不仅凭外观宣称材料成分或承重等级 |
| 操作图标 | 放大产品图片 | 图标是按钮唯一文字替代时描述实际功能 |
| 纯装饰纹理 | alt="" | 它不承担理解页面所必需的信息 |
这些是教学写法,需要根据真实图片调整。品牌与型号在帮助辨认时可以写,但没有“必须放前三词”“前三词占60%权重”的公开规则。
一组产品图库怎样避免全写同一句
先列出各图的区别:正面、背面、接口、附件、尺寸或实际使用场景。Alt应补足对应图的关键信息。若六张图只是重复同一视角,应重新考虑这些图的实际价值,而不是生成六组同义关键词。
颜色或型号变体应与当前展示对应。不能给红色变体图填蓝色,也不能为了覆盖搜索词,把所有型号都塞进每张图。若场景是AI原创示意,就明确其示意性质,不称为客户现场实拍。
“防水IPX7”“食品级”“100%棉”等属性需要真实资料支持,且不一定是当前图片要传达的内容。把完整规格放在可见产品说明中,比把一张普通外观图的Alt写成整份技术数据表更易读。
125字符是平台建议,不是Google读取上限
截至本次核对,Shopify产品媒体Alt帮助页写明字段最长512字符,建议125或更少。这是该平台的字段限制与写作建议,不能推成所有屏幕阅读器在125字符停止朗读,或Google无法读取之后的文字。
普通照片通常用简洁描述即可;复杂图表则需要简短Alt和旁边的完整文字或数据表。不要为了凑80—100字符加废话,也不要为压到125字符删掉必要信息。
图表中的关键数值、单位、条件和结论应在可见正文完整提供。图中已有文字需要传达时,应提供等价文字;能用真实HTML呈现的长段文案,通常不必先做成图片。
Alt、文件名、图注分别负责什么
- Alt:给无法看到图像的读者提供当前图片的信息或功能。
- 文件名:帮助资源管理,并可提供主题线索;新资源使用简洁可理解名称,不为改名随意破坏已有图片URL。
- 图注:向所有读者解释图像来源、条件或特别需要注意的内容,可用figure和figcaption组织。
- 正文:完整回答问题,说明技术依据、规格和适用边界。
这些内容应相互一致,但无需逐字重复。用自然语言与正常标点写Alt,不存在统一禁止连字符、百分号或特殊型号符号的SEO规则;在HTML属性中正确转义即可。
在Shopify保存后,还要检查实际页面
- 在Products打开相应商品,进入需要编辑的媒体。
- 选择添加或编辑Alt,按实际图片填写并保存。
- 打开正式产品页,切换变体及图库,检查最终img元素上的Alt是否正确输出。
- 用手机及适用辅助技术检查阅读和操作,关注重复朗读或只有图标却无功能名称的控件。
响应式图片通过srcset或picture选择资源时,img仍提供其替代文本。若不同设备使用了含义不同的裁图,应重新检查同一段Alt是否还成立,而不是只看图片有没有加载。
怎样判断图片搜索是否改善
在Search Console使用图片搜索类型,固定日期、页面、国家等条件观察展示与点击。搜索数据通常归属于承载页,不能把页面增长全部算作某张图某个词的位置变化。
Alt之外,还要检查图片URL可抓取、格式支持、页面上下文、实际画质和资源大小。压缩方法见图片格式与压缩核验。保存修改记录,再观察变化;“已补Alt”是可验证交付,固定流量增长百分比不是。