Core Web Vitals: что это такое и как работает > NetPeak - Независимость и осознанность
NetPeak Biz Tech    


Core Web Vitals: что это такое и как работает

Core Web Vitals: что это такое и как работает

< >

Еще в мае 2020 Google анонсировал выход нового Core Web Vitals. Это индекс скорости загрузки сайта на основе пользовательского опыта. Создатели отмечают, что он не оказывает прямого влияния на индексирование, однако позволяет корректировать поведенческие факторы. 

Изначально планировалось, что новая технология начнет работу в мае 2021. Однако срок запуска сдвинулся на середину июня: сотрудники Google признались, что на внедрение и приведение к стандартам потребуется больше времени. 

CWV — одна из сотни механик, влияющих на ранжирование сайтов. Речь не о глобальных изменениях. Но для эффективного продвижения алгоритм все же стоит учитывать: он позволяет сделать сайты еще более комфортными для пользователей. 

Что такое Core Web Vitals и зачем этот алгоритм Google

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

Может показаться, что новый алгоритм создан для усложнения жизни вебмастеров. На самом деле, при правильном подходе он будет выгоден всем. Многие параметры Google засекречены и непонятны: владелец сайта никогда не узнает на 100%, почему его портал не видно или он находится внизу выдачи, несмотря на огромные вложения в SEO. 

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

  1. Основной контент быстро отрисовывается, не нужно ждать несколько секунд, чтобы понять, что изображено.
  2. Время ожидания взаимодействия с контентом низкое: все кнопки и формы появляются сразу же.
  3. Элементы одинаково хорошо видны в разных версиях (десктопной, мобильной), они не мешают просмотру контента и взаимодействию с ним.

Данные по Google Search Console

Требования Google к продвижению

Появились три новых параметра: 

  1. LCP (Largest Contentful Paint). Показывает, как быстро загружается основной контент (изображение, текст, видео) по сравнению со всем остальным. Оптимальный вариант — менее 2 секунд. Плохим результатом считается 4 секунды и более.
  2. FID (First Input Delay). Это время, которое пользователь выжидает, прежде чем начинает кликать по ссылкам и смотреть видео. С ростом этого показателя возрастает и количество отказов — человек не хочет долго ждать, поэтому уходит к конкурентам. У них все грузится намного быстрее. Критическим считается значение свыше 300 мс.
  3. CLS (Cumulative Layout Shift). Определяет стабильность всех элементов. Что это значит? На некоторых сайтах встречаются «летающие» кнопки и баннеры. Это раздражает пользователей и мешает воспринимать контент. Выше шанс, что человек просто закроет страницу. Единица измерения — скорость, с которой плавающий при загрузке элемент встает на место. 0,1 секунд и более — хорошее значение, от 0,25 — плохое. 

Оценивается сайт полностью. Чтобы получить «зачет», нужно иметь удовлетворительный результат хотя бы для 75% страниц. Иначе портал будет смещаться или вовсе пропадать из выдачи. Для оценки используют пользовательский опыт за месяц. Чем больше позитивных результатов, тем лучше сайт для людей, и тем выше его оценки. Такие страницы продвигаются в первую очередь.

Немного статистики

При разработке Core Web Vitals Google провел собственные исследования, в результате которых была выявлена взаимосвязь между параметрами и ростом конверсии. Так, уменьшение LCP до 2,4 секунд позволяет увеличить ее на 1,9%. С FID менее 100 мс доход с сайта увеличивается на 75%. Это еще одно доказательство того, что в оптимизацию сайта обязательно нужно вкладываться. 

Были проведены исследования, касающиеся состояния сайтов. Показатель LCP оказался удовлетворительным у 53,77% страниц. Требованиям FID соответствуют 53,85%. По параметру CLS результаты еще лучше — под нее подходят 65,13%. Корреляция алгоритмов с реальным пользовательским опытом при этом слабая или вовсе отсутствует. Основные проблемы: 

  • одновременное существование большого числа запросов;
  • передача огромного количества данных;
  • серьезные сдвиги макета;
  • текст, который проявляется только после полной загрузки шрифтов;
  • устаревшая политика хеширования. 

Таким образом, более половины сайтов могут не переживать: у них с CWV все в порядке. Но не забывайте: если по одному из параметров результат хороший, а по другим плохой, можно выпасть из топа выдачи. Лучше все-таки перестраховаться и проверить, насколько хорош ваш портал по мнению Google. А после этого провести мероприятия по оптимизации.

Как посмотреть показатели для своего сайта

