图片 SEO 优化：alt、文件名与体积三件套

一张 3MB 的首屏大图，能把移动端加载时间拖到 5 秒以上，还顺手废掉一次图片搜索的展示机会。图片 SEO 不是给 alt 填几个词就完事，它同时影响爬虫的理解、页面的速度分和额外的流量入口。

快速结论：图片优化只需要盯三件事：alt 写清楚图里有什么、文件名用语义化短横线命名、体积压到内容区宽度的两倍分辨率以内并转成 WebP 或 AVIF。三件套做完，图片搜索的曝光通常在 4 到 8 周内出现明显增量，LCP 也会跟着掉下来一大截。

1. 写对 alt：描述图里的实际内容与场景，长度 8 到 16 个汉字，主词自然融入；图表写清结论，装饰图写空 alt。
2. 语义化命名：上传前把文件名改成英文小写短横线格式，产品图带型号与关键属性，别用 IMG_2043 这类相机默认名。
3. 压体积选格式：导出分辨率取内容区宽度的两倍，首屏图不超过 200KB、正文配图 100KB 以内，照片转 WebP、图标走 SVG。
4. 声明宽高并控制加载：给图片补 width/height 消除 CLS，首屏主图用 fetchpriority=”high” 提前加载，首屏外图片才用懒加载。
5. 确保被搜索引擎抓到：图片 URL 写在 src 而非 data-src，生成 image sitemap，检查 robots.txt 没屏蔽上传目录，CDN 域名在站长后台验证。

alt 到底该怎么写

alt 的第一职责是无障碍访问，第二职责才是给爬虫提供上下文。判断标准很简单：把图片从页面上拿掉，只留这句文字，读者还能理解这里原本表达了什么，就算合格。堆砌关键词的写法不但没有收益，还会被判定为操纵行为。

• 描述图里的实际内容与场景，长度控制在 8 到 16 个汉字，超过 125 个字符会被读屏软件截断。
• 主关键词自然融入即可，一个页面里不要每张图都塞同一个词。
• 图表和数据图写清楚结论，比如「2026 年移动端流量占比 68% 的趋势图」，比「数据图表」有用得多。
• 纯装饰性的分割线、背景纹理写空 alt（alt=””），让读屏软件直接跳过。
• 产品图带上型号与关键属性，这类词在图片搜索里的检索意图非常明确。

图片下方的说明文字同样重要。搜索引擎会把图片周边的正文、标题和 caption 一起纳入理解范围，一段 20 字的图注，权重不比 alt 低。

文件名和目录结构别再用 IMG_2043

相机默认导出的文件名对爬虫等于零信息。上传前把文件名改成语义化的英文小写短横线格式，例如 mobile-first-index-report.webp。中文文件名会被转成一长串百分号编码，既不可读，也容易在跨平台迁移时出乱码。

要素	不推荐写法	推荐写法	影响面
文件名	IMG_2043.jpg	crawl-budget-log-analysis.webp	图片搜索相关性
alt 文本	关键词1 关键词2 关键词3	日志分析里爬虫抓取频次的分布图	无障碍与语义理解
尺寸声明	不写 width/height	显式声明宽高或 aspect-ratio	布局偏移 CLS
格式	统一 PNG	照片走 WebP，图标走 SVG	体积与加载速度
加载方式	全部立即加载	首屏外 loading=”lazy”	LCP 与带宽消耗

体积压缩的实操参数

体积是三件套里收益最直接的一项。移动端首屏图片超过 200KB 就该报警，正文配图控制在 100KB 以内完全够用。压缩的关键不是无脑降质量，而是先把分辨率降到合理区间，再选对格式。

• 导出分辨率取内容区宽度的两倍。正文区 720px 的站点，图片给到 1440px 就足够覆盖高清屏。
• 照片类优先 WebP，质量参数 75 到 82 之间肉眼几乎无差别，体积比 JPEG 小三到四成。
• 图标、logo、纯色插画走 SVG，矢量在任何分辨率下都清晰，体积常常只有几 KB。
• 用 srcset 与 sizes 给不同屏幕分发不同尺寸，手机端不该下载桌面端的大图。
• 首屏主图不要加 lazy load，反而应该用 fetchpriority=”high” 提前加载，这是拉低 LCP 最省力的一招。

图片体积和加载策略直接决定 LCP 的成绩，配合 核心网页指标 CWV 的优化方法 一起调整效果更好。整站的资源加载顺序问题，可以对照 网站速度优化三板斧 逐项排查。

让图片被搜索引擎找到并展示

优化做完了，还得让爬虫抓得到。用 JavaScript 动态注入的图片，如果渲染时机太晚，爬虫可能只看到一个空的占位符。图片 URL 必须写在 src 或 srcset 属性里，data-src 这类懒加载写法要确保有 noscript 兜底或使用原生 lazy。

• 为图片单独生成一份 image sitemap，或在主 sitemap 里加上 image 标签，收录速度会快一截。
• 产品图、菜谱图、教程配图配上对应的结构化数据，能拿到图片富媒体展示位，做法见 结构化数据配置指南。
• 检查 robots.txt 有没有误屏蔽 /wp-content/uploads/ 或 CDN 目录，这是图片不收录的头号原因。
• CDN 域名要在站长后台单独验证，否则图片流量数据会缺失一大块。

下一步：

• 抽查站内流量最高的 10 个页面，把首屏图体积压到 200KB 以内，格式换成 WebP。
• 批量检查 alt 缺失情况，优先补齐正文配图和产品图，装饰图统一置空。
• 给所有图片补上宽高声明，消除加载过程中的布局跳动。
• 本月内生成一份 image sitemap 并提交，两周后回看图片搜索的曝光变化。

常见问题（FAQ）

alt 怎么写才算好？

描述图里实际内容和场景，长度 8 到 16 个汉字，主词自然融入。判断标准：拿掉图片只留文字，读者还能理解这里原本表达什么。

图片文件名怎么命名？

语义化英文小写短横线格式，如 mobile-first-index-report.webp。别用 IMG_2043 这种相机默认名，中文名会被转成一长串百分号编码。

图片压到多大合适？

首屏图不超过 200KB，正文配图 100KB 以内。先降到内容区宽度的两倍分辨率再压缩，照片转 WebP，图标 logo 用 SVG。

图片不被收录怎么办？

先查 robots.txt 有没有误屏蔽上传目录或 CDN，这是头号原因；再确认图片 URL 写在 src 而不是 data-src，最后补 image sitemap。

首屏主图要懒加载吗？

不要。首屏主图反而要用 fetchpriority=high 提前加载，加 lazy 会拖慢 LCP。懒加载只用在首屏之外的图片上。

---