一、图片为什么值得单独优化
企业官网的图片通常分三类:产品图、场景图(厂房、团队、案例现场)和装饰性素材。它们分别承担三个作用,每一个都直接影响生意:
- 白流量入口:百度图片每天有巨量搜索,产品图、案例图排进图片搜索结果,带来的都是带着明确意图的访客。同行很少认真做,竞争小、性价比高。
- 理解与引用:搜索引擎读图能力有限,ALT 文字和图注是它们理解图片内容的主要依据。配了结构化数据的站点,图片信息还会被 AI 搜索一并引用。
- 速度与体验:图片几乎总是官网上最大的资源。一张 3MB 的首页大图,足以让移动端加载时间超标——而速度既是排名因素,也是访客去留的直接原因。
反过来说,图片出问题也常常是这三个地方一起出问题:图片搜不来、蜘蛛读不懂、页面慢得打不开。
二、命名规则:让文件名说人话
上传时图库里默认的名字通常是 IMG_20240518.jpg 或者 微信图片_20250901123456.png。这类名字对搜索引擎没有任何意义,改成描述性文件名是零成本的第一件事:
| 场景 | 不推荐 | 推荐 |
|---|---|---|
| 产品图 | IMG_2381.jpg | shangqiu-conveyor-belt-01.jpg |
| 案例现场 | 微信图片_20250901.png | guojijianshe-project-site.jpg |
| 团队合影 | DSC0032.jpg | jikeyunma-team-2026.jpg |
规则很简单:用连字符分隔的英文或拼音,写清楚「什么产品、什么场景、什么规格」。不要堆关键词,比如 seo-website-shangqiu-company-best.jpg 这种名字反而像作弊。文件名是描述,不是广告位。
三、ALT 文字:写给搜索引擎和视障用户的两用文本
ALT(替代文本)是图片加载失败时显示的文字,也是读屏软件读给视障用户听的内容,同时是搜索引擎判断图片主题的核心依据。写法要求只有一条:准确描述图片内容,而不是堆关键词。
| 类型 | 反例 | 正例 |
|---|---|---|
| 产品图 | alt=”网站建设 商丘建站 SEO优化” | alt=”商丘某机械企业官网产品中心页面截图” |
| 装饰图 | alt=”背景图”(堆了 20 个词) | alt=””(纯装饰图留空) |
| 带文字的信息图 | alt=”信息图” | alt=”企业官网SEO诊断流程图:收录、排名、转化三层指标” |
两个常见错误要避开:一是全站图片用同一个 ALT(比如都写「极客云码」),等于没写;二是把 ALT 当关键词栏,堆得越长越好。正确密度是每张图的 ALT 控制在二十个字以内,说清楚这张图是什么。另外,如果图片里有重要文字(价格表、流程图),务必在正文里再用文字表述一遍——百度读图能力有限,只在图里出现的信息它抓不到。
四、压缩与格式:先减肥,再谈画质
官网图片过大的根源通常不是「拍得太清晰」,而是直接上传了原图。相机拍一张照片 5–8MB,而页面显示区域往往只有 800 像素宽。处理顺序建议是:
- 按显示尺寸裁剪:页面显示多宽就输出多宽,最多留一倍余量给高清屏。显示 800px 的位置输出 3000px 的图,是纯粹的浪费。
- 压缩到位:普通照片用 JPEG 质量 75–85,视觉上几乎无损,体积能降七八成;图标、logo 用 SVG 或 PNG。
- 换现代格式:WebP 同画质下比 JPEG 小 25%–35%,主流浏览器都已支持。有条件的站点可以再上 AVIF。百度对 WebP 的支持没有问题,可以放心用。
- 定一条红线:单张图片不超过 300KB,首页图片总体积不超过 1MB。超过这个数,先减肥再上线。
批量处理用 Photoshop 的批处理、或任何在线压缩工具都可以,重点是把这一步变成上传前的固定动作,而不是等页面慢了再返工。更多提速手段可以参考企业官网打开慢怎么优化的 8 个可落地提速点。
五、懒加载与首屏优先
不是所有图片都需要「立刻加载」。首屏 Banner 和产品主图应该优先加载,页面往下滚才出现的图片则应该懒加载——用户滚到哪,加载到哪。这样首屏时间能缩短一半以上,对移动端尤其明显。
- 首屏图片:正常加载,并标记为高优先级,让浏览器先下载它;
- 首屏之外的图片:加懒加载属性,滚入视口时再请求;
- 图册和长页面:懒加载的收益最大,动辄能省掉几MB的无效请求。
这一步在代码层面由主题实现,企业主需要做的是验收:用浏览器开发者工具看 Network 面板,首屏之外没滚到的图片应该显示为延迟加载状态。如果所有图片一次性全在请求,就是没做,让建站方补上。
六、版权与合规:图片是侵权高发区
图片 SEO 做得再好,图本身来路不明也是白搭——字体和图片侵权索赔是企业官网最常见的法律风险之一,赔偿金额从几千到几万不等。素材获取的合规渠道和避坑清单,专门整理在企业官网图片与字体版权风险指南里,核心原则是三条:用自己拍的、用明确授权可商用的素材库素材、图库下载的保留授权凭证。
七、图片优化巡检清单
| 检查项 | 标准 | 频率 |
|---|---|---|
| 文件名 | 描述性命名,无默认相机名 | 每次上传 |
| ALT 文字 | 每张内容图都有准确 ALT,纯装饰图留空 | 每次上传 |
| 体积 | 单张 ≤300KB,首页图片合计 ≤1MB | 每季度全站扫一遍 |
| 格式 | 优先 WebP,照片不用 PNG | 每季度 |
| 懒加载 | 首屏之外图片均延迟加载 | 改版后验收一次 |
| 图内文字 | 重要信息在正文有文字版 | 每次发布 |
八、下一步可以做什么
图片优化是「一次做好、长期受益」的工作,建议今天就做两件事:把官网首页和产品页的图片文件名和 ALT 过一遍,再用 Network 面板看看首页图片总体积。如果图片已经在百度图片里有些排名,可以用站长平台的流量与关键词数据看看图片搜索占比——不少企业官网这块流量完全被浪费了。
极客云码在商丘本地提供企业官网建设与 SEO 运营服务,官网交付时默认完成图片压缩、WebP 转换、ALT 规范与懒加载配置。需要图片与速度方面的系统优化,可以直接联系我们,先做一次免费的官网性能体检,电话 0370-2782003。
