图片SEO：文件名、alt文本、尺寸压缩与WebP格式
一、图片在 SEO 里的两个角色：图片搜索与页面性能
很多 B2B 官网把图片 SEO 当成”在文件名里塞关键词”，这是误解。图片在 SEO 里实际承担两个角色：一是 Google 图片搜索的流量来源，二是页面加载性能的主要负担。
反直觉判断在这里：文件名里塞关键词对图片搜索排名的影响很小。Google 主要靠页面上下文、alt 文本和图片周围的文字判断图片主题。把文件命名为 stainless-steel-flange-pn16.jpg 是好习惯，但把它命名为 stainless-steel-flange-pn16-ansi-b16-5-industrial-flange.jpg 不会再多带来一次图片点击。
真正影响 SEO 的是体积。一张 2MB 的未压缩产品图拖慢整页加载，LCP 从 1.8 秒掉到 3.5 秒，排名与转化率双输。这是 Core Web Vitals 里最常见的扣分点。
| 图片 SEO 维度 | 对排名的直接影响 | 对 CTR 与转化的间接影响 |
|---|---|---|
| 文件名 | 很小 | 无 |
| alt 文本 | 中等（图片搜索） | 无障碍与图片搜索双收益 |
| 体积与格式 | 大（影响 LCP） | 加载快、跳出率低 |
| 尺寸与 srcset | 中等（移动端体验） | 移动端流量转化 |
| 结构化数据 ImageObject | 小 | 富媒体结果展示 |
与 媒体资产治理 的关系：那篇讲图片与视频的命名、压缩与复用流程，本文聚焦图片在 SEO 上的具体写法。
二、文件名与 alt 文本：写什么、不写什么
文件名与 alt 文本经常被混为一谈。文件名是给服务器和爬虫读的，alt 文本是给屏幕阅读器和图片搜索索引读的。两者写法不同。
| 元素 | 正确写法 | 错误写法 |
|---|---|---|
| 文件名 | stainless-flange-pn16.jpg | IMG_2038.jpg、DSC_0001.jpg |
| alt 文本 | 不锈钢法兰 PN16 压力等级产品图 | flange flange flange stainless |
| 装饰图 alt | alt=””（空） | alt=”分隔线”、alt=”image” |
| 长度 | alt 8 至 15 个词 | alt 写一整段话 |
| 语言 | 与页面语言一致 | 英文站写中文 alt |
alt 文本的核心原则：假设屏幕阅读器正在给一位盲人用户读这张图，你会怎么描述？这是 网站无障碍（WCAG） 的要求，也是图片 SEO 的正确姿势。写”不锈钢法兰 PN16 压力等级产品图”就够了，不要写”这是一张展示不锈钢材质、PN16 压力等级、符合 ANSI B16.5 标准的法兰产品图，适用于石油化工管道”——这是关键词堆砌。
装饰性图片（分隔线、背景图案、图标）alt 必须留空（alt=””），不要写”分隔线”。屏幕阅读器遇到空 alt 会跳过，遇到”分隔线”会念出来，对盲人用户是噪音。
三、尺寸压缩与 WebP：阈值与工具
压缩是图片 SEO 里投入产出比最高的一项。一张 2MB 的未压缩产品图，压缩到 200KB 后视觉差异肉眼几乎不可辨，加载时间从 4 秒降到 0.4 秒。
| 格式 | 相对 JPEG 体积 | 推荐场景 | 兼容性 |
|---|---|---|---|
| WebP 质量 80 | 小 25% 至 35% | 2026 年默认 | 所有现代浏览器支持 |
| AVIF | 小 50% | 极慢网络场景 | 兼容性略弱，需 JPEG 兜底 |
| JPEG 质量 80 | 基准 | 兜底格式 | 所有浏览器 |
| PNG | 大 2 至 5 倍 | 仅透明背景图 | 所有浏览器 |
三个实操阈值。产品主图宽度不超过 1200px（再大就是浪费）；正文配图宽度不超过 1600px；缩略图宽度不超过 400px。质量统一用 80，质量 90 与 80 视觉差异极小但体积差一倍。
工具层面，WordPress 站用 ShortPixel 或 Imagify 自动转 WebP；自建站用 Sharp 命令行批量处理。CDN 层也可以做实时格式转换，见 CDN 全球加速 的图片优化策略。
四、首图与 LCP：为什么首图是 SEO 优先级最高的图
Core Web Vitals 的 LCP（最大内容绘制）指标，80% 的情况下是页面首屏第一张图。压缩这一张图，比压缩页面底部 10 张缩略图对 LCP 的影响都大。
| 首图优化动作 | 预期收益 | 实施成本 |
|---|---|---|
| 转 WebP | 体积 -30% | 低（插件自动） |
| 压缩到质量 80 | 体积 -60% | 低 |
| 显式 width/height | CLS 下降 | 低（模板改） |
| fetchpriority=”high” | LCP -0.5 秒 | 低（加属性） |
| srcset 多尺寸 | 移动端流量省 50% | 中（生成多尺寸） |
场景一：产品详情页首图原是 2400px 宽、1.8MB 的 JPEG，LCP 3.8 秒。改成 1200px 宽、WebP 质量 80、220KB，加 fetchpriority=”high”，LCP 降到 1.6 秒，主词排名从第 14 升到第 7。
场景二：博客文章首图是一张 1920px 宽的封面 PNG，体积 1.2MB。转 WebP 后 180KB，加载时间从 2.4 秒降到 0.6 秒，移动端跳出率从 65% 降到 41%。
多语言站点的图片本地化还要考虑图表内嵌文字，见 多语言站的图表处理——图片里的文字不能靠 alt 翻译，必须单独出图。
五、常见错误与上线检查清单
图片 SEO 最常见的五个错误，每一个都能用一次全站扫描发现。
| 错误 | 诊断方法 | 修复动作 |
|---|---|---|
| alt 全部为空 | 扫 HTML 统计 alt=”” 比例 | 产品图与首图必须写 alt |
| 未压缩原图 | 看单张图体积 > 300KB 数量 | 批量转 WebP 质量 80 |
| 缺 width/height | Lighthouse 报告 | 模板补属性，降 CLS |
| 文件名 IMG_xxxx | 扫 uploads 目录 | 批量重命名为语义化 |
| 未用现代格式 | 看 Content-Type | CDN 层开 WebP 自动转换 |
图片结构化数据（ImageObject）对 B2B 产品页有边际收益，可以和 结构化数据 Schema 一起上线。但优先级低于压缩与 alt——先把体积降下来，再谈富媒体。
六、图片 Sitemap、版权字段与延迟加载
很多人把 alt 写好、图片压完就以为图片 SEO 做完了，其实还漏了三件事。第一件是图片 Sitemap。除了 HTML 站点地图，Google 还支持在 sitemap 里单独列出图片 URL、caption、title、license 字段。产品图和信息图如果只靠页面里的 img 标签等 Google 慢慢爬，新图可能要两三周才进图片搜索；提交图片 Sitemap 后，索引周期通常缩到三到五天。B2B 工业站图片搜索流量虽然只占自然流量的 5% 到 15%，但这部分流量采购意图很强，不能放弃。
第二件是版权与许可字段。Schema 的 ImageObject 里可以加 license、acquireLicensePage、creditText 三个字段，标明这张图的版权归属和商用授权。这件事平时没人在意，但当你被 AI 视觉模型训练时，清晰的版权字段是事后主张权益的依据。反过来，如果你用了付费图库的图却没在页面上标注授权，被原创作者投诉下架的风险始终存在。
第三件是延迟加载与 LCP 图的冲突。LCP 首图必须 eager 加载并加 fetchpriority=”high”，其他正文配图才用 loading=”lazy”。常见错误是全站统一加 loading=”lazy”，结果首图也被延迟，LCP 直接慢 1 秒。检查方法是用 Lighthouse 看 Largest Contentful Paint image was lazily loaded 这条警告，出现就说明首图被误加了 lazy。
| 补漏项 | 做法 | 收益 |
|---|---|---|
| 图片 Sitemap | 在 XML sitemap 列出图片 URL | 图片索引提速约两周 |
| 版权字段 | ImageObject 加 license | 商用授权可追溯 |
| 首图 eager | LCP 图不加 lazy | LCP 不降反升 |
| 结构化数据 | 产品图加 ImageObject | 富媒体结果展示 |
多语言站的图片还有一个单独问题：图片里的文字不能靠 alt 翻译。如果一张信息图上写着中文参数，英文版必须重新出一张英文标注的图，不能指望 alt 文本把图里的字翻译掉。图表本地化成本高，但漏做的多语言站，其英文版本在母语买家眼里一眼就能看出是机翻图，信任度直接打折。这部分流程见 多语言站的图表处理。
FAQ 常见问题
图片文件名里一定要含关键词吗？
Alt 文本写多长合适？
WebP 比 JPEG 小多少？
图片体积压到多少 KB 算合格？
图片对 Google 图片搜索流量影响有多大？
WordPress 用哪个插件自动优化图片？
写在最后
图片 SEO 的优先级很清楚：先压缩首图解决 LCP，再写 alt 文本解决无障碍与图片索引，最后才是文件名语义化。把这三步做完，你已经超过了 80% 还在上传 2MB 原图的 B2B 官网。
三步落地：本周用 Lighthouse 跑全站 20 个核心页，列出 LCP 超过 2.5 秒的清单；下周把这些页面的首图批量转 WebP、压缩到 250KB 以内，加 width/height 与 fetchpriority；第三周扫全站 alt 为空的产品图，按”8 至 15 词描述画面”的规则补写。
一句可以记住的话：图片 SEO 不在文件名里堆关键词，在把首图压到 250KB 以内——快了，排名和转化都会跟上。