补全图片信息的目标不是把每张图都塞满文字,而是让图片在搜索结果和页面推荐里有被理解、被点击的理由。人手有限时,先处理三类图:列表页或详情页的主图、带数据或步骤的说明图、以及正文中承担解释作用的配图。判断是否值得补,看它是否影响用户理解或点击;如果一张装饰性分隔图不承担信息,可以暂时不处理。
打开页面后逐张检查,而不是只看图片能不能显示。缺信息通常表现为以下几种情况:
IMG_0231.jpg、微信图片_2024.png 这类无意义字符串。alt 属性为空,或者只写“图片”“配图”“产品图”这类无法区分内容的词。把这些问题列成一张表,按“影响理解”和“影响加载”两列打分。影响理解的优先补文字信息,影响加载的优先压体积,两者都严重的先处理首屏主图。
时间和人手有限时,不要平均用力。可以用三个条件排序:
假设一个页面有 12 张图,其中 1 张主图、2 张步骤图、9 张装饰图。按上面的条件,先处理主图和步骤图,装饰图只做压缩和统一命名。这个排序不是固定规则,如果你的页面以商品实拍为主,主图和细节图都要优先。
补全分四层,从外到内逐层做:
把文件名改成能描述图片内容的短词组,用连字符分隔,例如 red-running-shoes-side.jpg。不要堆砌无关词,也不要保留相机默认编号。格式上,照片类优先用 WebP 或 JPEG,带透明背景的图标用 PNG,简单图形可以考虑 SVG。具体用哪种,看你的站点是否支持以及目标浏览器范围。
alt 的作用是图片无法显示时替代说明,同时帮助理解图片内容。写法是:描述图片里有什么、在什么场景下、和页面主题什么关系。例如“红色跑鞋侧面展示,鞋底纹路清晰”。不要写成关键词列表,也不要每张图都加“最佳”“第一”这类无法核实的词。如果图片是纯装饰,alt 留空即可,不要硬写。
在图片下方加一句图注,说明这张图想表达什么。正文里至少有一句话与图片对应,例如“从下图可以看出,鞋底前掌的纹路比后掌更密”。这样图片和文字形成互补,而不是各说各话。图注不要重复 alt,可以更偏向结论或观察。
检查图片实际展示尺寸和文件尺寸是否匹配。展示宽度 600 像素的图,不必上传 3000 像素宽的原图。用工具压缩后对比文件大小,同时确认压缩后没有明显模糊。如果图片较多,可以分批处理,先处理首屏和列表页用图。
补全不是改完就结束。复查时看三件事:
如果复查发现某张图仍然没有点击,先别急着换图,检查它是否出现在用户真正需要的位置。图片信息补全解决的是“被理解”和“被区分”的问题,不保证一定带来流量增长。
下一步:从当前页面选一张首屏主图,按文件名、alt、图注、压缩四步改完,再对照检查清单确认没有遗漏,然后决定是否把这套做法复制到其余图片。