产品图片懒加载要保留主图抓取路径

产品页主图在浏览器里能看见，百度抓取诊断却只拿到一段data-src。市场人员以为图片已经上线，客户转发页面时预览没有产品图。懒加载脚本把首屏主图也放到滚动后才写入，搜索系统和分享工具就可能拿不到真实图片地址。主图可以延迟加载，但要给抓取留下稳定路径。

首屏主图不要只放在脚本状态里

产品资料负责人上传图片时，先固定image_id、product_id、文件名、尺寸、alt和审核状态。首屏主图的img标签要有真实src或srcset，文件地址应直接返回200，不能只写在data-src、接口返回值或组件状态里。若同一张图片对应多个型号，还要记录型号映射和适用范围，避免搜索系统把图片理解成另一个产品。

资料表里还应保留original_file、webp_file、crop_version和publish_status。拍摄负责人确认角度，产品工程师确认可公开结构，网站维护人员确认压缩后的文件仍能打开。若主图经过裁剪，页面说明和alt要对应裁剪后的可见对象，不能仍写整机、总成或旧型号名称。

图片文件名用中性英文描述产品类别、角度和版本，如valve-body-front-v2.webp，不把临时编号、聊天截图名或中文空格带进路径。多型号共用图片时，可按产品图片与型号映射的整理方法补充关联表，资料负责人复核型号后再发布。

懒加载规则要区分主图和列表缩略图

列表页下方缩略图、详情页相册第二屏图片可以使用lazy，但产品首屏主图建议设置为eager或提高加载优先级。前端维护人员要保留width、height和alt，避免图片加载时挤压参数表。移动端首屏尤其要检查，产品标题、主图、核心型号和询盘入口不能因为图片脚本等待滚动才出现。

图片路径还要和HTTPS、缓存、CDN规则一起核对。页面是HTTPS时，主图不能引用HTTP地址；图片压缩插件改名后，要同步结构化数据、OpenGraph图片和站内缓存。类似混合内容问题可参考HTTPS页面图片和PDF路径的核对方式。

如果产品资料由接口输出，服务端HTML里也应保留主图地址、型号和基础参数。只靠接口二次渲染，抓取到的页面可能缺少图片和规格，问题接近产品规格接口导致空HTML的处理。技术人员改懒加载前，应先用无登录浏览器和源码查看确认主图能被直接发现。

对已经上线的老页面，可按访问量和询盘量抽样处理。先选核心型号、热门配件和常被销售转发的页面，记录修复前的图片路径、返回码和页面缓存时间。修复后再清理CDN缓存与CMS运行缓存，防止公开页仍输出旧的data-src结构。

上线验收要看源码、移动端和抓取结果

验收不要只看设计稿。资料负责人确认图片就是该型号、该角度、该版本；前端人员用view-source、curl或抓取诊断查看首屏主图路径；SEO负责人核对canonical、NewsArticle或Article里的image字段；销售再检查微信、邮件或客户系统里的分享预览是否显示正确产品图。

不能直接判断的情况要先标记待复核，例如供应商借图、旧型号停产、图片带未公开结构、检测样件和量产件外观不一致。页面可以先发布文字参数，但主图状态要写成pending_image，不要用相近型号图片临时顶替。图片确认人、复核时间和替换原因应留在资料表里。

每次更换主题、图片插件、CDN域名或压缩规则后，抽查至少三类页面：新品产品页、老产品页和多型号共用图片页。检查源码主图、移动端首屏、结构化数据、sitemap中的页面地址和图片返回码。客户能在页面、分享预览和搜索摘要里看到同一张可核对主图，懒加载规则才算适合上线。