Ваш сайт открывается, но главное изображение появляется с задержкой, после нажатия кнопки ответ запаздывает или текст, который вы читаете, внезапно сдвигается? Эта статья — для владельцев сайтов и тех, кто занимается маркетингом. Ниже на основе материалов web.dev и Google Search Central мы объясняем, что такое показатели Core Web Vitals, какой результат считается «хорошим» и как они связаны с Google Поиском.
Что такое Core Web Vitals?
Согласно объяснению web.dev, Core Web Vitals — это основные показатели Web Vitals, которые относятся ко всем веб-страницам. Они измеряют три области:
- LCP — скорость загрузки;
- INP — интерактивность, то есть скорость отклика страницы;
- CLS — визуальную стабильность.
LCP, INP и CLS: какой результат считается хорошим?
| Показатель | Что измеряет | Хороший результат |
|---|---|---|
| LCP (Largest Contentful Paint) | Когда отображается самое крупное изображение, текстовый блок или видео, видимые на экране | 2,5 секунды или меньше |
| INP (Interaction to Next Paint) | Общую скорость отклика на клики, касания и действия с клавиатуры | 200 миллисекунд или меньше |
| CLS (Cumulative Layout Shift) | Неожиданные смещения, то есть визуальную стабильность | 0,1 или меньше |
LCP: когда появляется основной контент?
LCP измеряет, когда отображается самое крупное изображение, текстовый блок или видео, видимые на экране. Для хорошего пользовательского опыта этот показатель должен составлять 2,5 секунды или меньше.
INP: как быстро сайт реагирует на клики?
INP оценивает общую скорость отклика страницы на действия пользователя — клики, касания, ввод с клавиатуры. Если INP составляет 200 миллисекунд или меньше, отзывчивость страницы считается хорошей. Например, если после нажатия кнопки «Добавить в корзину» на экране ничего не меняется, пользователь может подумать, что страница зависла.
CLS: не «прыгает» ли страница?
CLS измеряет неожиданные смещения на странице, то есть внезапные сдвиги элементов. Например, если кнопка, на которую вы хотите нажать, в последний момент меняет своё место, — это как раз такое неожиданное смещение. Для хорошего результата CLS должен составлять 0,1 или меньше.
Как измеряются Core Web Vitals: 75-й процентиль
Чтобы проверить, достигаете ли вы пороговых значений, web.dev рекомендует измерять 75-й процентиль загрузок страниц — отдельно для мобильных устройств и компьютеров.
Простыми словами: смотрят не на разовый результат, а на множество загрузок страницы. Цель в том, чтобы показатель был в пределах хорошего порога как минимум в 75% загрузок.
Почему мобильная версия так важна?
По информации Google Search Central, для индексирования и ранжирования Google использует мобильную версию сайта, то есть контент, просканированный роботом для смартфонов. Это называется mobile-first indexing (индексирование с приоритетом мобильного контента).
В том же руководстве Google даёт две практические рекомендации:
- Мобильный сайт должен содержать тот же контент, что и версия для компьютеров.
- Google рекомендует адаптивный (подстраивающийся под экран) веб-дизайн, поскольку его проще всего реализовать и поддерживать.
Core Web Vitals и Google Поиск: что нужно знать?
Согласно руководству Google по удобству страницы, единого сигнала ранжирования для «удобства страницы» не существует, и хорошие показатели Core Web Vitals не гарантируют, что сайт окажется на самом верху. Даже если удобство страницы низкое, Google старается показывать наиболее подходящий контент.
Чтобы самостоятельно проверить удобство страницы, Google предлагает такие вопросы:
- Хороши ли показатели Core Web Vitals?
- Предоставляются ли страницы безопасным (secure) способом?
- Хорошо ли контент отображается на мобильных устройствах?
- Нет ли на странице избытка рекламы?
- Удаётся ли избегать навязчивых всплывающих окон (interstitial)?
То есть скорость важна, но она не заменяет полезный и подходящий контент.
Кратко
- Core Web Vitals состоят из трёх показателей: LCP (загрузка), INP (отклик) и CLS (визуальная стабильность).
- Хорошие пороги: LCP — 2,5 секунды или меньше, INP — 200 миллисекунд или меньше, CLS — 0,1 или меньше.
- Проверяйте результаты по 75-му процентилю, отдельно для мобильных устройств и компьютеров.
- Для индексирования и ранжирования Google использует мобильную версию сайта; рекомендуется адаптивный дизайн.
- Хорошие Core Web Vitals не гарантируют места на самом верху; Google старается показывать наиболее подходящий контент.
Если у вас есть вопросы о скорости, мобильном отображении или редизайне вашего сайта, напишите Estavor Веб в WhatsApp: +994 77 768 10 12.
📚 Источники
🌐 Оригинал статьи — на азербайджанском языке; официальные источники доступны на азербайджанском языке.
Другие статьи
Что такое SEO и как Google находит ваш сайт?
Что такое SEO и как Google находит ваш сайт? Официальные рекомендации Google о сканировании, индексировании, sitemap, robots.txt, title и meta description.
Домен, DNS и хостинг: как сайт работает в интернете?
Что такое домен, что делает DNS и почему важен хостинг? Как сайт работает в интернете, включая URL и HTTPS, — объясняем простым языком.