CLS — Cumulative Layout Shift
CLS — метрика Core Web Vitals, яка вимірює візуальну стабільність сторінки: наскільки несподівано зміщуються елементи під час завантаження.
Перевірив Олександр Яровенко · Оновлено: 2026-09-18
Cumulative Layout Shift показує, чи “стрибає” макет сторінки. Якщо користувач хоче натиснути кнопку, а вона зміщується через банер або зображення, CLS погіршується.
Типові причини
- зображення без заданих розмірів;
- пізнє завантаження шрифтів;
- вставки реклами або віджетів;
- динамічні блоки без резерву місця.
SEO-нюанс
CLS входить до Core Web Vitals і впливає на якість користувацького досвіду, особливо на мобільних пристроях.
Як застосовувати в SEO
CLS вимірює неочікувані зсуви макета. Резервуйте місце для зображень, реклами, embed і динамічних блоків; не вставляйте контент над областю читання.
Чекліст перевірки
- Переконайтеся, що реалізація відповідає призначенню сторінки та задачі користувача.
- Перевіряйте разом HTTP-відповідь, відрендерений HTML, canonical, robots і внутрішні посилання.
- Підтверджуйте результат даними Search Console та аналітики, а не одним сигналом краулера.
- Після деплою протестуйте контрольну URL на мобільному й настільному пристрої.
- Запишіть очікуваний результат, щоб наступна перевірка одразу виявила регресію.
Практичний приклад
Картка зображення отримує width, height або aspect-ratio до завантаження, тому текст більше не стрибає.
Як перевірити результат
До зміни зафіксуйте стан обходу, індексації, продуктивності й трафіку. Після деплою повторно перевірте шаблон і контрольну URL, а далі стежте за Search Console протягом наступного циклу обходу. Роботу завершено, коли відповідь сайту збігається з тим, що бачить Google. Зберігайте дату перевірки та висновок у журналі аудиту.