Что такое Core Web Vitals простыми словами и как они влияют на продажи

Если вы хоть раз говорили с разработчиками о сайте, то, возможно, слышали загадочное «надо подтянуть Core Web Vitals». Звучит как техническая мелочь, в которую собственнику вникать не обязательно. На самом деле за этими словами стоит вещь, которая напрямую влияет и на место вашего сайта в поиске, и на то, сколько людей с него уходит, не дождавшись. То есть на деньги.

Объясним по-человечески, без формул.

Что это вообще такое

Core Web Vitals — это три показателя, которыми Google измеряет, насколько удобно человеку пользоваться вашим сайтом. Не насколько он красивый и не насколько умный — а именно насколько комфортно посетителю. Быстро ли загрузилось. Не дёргается ли страница. Откликается ли сайт на действия без задержки.

Google ввёл эти показатели, потому что устал угадывать удобство сайтов косвенно и решил измерять его напрямую — глазами обычного посетителя. И — что важно для вас — сделал их фактором ранжирования. То есть при прочих равных сайт с хорошими показателями окажется в поиске выше, чем сайт с плохими.

И это не только история про Google. В России основной трафик идёт из Яндекса, а он оценивает сайты по тем же принципам. У Яндекса свои формулировки и свои метрики, но смотрит он ровно на то же самое: быстро ли загрузилась страница, удобно ли ей пользоваться, не мучается ли человек с телефона. Медленный, неудобный сайт проседает в обоих поисковиках сразу. Так что, подтягивая Core Web Vitals, вы улучшаете позиции и в Google, и в Яндексе — это одна и та же работа, а не две разные.

Показателей три, и у каждого простой человеческий смысл.

Показатель первый: как быстро появляется главное

Первый показатель отвечает на вопрос: сколько человек ждёт, пока на экране появится основное содержимое — крупная картинка, заголовок, то, ради чего он пришёл.

Хороший результат — когда главное прорисовывается примерно за две с половиной секунды или быстрее. Если человек смотрит на пустой или наполовину загруженный экран дольше, он начинает нервничать, а часть посетителей просто уходит, так ничего и не увидев.

По сути это про первое впечатление. Медленное появление содержимого — как продавец, который заставляет себя ждать у входа. Кто-то дождётся, а кто-то развернётся.

Показатель второй: не дёргается ли страница

Второй показатель — про неприятную мелочь, которая бесит всех. Вы открываете страницу, видите нужную кнопку, тянетесь нажать — и в этот момент страница «прыгает», потому что догрузилась картинка или реклама, и вы случайно жмёте не туда.

Этот показатель измеряет, насколько сильно содержимое скачет во время загрузки. Хороший сайт стоит на месте: что появилось, то и осталось. Плохой — дёргается, и пользователь злится. На странице оформления заказа такой прыжок может стоить вам продажи буквально на последнем шаге.

Показатель третий: быстро ли сайт откликается

Третий показатель — про отзывчивость. Человек нажал кнопку, кликнул по фильтру, открыл меню — как быстро сайт отреагировал? Хороший сайт откликается практически мгновенно. Плохой — задумывается, и возникает ощущение, что сайт «подвисает» и работает с усилием.

Этот показатель особенно важен для магазинов и сайтов с интерактивом, где человек много чего нажимает. Если каждое действие идёт с задержкой, пользоваться сайтом утомительно, и терпения хватает ненадолго.

Почему это влияет на деньги, а не только на поиск

Тут самое важное. Core Web Vitals придумал Google для ранжирования, но измеряют они ровно то, от чего зависят продажи.

Сайт, который медленно грузится, дёргается и тормозит в ответ на действия, теряет людей на каждом шаге. Кто-то уходит, не дождавшись загрузки. Кто-то промахивается по прыгающей кнопке и раздражается. Кто-то устаёт от задержек и закрывает вкладку. Каждая из этих мелочей — потерянный посетитель, а на большом потоке — заметная потеря выручки.

Получается, что, улучшая показатели ради поиска, вы заодно улучшаете сам сайт для людей. И наоборот: сайт, удобный для людей, обычно проходит Core Web Vitals хорошо. Google и пользователь здесь хотят одного и того же.

Как понять, в порядке ли ваш сайт

Проверить свой сайт можно бесплатно — у Google есть инструмент PageSpeed Insights: вводите адрес страницы и получаете оценку по всем трём показателям, отдельно для телефона и для компьютера. Смотреть нужно в первую очередь на мобильную версию, потому что именно по ней поисковики оценивают сайт и именно с телефонов сегодня приходит большинство людей.

Если работаете на российскую аудиторию, не проходите мимо инструментов Яндекса. Яндекс.Вебмастер показывает, как поисковик видит ваш сайт и нет ли у него претензий к скорости и мобильной версии, а Яндекс Метрика — что происходит с реальными посетителями: как быстро грузятся страницы и на каком шаге люди уходят. Вместе с PageSpeed Insights это даёт полную картину по обоим поисковикам.

Если показатели в зелёной зоне — отлично. Если в жёлтой или красной — это не приговор, но сигнал, что сайт теряет и посетителей, и позиции, и стоит разобраться почему.

Почему сайты не проходят и что с этим делать

Чаще всего причины такие: тяжёлые неоптимизированные изображения и видео, перегруженный код, обилие сторонних скриптов и виджетов, устаревшая основа сайта, которая в принципе не умеет быть быстрой.

Иногда всё чинится оптимизацией — навести порядок, убрать лишний вес, ускорить загрузку. Иногда проблема в фундаменте, и тогда косметика не поможет — сайт построен так, что быстрым стать не может. Что именно в вашем случае, видно после того, как сайт посмотрят. Но в любом случае это решаемо.

Лучший вариант, конечно, — когда о Core Web Vitals думают не после запуска, а с самого начала. Сайт, спроектированный быстрым изначально, проходит эти проверки без героических усилий.

Как делаем мы

В Pragmatic Center мы закладываем скорость и удобство в основу сайта с первого дня, а не подкручиваем перед запуском. Мы следим, чтобы сайты проходили Core Web Vitals в зелёной зоне на телефонах и хорошо выглядели в глазах и Google, и Яндекса, и делаем так, чтобы видео и эффекты украшали сайт, а не топили его скорость. Подробнее о том, почему скорость — это прямые деньги, можно почитать в нашей статье про интернет-магазины.

Если у вашего сайта проблемы со скоростью или вы хотите сайт, который быстрый по умолчанию, — напишите нам. Посмотрим и честно скажем, в чём дело.