Есть несколько способов анализа. Первый — отчет в Google Search Console. Если вы пользуетесь русскоязычной версией, нужные метрики находятся во вкладке «Основные интернет-показатели». 

Если вы пользуетесь Google Chrome, информацию можно посмотреть в Dev Tools. Из сторонних программ подходит расширение Web Vitals Chrome Extension, которое показывает динамическое изменение хаpaктеристик (например, если вы вносите изменения в код). Обратите внимание и на PageSpeed Insights. Программа одновременно проводит теоретические замеры и исследует реальный пользовательский опыт. Не забывайте, что нужно проверять как десктопную, так и мобильную версию, ведь пользователи заходят на ваш сайт с разных устройств. 

Но Dev tools и PageSpeed Insights показывают только эмуляцию скорости загрузки. В одной из наших статей вы можете узнать как отслеживать реальные данные о скорости загрузки сайта.

Данные по Core Web Vitals

Улучшайте показатели Google

Оптимизация сайта в соответствии с требованиями Google — объемная тема, которую не уместить в одной статье. Разберем краткие рекомендации: 

  • проанализируйте проблемные места, на которые указывают перечисленные выше программы, и постарайтесь их исправить;
  • изучите разницу между мобильной и компьютерной версией. Вначале стоит работать с первой: большинство пользователей сидят с телефона;
  • уменьшите размер изображений с помощью новых форматов, программ и хостингов. Это увеличит скорость загрузки;
  • снизьте объем кода на Javascript и CSS. Таким образом вы уменьшите показатель FID: пользователь быстрее перейдет к взаимодействию со страницей;
  • выберите статические рекламные блоки, поставьте их в конкретное место, чтобы посетителям сайта было проще и комфортнее. 

Использование хостингов

Информацию об изменениях в ранжировании быстро подхватили хостинги. Им важно было «выкатить» новые версии своего ПО, чтобы оно удовлетворяло потребностям Google. На показатели CWV влияют: 

  1. Модуль Google pagespeed. С его помощью сжимаются и оптимизируются изображения, объединяются и минимизируются CSS и JS файлы. Это важно, поскольку все браузеры имеют ограничение на количество одновременно загружаемых элементов. Поэтому если их на странице больше одного, они загружаются в порядке очереди. Кроме того, быстро минимизируется сформированная HTML страница: убираются лишние пробелы, переносы, комментарии.
  2. Наличие SSD и NVMe SSD-дисков. Это уменьшает задержки при чтении данных с диска. Скорость более чем в 20 раз выше по сравнению с устаревшими SATA дисками.
  3. HTTP/2 — новый стандарт HTTP протокола. С его помощью можно передавать в одном соединении несколько элементов. Работа возможна только при безопасном HTTPS соединении. Поэтому очень хорошо, если провайдер не только поддерживает HTTP/2, но и предоставляет бесплатный сертификат SSL для сайта.
  4. CDN — сеть доставки контента. Используется для отправки статических данных, таких как изображения, CSS, JS пользователям. CDN — это распределенная система, состоящая из нескольких серверов. Файлы хранятся в уже подготовленном для отдачи виде, а нагрузка балансируется по сложным алгоритмам. Благодаря этому увеличивается скорость работы сайта и надежность, снижается нагрузка на основной сервер, который занят только формированием динамического контента. 

Еще одним фактором скорости загрузки сайтов является близость серверов хостинга к пользователю. Ведь чем ближе расположен сервер, тем ниже задержки при загрузке информации. Поэтому, если ваш сайт рассчитан на украинскую аудиторию, лучше выбирать хостинг-провайдера с серверами, расположенными в Украине. 

Может показаться, что перечисленный список параметров хостинга очень велик. Найти такого провайдера сложно, а стоимость услуг будет большой. Но это не так. Например, украинский хостинг-провайдер FREEhost.ru отвечает всем перечисленным критериям. При покупке хостинга можно бесплатно получить не только SSL сертификат, но и услугу CDN. При этом цены достаточно демократичны, а при оплате на год дается домен в подарок.



Комментарии:

Что объединяет в себе понятие ремаркетинг

Что объединяет в себе понятие ремаркетинг Подробнейшая статья об эффективном использовании ремаркетинга. Мотаем на ус!...

27 02 2024 15:42:26

Как отслеживать клики по телефонным номерам

Как отслеживать клики по телефонным номерам Быстрый и бесплатный способ настройки целей через Google Tag Manager....

26 02 2024 9:17:33

