图片 SEO：文件名、ALT 文本与 WebP 的一次性做法

外贸站的图片既是流量来源，也是速度杀手。文件命名和 ALT 文本在上传那一刻决定，之后要改就是几百张的批量工程。

一、文件名：上传前改，不要上传后改

IMG_2381.jpg、DSC_0044.jpg 这种文件名等于告诉谷歌「这张图没有任何信息」。上传前改成英文小写连字符：

规则：三到六个词、不带日期与版本号、不带中文（中文会被转成百分号编码，难看且不可读）。批量重命名用系统或图床工具，比在媒体库里一张张改快。

二、ALT 文本：写「这是什么图」，不是塞关键词

ALT 的原始目的是给读屏软件和图加载失败时的替代文字，其次才是图片搜索。写法：

• 具体、自然，一句话内。例如 stainless steel insulated tumbler 900ml with bamboo lid
• 不要重复标题里的整句话，也不要加 product、image of 这类前缀
• 装饰性图形（分隔线、背景纹理、纯图标装饰）留空 alt=””，让读屏跳过它
• 图里有文字（参数图、证书截图）时，把那些文字写进 ALT 或正文
• 产品主图的 ALT 就是产品名加关键规格，不要每个变体写同一句

关键词堆砌的 ALT（一行里塞八个同义词）在图片搜索里也不加分，还会让读屏用户听到一坨噪声。

三、尺寸：按显示宽度给图

先量你的容器实际显示宽度（正文列常见 640 到 720，整宽卡片列 1120 左右），上传图宽度取它的 1.5 到 2 倍，够高清屏用即可。

• 产品白底主图：1200 到 1600 宽，正方形或 4:3，同一站保持同一比例
• 场景与细节图：同宽度，压缩后单张控制在 150 到 250 KB
• 首页 Hero：不超过 300 KB，它直接决定首屏时间，见 速度排查顺序
• 图标与 logo：SVG，不要为了省事用大 PNG
• 多尺寸靠 WordPress 的响应式图片输出，别在页面里用 CSS 把 2000 宽的图缩到 300

四、格式：WebP 打底，AVIF 渐进

同画质下 WebP 通常比 JPEG 小三成左右，AVIF 再小一截但编码更慢、老浏览器支持有限。稳妥做法：主输出 WebP，JPEG 兜底；AVIF 等浏览器覆盖到你要的市场后再考虑。工具上用压缩插件批量转一次即可，见 SEO 插件清单 的图片那一项。

五、懒加载与首屏例外

• WordPress 默认给图片加 loading=”lazy”，这对首屏主图是负优化：它推迟了最大内容绘制
• 首屏 Hero 与文章第一张图要去掉懒加载，并可加 fetchpriority=”high”
• 列表页缩略、页脚、下方区块的图片保持懒加载
• 图片宽高一定要写（现代做法是靠尺寸自动输出 aspect-ratio），避免加载时页面跳动，这是 CLS 的主要来源

六、批量补 ALT：什么时候值得

新站没这个烦恼。老站有几百张空 ALT 时，可以先按文件名批量填充，再手工改核心页面（首页、二十个主要产品页）。用 AI 一次性生成全站 ALT 的做法，收益低于它带来的错误：它会把你「灰色布料」写成「高级时尚面料」，然后客户投诉图文不符。

验收清单

1. 抽查十个产品的十张图：文件名、ALT、尺寸、格式四项都有明确值
2. 谷歌富媒体测试或图片搜索里能看到你的产品图带正确 ALT
3. 首屏那张图不是 lazy，且宽度不超过容器两倍
4. 页面图片加载时不出现布局跳动

图片这块的回报周期长：谷歌图片流量对 B2B 不如搜索关键词精准，但它是零成本的加分项，做对一次能一直生效。