产品页该放哪些图？先让客户看清型号、尺寸和交付内容

每张图都要回答一个具体问题

客户看产品图，需要认清外观、找到接口、判断安装空间，也想知道收到货时有哪些配件。围绕这些问题准备主图、细节、尺寸、应用和包装图，缺哪类信息再补哪类，不必把每个产品都凑成相同张数。

为什么 B2B 产品页图片不是越多越好？

假设运营从销售电脑里挑出一组产品图，按文件名依次上传。页面看起来很热闹，采购方却仍然不知道接口在哪、安装空间够不够、出货是否含线缆。

先看看这些图能否支持安装、选型和内部询价。多个近似角度不一定需要全部保留，缺少的接口、尺寸和标配内容更值得补拍。

Google 也提醒，图片所在页面的正文与上下文会影响图片在搜索中的理解和呈现；图片应放在相关文字附近，使用清楚的文件名与替代文本。高质量图片重要，但图片通常也是页面体积的大头，需要同时处理清晰度和加载速度。Google 图片 SEO 最佳实践

B2B 产品页需要哪五类图片？

按采购问题整理时，可以参考这五类。标准化设备可能五类都需要；简单耗材也许三类就够。是否保留，以买家能否据此做下一步判断为准。

图片类型	采购方要确认什么	画面应包含什么	常见错误
主图	这是不是我要找的产品	完整外观、主要朝向、干净背景、型号或系列对应关系	多个型号共用一张图，却不说明差异
细节与接口图	关键结构是否匹配	接口、材质纹理、控制面板、紧固位置、铭牌等局部	只拍“质感”，不标出部位
尺寸与比例图	能否安装、运输或适配	长宽高、安装孔位、比例参照或尺寸图版本	尺寸写在图片里，正文没有可复制数据
应用图	产品怎样进入真实场景	安装位置、连接关系、操作距离、安全空间	用无关图库场景冒充真实应用
包装与配件图	到货时会收到什么	单件包装、外箱、标配件、选配件、标签位置	把选配件拍进去，却让买家以为默认包含

主图先负责识别，不要急着证明高级

主图最重要的任务是让采购方在列表页、搜索结果预览和产品页首屏中认出产品。背景可以干净，但不能为了“高级感”抹掉决定型号的旋钮、接口或结构差异。多个变体共用主图时，要在图片旁明确写出当前页面对应的型号或系列，避免销售收到一封“我要图里这款”的询盘后还得猜。

GS1 的产品图片规范主要服务零售与供应链数据交换，不等同于所有工业品必须照搬，但它提供了一个有用的底线：产品呈现应真实、一致，图片规格、视角和命名应可管理，而不是每次发布临时决定。GS1 产品图片规范 4.5

细节图要拍买家会放大的地方

采购方放大图片，通常不是欣赏喷涂，而是在找接口、铭牌、焊缝、密封结构、紧固件和操作区。拍摄前让工程、质检和销售各写出三个最常被问的部位，再合并成镜头清单。这样得到的细节图，往往比“再来一张 45 度侧面”更有用。

如果铭牌含有客户名称、序列号、内部资产编号或可追溯到未公开订单的信息，发布前应遮挡或换用经过批准的样机铭牌。遮挡隐私不等于修改性能参数；任何电气、认证或型号信息仍应与真实产品一致。

尺寸图可以解释结构，但不能代替参数文字

尺寸图适合表达孔位、角度和相互位置。它不适合成为页面上唯一的尺寸来源。手机上缩小后，图中的小字可能不可读；搜索系统和辅助技术也不能稳定提取所有像素里的信息。

W3C 对复杂图片的建议是：短替代文本先说明图片内容，重要细节还要在页面正文或长说明中提供。也就是说，尺寸图旁边应保留可复制的尺寸表、单位、适用型号和修订日期。W3C 复杂图片教程

应用图必须区分真实安装、样机演示和流程示意

真实安装图有价值，因为它能说明空间、连接和使用环境。但没有客户公开授权时，不要把客户现场、品牌标识、工位布局或人员面孔直接放上官网。

可以改用自有样机演示，或制作明确标注“安装关系示意”的原创图。示意图可以简化背景，但不能把尚未验证的环境等级、兼容设备或应用效果画进去。效果图用来说明布局或关系，真实交付则需要客户授权与现场材料支持。