Алгоритм Google Panda 4.2 — 10 советов от SEO-экспертов

Алгоритм Google Panda 4.2 — 10 советов от SEO-экспертов Как диагностировать Google Panda, понять, что нужно изменить на своем сайте и сделать пользователей счастливыми....

25 02 2024 0:49:16

Контент-маркетинг для блога UniSender — что мы сделали для развития сайта

Контент-маркетинг для блога UniSender — что мы сделали для развития сайта Поиск крутых авторов и качественные тексты для блога об email-рассылке...

24 02 2024 18:37:37

Кейс по продвижению детских товаров в Google Рекламе: ROMI 23%

Кейс по продвижению детских товаров в Google Рекламе: ROMI 23% Полем битвы стала тематика кроваток, игрушек и прочих детских товаров, основным оружием в бою — контекстная реклама....

23 02 2024 20:44:16

Как я работаю: рассказ PPC-специалиста

Как я работаю: рассказ PPC-специалиста Как специалисту с нуля обучиться контекстной рекламе и совмещать работу с хобби...

22 02 2024 1:51:55

Кейс по снятию автоматического фильтра Яндекса: возврат трафика за 44 дня

Кейс по снятию автоматического фильтра Яндекса: возврат трафика за 44 дня На одном из проектов был успешный рост трафика и транзакций, но в следующем месяце видимость по Яндексу снизилась до 30% и продолжала жестоко падать. ТИЦ упал с 450 до 425....

20 02 2024 23:17:48

SEO-продвижение интернет-магазина строительных товаров в Украине — рост трафика на 121% и дохода на 413%

SEO-продвижение интернет-магазина строительных товаров в Украине — рост трафика на 121% и дохода на 413% Мы достигли поставленных на старте продвижения целей: вернули потерянный трафик, получили дальнейший рост видимости сайта и увеличили доход....

19 02 2024 7:37:23

Как настроить счетчик Яндекс.Метрики

Как настроить счетчик Яндекс.Метрики Счетчик Яндекс.Метрики: создание и установка кода, важные настройки....

18 02 2024 9:29:46

Кейс Yves Rocher: как сформировать спрос на новую косметику с помощью видеорекламы

Кейс Yves Rocher: как сформировать спрос на новую косметику с помощью видеорекламы Какие форматы видеорекламы логичнее купить для создания спроса на новую продукцию? Выясняем на примере кейса бренда Yves Rocher...

17 02 2024 23:39:50

Как добавить больше 10 филиалов в Google Business Profile

Как добавить больше 10 филиалов в Google Business Profile У вас фирма с филиалами по всей стране? Короткий инструктаж по массовой загрузке адресов...

16 02 2024 0:48:34

Почему Netpeak стал лидером среди IT-работодателей Украины

Почему Netpeak стал лидером среди IT-работодателей Украины Руководитель отдела HR, Ольга Пачесная, написала пост о главном — людях, которые выбрали работу в Netpeak....

15 02 2024 7:40:19

Советы от Google для бизнеса — как вести себя в период неопределенности

Рекомендации от Google для бизнеса о поведении в период распространения коронавируса....

14 02 2024 23:17:42

Веб-студии vs конструкторы сайтов: что выбрать для интернет-магазина?

Веб-студии vs конструкторы сайтов: что выбрать для интернет-магазина? Чем работа веб-студий отличается от конструкторов сайтов, как выбрать веб-студию и пять базовых понятий, которые должен знать каждый, кто решил создать сайт....

13 02 2024 17:41:52

AMP Google: что нужно знать об ускоренных мобильных страницах

Обновление от Google, запущенный в октябре 2015 года. Это просто веб-страницы, но в их основе находится AMP HTML, формат для максимального ускорения загрузки на телефонах...

12 02 2024 13:23:47

SEO-продвижение для сайта сети кинотеатров в Украине — как за год увеличить приток органического трафика на 630%

SEO-продвижение для сайта сети кинотеатров в Украине — как за год увеличить приток органического трафика на 630% Перед нами стояла цель увеличить поисковый трафик и видимость, не охватывая новые города. Через 8 месяцев после старта сотрудничества сайт переносили на новый front-end. Узнать больше!...

10 02 2024 0:46:50

SSL-сертификат — что это такое и как он работает

SSL-сертификат — что это такое и как он работает Безопасное соединение, которое положительно оценивают не только поисковые роботы, но и пользователи. Особенно, если на сайте предстоит оставить личные данные. Читать!...

09 02 2024 19:48:20

Кейс: настраиваем ремаркетинг на брошенную корзину

