结论先行:图片丢失时,页面不应只留下破图占位,而要让替代文本、图注、结构化说明和关键数据表格共同承担信息职责。但这一做法有个前提——图片承载的信息必须能在文本中被准确复述。如果图片是产品实拍、资质原件或现场照片,文本只能说明“这里有什么”,不能替代图片本身的证明力。此时正确动作是补拍或重新上传,而不是靠文字硬撑。
处理丢失图片前,先分类。第一类是装饰图,比如背景纹理、分隔线、氛围图,丢失后不影响理解,可以移除或换成纯色块。第二类是说明图,比如流程图、结构图、步骤截图,丢失后信息断裂,必须用文字或列表重建。第三类是证据图,比如营业执照、检测报告、施工前后对比、产品细节,丢失后不能仅靠文字补救,因为它承担的是“可信度”而不是“说明”。
分类决定了下一步动作。装饰图可以直接删;说明图要补文本;证据图要优先恢复原图。如果暂时无法恢复,至少要在原位说明“该图片展示的内容是什么、由谁提供、何时可补充”,而不是留一个空白框。
很多站点在图片丢失后,替代文本显示为“IMG_2034.jpg”或“产品图1”,这对读者没有帮助。替代文本应写成一句能独立表达信息的话。例如,一张展示厂房位置的示意图丢失后,替代文本不应写“厂房图”,而应写“厂区位于园区北侧,主入口朝东,距物流通道约两百米”。
这里有一个可执行动作:打开页面源码,找到丢失图片对应的 <img> 标签,检查 alt 属性是否包含可读信息。如果只有文件名,就改成一句完整描述。改完后,用纯文本浏览器或关闭图片加载的方式查看页面,判断读者是否还能理解该段落。如果理解不了,说明文本补偿不够,需要继续补图注或改写正文。
替代文本通常较短,适合表达“这是什么”。如果图片原本还承担了比较、流程或数据展示,就需要图注和正文一起补位。图注可以写“图:三种方案在施工周期上的差异”,正文则用列表把差异写清楚。这样即使图片没有恢复,读者仍能获得结论。
假设一个页面原本用图片展示三种材料的对比,图片丢失后,只在图注写“材料对比图”是不够的。可以改成:
这些内容必须来自真实资料,不能为了填满页面而编造。如果手头没有准确数据,就写“该对比图暂时无法显示,具体参数请通过页面下方联系方式确认”,并确保联系方式是当前有效的。
上面这套方法在说明图和装饰图上成立,但在证据图上会失效。比如,一个页面原本展示资质证书扫描件,图片丢失后,你用文字写“本公司具备相关资质”,读者无法核验证书编号、发证机构和有效期。再比如,产品细节图丢失后,你用文字写“做工精细”,这属于主观描述,不能替代图片呈现的细节。
此时不能把“文本补偿”当成通用方案。正确动作是:先确认原图是否还能从备份、内容管理系统媒体库或本地资料中恢复;如果无法恢复,就暂时下线该证据模块,而不是用文字冒充图片。下线后,页面其他部分仍可保留,但要在相应位置说明“该部分资料正在补充”。这个动作会影响下一步:如果证据模块是页面核心转化要素,那么恢复图片的优先级应高于继续优化文案。
图片恢复后,之前补上的替代文本、图注和列表可能变得冗余。例如,图片已经能清楚展示对比结果,正文又用三段文字重复同一内容,页面会显得啰嗦。这时要做一个动作:逐段对照图片和文字,保留图片无法直接表达的解释、来源或结论,删掉单纯复述图片的文字。
如果图片恢复后,替代文本仍然保留,要确保它不与图注重复。替代文本面向无法加载图片的场景,图注面向正常阅读场景,两者可以不同。检查完后,用一次完整的页面浏览确认信息链条没有断点,再决定是否继续处理下一张丢失图片。