作为排名载体的图片
首先从排名维度来看。Google 图片(Google Images)仍是网络上最大的搜索界面之一,产品、教程和本地查询经常在主结果中展示图片包。只有在 Google 理解图片的情况下,图片才能获得排名:一个具有描述性的文件名(例如 kitchen-remodel-phoenix.webp,而不是 IMG_4032.jpg)、说明图片实际内容的 alt 文本,以及提供上下文的周边文本。针对产品和食谱类内容,图片站点地图(sitemaps)和结构化数据(structured data)还能进一步拓展这一优势。
Alt 文本:无障碍体验优先
Alt 文本承担着双重职责,而这正是大多数网站悄然失利的地方。WebAIM 对前 100 万个主页的年度调查一致发现,缺失替代文本是网络上最常见的无障碍设计缺陷之一。Alt 文本首先是为屏幕阅读器用户服务的,它应该描述图片的内容和功能,而不是堆砌关键词。“正在更换熔炉过滤网的技术人员”既能服务盲人访客,也能服务爬虫;而“凤凰城暖通空调维修 最佳暖通空调公司”则对两者都毫无用处。
图片与 Core Web Vitals
其次是加载速度,图片在这方面占主导地位。在绝大多数页面上,Core Web Vitals 实际衡量的 Largest Contentful Paint(最大内容绘制,即 LCP)元素正是一张图片,这就是为什么尺寸过大的主视觉图(hero image)导致 LCP 评分不合格的最常见单一原因。解决方法非常机械化:提供现代格式(WebP 或 AVIF 格式的文件大小比 JPEG 减少 25–50%)、将图片尺寸调整为实际显示尺寸、进行压缩,并设置明确的 width 和 height 属性,以便浏览器预留空间,避免布局移位。
图片不仅仅是装饰。有目的地挑选和优化,它们是为数不多能同时带来排名、无障碍体验和转化的元素之一。
加载策略与文件大小同样重要。首屏线(below the fold)以下的任何内容都应带有 loading="lazy",这样它就不会与访客首选看到的实际内容竞争资源;主视觉图则相反,应主动加载(eagerly),且最好获得预加载(preload)提示,以便浏览器在完成解析页面之前就去获取它。如果把这个顺序搞反了(为主视觉图设置延迟加载),就是典型的自废 LCP 表现。
AI 搜索也会读取图片
AI 搜索提供了更加新颖的关注理由。多模态引擎可以同时读取图片与文本,而答案引擎正越来越多地将带图插述的步骤和产品图引入其回答中。那些有助于 Google Images 的相同信号——描述性的 alt 文本、上下文说明文字、结构化数据——正是您的图片能够被决定展示内容的 AI 系统读懂的关键所在。
实用的图片审计指南
一次实用的审计只需一个下午:使用 PageSpeed Insights 运行您的关键页面,并记录哪些 LCP 元素是图片,将主视觉图转换为显示尺寸的 WebP/AVIF 格式,为每张有意义的图片撰写真实的 alt 文本(装饰性图片则使用空的 alt 属性,即 alt=""),在首屏线以下添加延迟加载,并检查是否所有图片都设置了 width 和 height。
NYFTY Labs 将这些步骤融入到我们进行的每次构建与审计中,图片体积通常是提升 Core Web Vitals 最立竿见影的切入点,且 alt 文本覆盖也是网站在无障碍体验和 SEO 修复方面成本最低的手段之一。