Кейс: настраиваем ремаркетинг на брошенную корзину Как узнать срок хранения товаров в корзине и настроить ремаркетинг для завершения покупок...

08 02 2024 6:30:57

Search Console Insights — как проанализировать контент на сайте

Search Console Insights — как проанализировать контент на сайте Каковы интересы вашей аудитории, как люди находят ваш контент. Рассказываем обо всех возможностях от Search Console Insights....

07 02 2024 2:57:17

Рэнд Фишкин: о трендах SEO и работе волшебника страны Moz

Рэнд Фишкин: о трендах SEO и работе волшебника страны Moz Экс-CEO, а теперь просто сотрудник и «волшебник страны Moz» Рэнд Фишкин поделился с читателями блога рассказом о своем видении будущего SEO, перспективах анонимизации сети и причудах американских клиентов....

06 02 2024 13:52:16

Как ангел-хранитель Sammy помогает продвигать носки

Как ангел-хранитель Sammy помогает продвигать носки Как говорят легенды, на создание дизайна этих носочков Sammy Icon вдохновили рисунки на стенах храма Темпло Майор в древнем городе Теночтитлан. К сожалению, город сейчас разобрали перуанские строители, но память о нем осталась в киевских носках...

05 02 2024 12:21:50

Аналитический инструмент для сервиса заказа билетов — контролируем бюджеты сотен мероприятий в реальном времени

Аналитический инструмент для сервиса заказа билетов — контролируем бюджеты сотен мероприятий в реальном времени Как автоматизировать целый участок в работе комaнды специалистов по контекстной рекламе — кейс concert.ua...

04 02 2024 20:40:45

Как я работаю: рассказ тимлида комaнды управления онлайн-репутацией

Как я работаю: рассказ тимлида комaнды управления онлайн-репутацией Как настроить работу удаленной комaнды сотрудников и успевать выполнить все задачи...

03 02 2024 6:17:42

Репутация в сети. Зачем она нужна молодой компании, и Как ее построить

Репутация в сети. Зачем она нужна молодой компании, и Как ее построить Узнать, как управлять репутацией в сети для молодой компании, можно в статье Netpeak Journal: что такое репутация, как формируется образ бренда и что нужно делать для получения положительных отзывов....

02 02 2024 1:41:27

Онлайн-покупка в реальной жизни

Онлайн-покупка в реальной жизни Что, если бы покупка в супермаркете происходила так же, как в онлайн-магазине?...

01 02 2024 9:33:31

Внутренняя кухня SEO: считаем рентабельность блога и возвращаем трафик на сайт UniSender

Внутренняя кухня SEO: считаем рентабельность блога и возвращаем трафик на сайт UniSender Очередной красивый пост о продвижении платформы email и sms-рассылок — UniSender...

31 01 2024 23:53:41

Кейс: учим поисковый движок распознавать грамматические ошибки

Кейс: учим поисковый движок распознавать грамматические ошибки Что поможет написать объявление без грамматических ошибок? В недрах агентства Netpeak рождается новый полезный сервис...

30 01 2024 9:33:25

Артем Борисов из Яндекс.Казахстан: казахстанцам нужен качественный контент на родном языке

Артем Борисов из Яндекс.Казахстан: казахстанцам нужен качественный контент на родном языке Почему встречаются низкие показатели переходов на сайты по всем источникам трафика? Нет рекламодателей, которые могут предложить пользователям те или иные товары и услуги....

29 01 2024 20:27:21

Netpeak Group купила конференцию eCommerce от OWOX

Конференцию eCommerce будет развивать комaнда Octopus Events...

28 01 2024 16:52:39

Как всплывающие уведомления помогают повысить продажи — кейс интернет-магазина

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

27 01 2024 1:51:55

Почему пользователи удаляют ваше приложение — обзор инструментов для анализа Uninstall Rate

Почему пользователи удаляют ваше приложение — обзор инструментов для анализа Uninstall Rate Иногда удержать пользователя сложнее, чем мотивировать загрузить приложение. Семь инструментов для анализа Uninstall Rate....

26 01 2024 10:52:21

Как эффективно настроить рекламные кампании в Apple Search Ads — zoom-митап с Радомиром Новковичем

Как эффективно настроить рекламные кампании в Apple Search Ads — zoom-митап с Радомиром Новковичем 5 мая в 17:00 — митап в Zoom с Радомиром Новковичем — фаундером RadASO и CEO Tonti Laguna Mobile....

25 01 2024 21:12:59

