很多站点把注意力放在文字和内链上,图片和静态资源却常年没人管。图片体积过大、命名混乱、外链失效,短期看不出问题,时间一长就会反映到抓取效率和页面体验上。下面是一份可以直接照做的自查清单。
图片为什么会牵动抓取
搜索蜘蛛抓取页面时,会下载 HTML,也可能继续请求页面里的图片、CSS、JS 等资源。资源体积大、数量多,单次抓取的耗时和带宽都会上升。如果服务器带宽有限,蜘蛛的请求还可能被拖慢,间接影响其他页面的抓取节奏。
另一方面,首屏大图加载慢,用户看到的是一块空白,跳出率上升,页面质量评价也会受影响。所以图片问题既是性能问题,也是运营问题。
自查清单
一、文件体积与格式
- 把大于 200KB 的图片挑出来,尤其是列表页缩略图。
- 照片类可以用 WebP 或 AVIF,图标和线条图用 SVG;JPEG 适合无透明通道的照片,PNG 留给需要透明的场景。
- 不要用一张 2000px 宽的图缩到 300px 显示,先裁切再上传。
二、响应式与尺寸声明
- 用 srcset 和 sizes 给不同屏幕提供不同尺寸的图,避免移动端下载桌面大图。
- HTML 里写上 width 和 height,或对应的 aspect-ratio,减少布局抖动。
三、加载方式
- 首屏图片不要懒加载,否则可能影响最大内容绘制时间。
- 首屏主图可以加 fetchpriority 或 preload,但要克制,别把带宽都占满。
- 折叠线以下的图片再用 loading="lazy"。
四、命名与替代文本
- 文件名用英文小写加连字符,能描述内容,避免 IMG_2031.jpg 这种。
- alt 属性写清图片表达什么;纯装饰图片用空 alt,不要堆关键词。
五、外链与失效资源
- 检查是否引用了别人的图片,对方一旦防盗链或删除,你的页面就会出现破图。
- 用爬虫或日志筛出返回 404、403 的图片地址,逐个替换或删除。
六、缓存与 CDN
- 静态资源设置合理的 Cache-Control,带版本号或哈希的文件可以设长缓存。
- 确认 CDN 回源正常,避免同一张图有的节点是新版本、有的是旧版本。
一次完整的自查流程
- 导出最近一个月的访问日志,筛出图片和静态资源的请求量与状态码。
- 用站点爬取工具跑一遍全站,列出大图、破图、重复图。
- 按「体积、格式、尺寸、加载、命名、外链」六项打标签,排出优先级。
- 先处理首页、栏目页、文章页首屏的图,再处理长尾页面。
- 改完后重新跑一遍,对比资源总量和首屏加载时间。
- 把检查写进上线流程,新内容发布前过一遍。
别忽略的几个细节
- 图片压缩不要压到明显失真,画质和体积要平衡。
- 批量替换图片后,旧地址要做 301 或保留,避免已有页面和外部引用变成死链。
- 图床或对象存储如果单独用域名,注意证书是否有效,否则会出现混合内容警告。
图片自查不是一次性任务。把它变成发布流程里的一个普通步骤,比事后集中整改省力得多。