# CLS 布局偏移怎么修复

URL: https://caijiao.org/how-to/seo-website/cls-fix
Source: docs/how-to/seo-website/cls-fix.md
Description: CLS 布局偏移怎么修复：给图片、广告和 iframe 预留尺寸，避免异步内容把页面顶开。 包含处理方向、验证方式和相关 SEO、建站工具入口。

## 快速答案

给图片、广告和 iframe 预留尺寸，避免异步内容把页面顶开。

```html
img { width: 100%; height: auto; aspect-ratio: 16 / 9; }
```

## 使用要点

- 先用真实页面测量 LCP、INP 和 CLS，再决定压图、预加载或拆脚本。
- 首屏关键图片不要懒加载，异步内容要预留尺寸。

## 相关内容

- [SEO / 建站问题](/how-to/seo-website/)
- [Google Search Central](/google-search-central/)
- [开发问题库](/how-to/)
- [Meta Title / Description 检查工具](/tool/meta-title-description-checker)
- [Open Graph 预览工具](/tool/open-graph-preview)