Недостатки популярных CMS интернет-магазинов: 1C-Битрикс, Magento, OpenCart, WooCommerce, CS-Cart

Недостатки популярных CMS интернет-магазинов: 1C-Битрикс, Magento, OpenCart, WooCommerce, CS-Cart Как новичкам в ecommerce выбрать первую CMS. Преимущества и трудности работы для крупных и небольших интернет-магазинов, русскоязычные и мультиязычные, с активной техподдержкой и без нее. Узнать больше!...

24 01 2024 1:14:45

Сплит-тест — скоростное шоссе к высокой конверсии

Сплит-тест — скоростное шоссе к высокой конверсии 5 кейсов отлично иллюстрируют правила юзабилити и находки веб-аналитиков....

23 01 2024 22:41:23

Семь улучшений Netpeak: скрипт GetLeads и PPC для брендинга. Выпуск второй

Семь улучшений Netpeak: скрипт GetLeads и PPC для брендинга. Выпуск второй В третьем квартале Netpeak внедрил множество крутых улучшений. Мы подробно расскажем о семи самых интересных новостях....

22 01 2024 1:26:34

Как раскрутить телеграм-канал в 2022 — 14 актуальных способов продвижения

Как раскрутить телеграм-канал в 2022 — 14 актуальных способов продвижения Хотите говорить с клиентами? Пишите им в телеге. Для этого важно продвижение телеграм-канала. Что и как делать для раскрутки — подробная инструкция....

21 01 2024 19:27:35

Оформляем товарную страницу: пять фишек для интернет-магазинов

Оформляем товарную страницу: пять фишек для интернет-магазинов Пять простых фишек для повышения привлекательности карточки товара....

20 01 2024 8:59:34

Почему мы так говорим — из истории устойчивых выражений

Почему мы так говорим — из истории устойчивых выражений Об истории и значении поговорок и других фразеологических оборотов...

19 01 2024 4:38:15

Кассовый разрыв в бизнесе. Что это, почему возникает и как избежать

Кассовый разрыв в бизнесе. Что это, почему возникает и как избежать 82% малых бизнесов тонут как раз из-за проблем с денежными потоками (по данным исследований U.S. Bank, 2020). Как предприниматели попадают в кассовые разрывы и что делать в таких ситуациях, разберем в этой статье....

18 01 2024 22:45:43

Кейс по рекламе в прайс-агрегаторах в тематике «гаджеты и аксессуары»: ROMI 869%

Кейс по рекламе в прайс-агрегаторах в тематике «гаджеты и аксессуары»: ROMI 869% Мир гаджетов на Android и IOS. ROMI (возврат маркетинговых инвестиций) по валовой прибыли: 764%....

16 01 2024 14:35:11

Как прогнозировать трафик поисковых кампаний в Google Ads

Прогнозирование с помощью «Планировщика ключевых слов»....

15 01 2024 9:18:29

Как найти тему для срача — на примере vc.ru

Как найти тему для срача — на примере vc.ru Как найти тему для поста, который и в онлайн поиске будет хорошо ранжироваться, и по социалкам разойдется, и комментарии в треде обеспечит...

14 01 2024 16:14:40

Особенности SEO-продвижения сайтов медицинской тематики

Особенности SEO-продвижения сайтов медицинской тематики Более строгие требования к таким ресурсам обуславливают свои подходы....

13 01 2024 16:11:56

Семь улучшений Netpeak: SEO, PPC и английская версия блога. Выпуск первый

Семь улучшений Netpeak: SEO, PPC и английская версия блога. Выпуск первый Сегодня мы открываем новую регулярную серию постов, в которых будем стараться раз в квартал рассказывать про семь важных улучшений Netpeak в работе с клиентами. Сейчас мы максимально сфокусированы на SEO и PPC....

12 01 2024 17:21:16

Как должна выглядеть форма онлайн-заказа — подробный чек-лист

Как должна выглядеть форма онлайн-заказа — подробный чек-лист Образец чек-листа по созданию форм заказа на сайте интернет-магазина...

10 01 2024 7:26:20

Сколько стоил клик в Google Ads в Казахстане во втором квартале 2020 года — исследование Netpeak

Сколько стоил клик в Google Ads в Казахстане во втором квартале 2020 года — исследование Netpeak Зная стоимость клика в вашей тематике или регионе, коэффициент конверсии на сайте, вы можете оценить объем необходимых в рекламу инвестиций и прогнозировать стоимость конверсии. Узнать больше!...

09 01 2024 10:45:43

Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::