独立站图片 ALT 怎么写：先核图，再补字

一、先问这张图在页面上做什么

同一张照片，放在不同地方，ALT 可能不同。产品详情页的正面照要帮助读者辨认结构、材质或用途；安装步骤图要传达操作顺序；按钮图标要说明点击后会发生什么；只是衬托氛围的花纹，则不需要读屏软件朗读一段“美丽的背景”。

W3C 将图片按用途分为信息性、功能性、装饰性等类别。纯装饰的 <img> 通常应有空值 alt=""，让辅助技术跳过它；省略 ALT 属性不是同一回事。链接或按钮中的图片则应描述其功能，而不只是“放大镜图标”。具体判断仍要看周围文字是否已经说清同一件事。W3C 装饰性图片说明与功能性图片说明有清楚的例子。

因此，清单不能只分“有 ALT / 没 ALT”。至少还要分“有信息的图片”“纯装饰”“功能图片”“需要进一步核图”。如果把空 ALT 一律改成关键词，反而可能让原本正确的装饰性图片变得吵闹。

二、建立可核对的图片清单，而不是盯着一个总数

先选范围。对小团队来说，从一个高价值分类页及其几篇产品页开始，通常比全站导出几千张图更容易做出可靠结果。清单按页面 URL、图片在页面的位置、图片地址、当前 ALT、图片用途、处理状态记录。页面位置可以写“首屏产品主图”“安装步骤第三张”“相关案例卡片”，不要只留一串文件名。

检查 HTML 时，还要辨认同一张图片是否在多个页面复用，是否由模板自动输出，以及手机端是否换了另一张图。仅靠爬虫的缺失报告，可能把模板图、懒加载图、背景图和内容图混在一起；也可能把已有空 ALT 的装饰图算成缺失。工具给出的是待核实线索，不是最终修订清单。

打开页面，再打开原图核对。缩略图里的纸盒可能看不出是插舌结构还是磁吸翻盖；一张看似产品图的图片，放大后也许是安装步骤。看不清就标“待核图”，不要让 AI 根据文件名编造材料、认证、用途或客户身份。

尤其要留意图片本身是否能加载。若 src 路径错误、图片返回 404，先修图片路径；写得再好的 ALT 也不能代替原图修复。历史检查资料里就出现过这种“与 ALT 无关、却在核图时发现”的路径问题。

三、按读者任务排优先级

不是每张图片都需要今天修。第一批选那些决定读者能否理解产品或完成操作的图：主产品图、规格差异图、安装图、尺寸图、表单按钮、重要案例图。第二批处理内容文章中承担解释任务的配图。纯装饰图可以在确认后保留空 ALT。这样排序也让有限的人工核图时间用在真正影响理解的地方。

优先级还可以结合业务路径调整。例如，独立站询盘往往从分类页进入，再看产品页和案例页。若分类页一排卡片使用同一套含糊 ALT，客户很难区分不同结构；即使这些页面的访问量不是最高，也值得先改。不要把“搜索流量最高”当作唯一标准。

四、ALT 写的是这张图提供的差异，不是整页关键词

写之前先看图片，再看附近标题和说明。用一句自然的话，回答“这张图在这里补充了什么”。产品名称可以出现，但要与可见特征相连；品牌名只在识别来源确有帮助时写一次，不要让每张图都变成相同的品牌口号。

这些写法是说明方法的示意，不是对某张未核实原图的最终标注。比如照片里若看不到内托，就不能写“内托固定”；若只拍到成品，就不能写“安装顺序”。写 ALT 要克制推断，尤其别从照片推断材质认证、性能、生产地点或真实客户关系。

复杂流程图不必把所有小字硬塞进 ALT。简短 ALT 说明图表用途，再在正文或紧邻图表处提供完整步骤，读屏用户和其他读者都能使用。若图内已经有一句与相邻正文完全相同的标题，也要避免重复朗读。W3C 信息性图片说明强调传达图在上下文中的意义，而不是机械描述每个像素。

