图片丢失时,页面不应只留下破图或空白。更稳妥的做法是:让替代文本、图注和相邻正文承担说明职责,同时把图片位从“装饰占位”降级为“信息占位”。判断标准不是图片能否恢复,而是用户和搜索引擎在不看图的情况下,是否仍能理解这块内容在讲什么、属于哪个对象、下一步能做什么。
同一个破图现象,原因可能完全不同。文件被删除,通常所有引用它的页面同时出问题;路径写错或目录迁移,常见于改版或模板调整后的一批页面;权限或防盗链拦截,则可能表现为部分环境正常、部分环境空白。把这三类混在一起,团队很容易得出错误结论:看到抓取量下降就认定图片被删,看到页面空白就认定模板坏了。
可以按下面顺序核对:
这个顺序的价值在于:如果只有某个栏目出问题,优先查该栏目的模板或数据源;如果全站同时出问题,优先查文件目录、域名或权限策略。动作不同,下一步的修复范围也不同。
假设一个商品详情页,主图因目录迁移丢失,页面顶部只剩一个空框。运营认为“图没了就先下线”,编辑认为“先保留文字说明”,开发认为“等图片恢复再统一处理”。三种理解都成立,但项目无法推进。此时可以把分歧转成一张核对表:
这张表的作用不是追求完美文案,而是让不同角色对“页面是否还保留必要信息”给出可验证的答案。只要对象、差异和下一步动作仍在,图片丢失就不等于页面失效。
替代文本适合描述图片内容本身,尤其是无法从上下文推断的信息;图注适合说明图片与正文的关系。两者都写成同一句话,等于浪费了两个信息位。更实际的分工是:替代文本回答“这张图里有什么”,图注回答“为什么这里需要这张图”。
例如,一张安装步骤图丢失后,替代文本可以写“支架与底座连接处的螺丝孔位”,图注可以写“第二步固定底座时,孔位方向决定后续面板能否贴合”。即使图片暂时无法显示,读者仍知道这一步在检查什么。若图片只是氛围装饰,替代文本可以留空或简短标注,不必强行编造信息。
这里有一个常见取舍:是否用一张通用占位图顶替所有丢失图片。占位图能避免破图图标,但也可能让读者误以为那就是原图。若页面属于操作说明、商品对比或数据展示,占位图反而增加误解。此时更稳妥的是保留文字说明和位置标记,让缺失状态可见。
如果图片和关键说明被写在同一段里,图片一旦丢失,整段可能变得难以理解。更可维护的做法是把图片、替代文本、图注和相邻说明放在同一内容块中,但让文字本身能独立成立。这样模板调整或资源迁移时,不需要重写整页。
一个可执行的检查动作是:在开发环境临时禁用图片加载,逐页阅读。若某页在无图状态下仍能回答“这是什么、有什么差异、下一步做什么”,说明必要信息保留住了;若只能看到“见图”“如下所示”,就说明信息过度依赖图片。这个动作的结果会直接影响下一步:是补充文字说明,还是调整图片引用方式,或者把该图从关键路径移到辅助位置。
图片恢复后,团队常倾向于把替代文本和图注改回简短版本,甚至删除无图时补充的说明。这样做会让页面再次回到“图片一丢就失忆”的状态。更合理的做法是保留那些对理解对象、差异和操作有用的文字,只把重复描述删掉。
可以按以下条件判断是否保留:
这样处理后,图片丢失不再是一个只能等待资源恢复的故障,而是一个页面信息是否完整的设计问题。对已有经验的读者来说,真正要决定的不是“补不补图”,而是“哪些信息必须脱离图片仍然成立”。