包装与配件图要把默认交付和选配分开

包装图不只是证明“我们会装箱”。它要回答单件如何保护、外箱如何标识、标配件有哪些、哪些需要另购。最稳妥的做法是把画面拆成“标准包装”“标准配件”“可选配件”三组，并在文字中注明数量与适用型号。包装方案如果因订单、运输方式或地区变化，也要写明以确认后的订单与包装规范为准。

怎样从采购问题反推一张可执行的拍摄清单？

第一步：先列买家要做的决定

不要从“要拍几张”开始。先写买家进入页面后的四个决定：是不是目标产品、能不能装、是否满足工况、下一步要不要索取报价或图纸。每个决定下面列出当前缺少的证据。

第二步：给每个镜头一个唯一任务

把镜头表写成“对象 + 部位 + 目的”，例如“控制器背面接口，用于核对电源与通讯连接”，而不是“产品细节 3”。一个镜头可以被多个页面复用，但同一张图在不同页面承担不同意义时，附近文字与 alt 也应随上下文调整。

第三步：在拍摄前确定公开边界

给每个镜头标记三种状态：

1. 可公开：量产产品外观、已批准参数、通用包装；
2. 需脱敏：铭牌序列号、客户标签、内部工装、现场背景；
3. 不公开：未发布型号、客户专用结构、受保密协议约束的图纸或工艺。

这一步最好在按下快门前完成。否则摄影完成后才发现一半画面不能用，返工只是最轻的成本。

第四步：建立图片与产品型号的对应表

至少记录产品 ID 或型号、图片类型、视角、适用变体、版本日期、文件名、alt 草稿和公开状态。工厂有几十个相似型号时，这张表比“大家都知道是哪款”可靠得多。换人维护时，也能据此找到正确型号。

第五步：上线后按手机宽度验收

在常见手机宽度下检查：主图是否被裁掉关键部位，尺寸小字是否仍可读，图片切换按钮能否操作，放大后能否退出，表格和图片是否把页面撑出横向滚动。再用慢速网络检查首屏占位和加载顺序，避免十张原图一起下载。

图片的文件名、alt 和页面文字怎样配合？

图片文件名给管理与搜索理解提供轻微信号，alt 则要表达图片在当前页面的用途。Google 明确建议使用简短、描述性的文件名，并让 alt 提供有用且符合上下文的信息，避免关键词堆砌。Google 图片 SEO 最佳实践

W3C 的判断更直接：有信息的图片写简短说明；装饰图使用空 alt；功能图描述动作；复杂图还要在正文提供详细信息。W3C 图片 alt 决策树

例如：

• 文件名：nx200-controller-rear-ports.webp
• alt：NX200 控制器背面电源、网口与接地端子
• 附近文字：写清接口类型、数量、适用型号和连接限制

不要把全部参数塞进 alt，也不要写“优质工业控制器厂家产品图片”这类关键词串。alt 不是隐藏广告位。

换图时把型号和旁边的说明一起看

在NeoGress的产品管理中，可以维护对应产品的图片和详情。把接口图放回准确型号，再在附近补上接口名称、用途与限制，客户看图时就能顺着文字判断，减少图片和参数各放一处的情况。

平台不验证图片中的技术参数或客户授权。发布前仍由企业确认型号、标配与选配关系，避免把选购附件拍在主图里却没有说明。图片更新后，再看手机上的裁切与文字是否一致。

哪些情况不适合把图片直接公开？

出现以下情况时，先停在内部资料或申请查看流程：

• 图片能暴露客户身份、未公开项目或现场布局；
• 图中包含完整序列号、客户物料号、人员信息或定位信息；
• 细节足以暴露受保护的工艺、模具、治具或结构；
• 图片对应的型号尚未发布，或与页面型号无法确认；
• 参数、认证标志、包装数量尚未经过当前版本审核；
• 第三方图片、字体、图标或场景素材没有明确授权。

“竞争对手也能看见”不是不做图片的理由，但也不是把全部技术资料公开的理由。先选获准公开、足以帮助采购判断的材料，其余资料按需要提供。