五、小团队可用的四步工作流

第 1 步：运营列清单，标用途

一人负责导出或逐页登记，不急着写文案。把“实际缺失”“空 ALT 但属装饰”“ALT 已有却与图不符”“图片路径损坏”分开。先拿十张图试运行，确认分类标准一致，再扩大范围。

第 2 步：懂产品的人核图

产品或设计同事只需回答必要的问题：图里是哪一款、展示了哪个结构、哪一步操作、哪些信息不确定。没有证据的项目标“未确认”。这一步比让文案同事猜测要快，也避免把错误描述成事实。

第 3 步：写作者起草，AI 只做辅助

把页面标题、图片位置、可见内容、已确认的产品信息交给 AI，可以请它给出两种简洁的候选 ALT，并指出自己无法确认的词。不要只输入图片文件名让 AI 大批量生成；候选文案还需人逐张看图。AI 很适合统一语气、检查重复、发现关键词堆砌，但不能替代核图。

第 4 步：发布者核对前台

后台字段保存后，打开公开页面检查源代码或可访问性树里的实际 ALT。有些模板使用媒体库字段，有些使用页面内单独字段；改了一个地方，不代表所有引用都更新。前台看见新 ALT，图片能加载，相关按钮仍可用，才算这一张完成。

六、用三个问题验收，而不是只看“缺失数归零”

1. 遮住图片后，ALT 是否补回了关键意思？安装图是否仍能让人知道这一步做什么；功能图是否说清操作结果。
2. 放大原图后，描述是否完全属实？材质、结构、颜色和数量是否可见或已有可靠来源；有不确定词就删掉或待核实。
3. 连读页面时，会不会反复吵闹？相邻图是否全叫同一个关键词，装饰图是否无意义地朗读，ALT 与旁边文字是否重复。

再做一次抽样：电脑与手机各打开产品页、分类页、文章页一页；检查主图、缩略图与懒加载图。修改前后都保留少量截图或页面链接以及处理日期，便于下一次复核。若工具报表与前台观察不一致，记录差异，而不是只挑一个更好看的数字。

完成第一批后，再整理可复用的规则：哪类图需要人工核对，哪类图可保留空 ALT，产品主图由谁确认，模板生成的图应在哪里修改。规则写得清楚，下次上传新产品时就能顺手完成，不用反复做“全站补漏”。

七、复制这张图片核对卡，先处理十张

页面 URL：
图片位置与用途：
图片 URL / 文件名：
原图是否能打开：是 / 否
类别：信息性 / 功能性 / 装饰性 / 待核图
当前 ALT：
图片中可确认的信息：
不能确认、不得写入的信息：
建议 ALT（装饰图可留空值）：
产品或设计核对人：
前台验证结果与日期：

从十张最重要的图片开始，记录每张用了多少时间、哪里需要产品同事回答问题。若一批图里有很多“待核图”，问题不是文案速度慢，而是原始图片与产品资料没有对齐。先补资料，再提高写作速度，效果会更稳。

常见问题

每张图片都必须写非空 ALT 吗？

不是。纯装饰图通常用 alt=""，让辅助技术跳过；有信息或功能的图片则需要相应的文字替代。关键是图片在当前页面的作用。

ALT 要放多少关键词才有利于搜索？

先准确描述图片与页面主题的关系，别堆砌关键词。Google 明确提醒，过度堆砌关键词会降低体验，也可能被视为垃圾内容。查看 Google 图片搜索指南。

图片文件名已经很详细，还要写 ALT 吗？

需要分别判断。文件名有助于资源管理与搜索理解，但它不能替代图片在页面中的文字替代；文件名也可能是历史命名，和当前图片不符。

可以让 AI 看图后直接批量发布 ALT 吗？

可以用 AI 生成候选，但产品特征、图内文字、客户信息和页面用途仍需人核对。先小批量试运行、抽样前台验收，再决定自动化到哪一步。