Core Web Vitals: новый ориентир для продвижения в Google на 2021 год

Материал подготовлен на базе выступления Андрея Липатцева (Google) на Optimization-2020 и агентства Impression, исследовавшего Core Web Vitals на примере 50 сайтов СМИ.

Из этой статьи вы узнаете:

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

Web Vitals состоят из десятка параметров, но есть основные три (Core), на которые нужно обратить внимание уже сейчас. Качественными Google признает те ресурсы, на которых:

Оценка Core Web Vitals основывается на трех показателях:

Таким образом, в основе Core Web Vitals лежит опыт взаимодействия пользователя с сайтом: положительный или негативный. Google начнет учитывать, насколько быстро грузится ваш контент (показатель LCP), как быстро можно перейти к взаимодействию с вашим контентом (показатель FID), и насколько стабильно при этом себя будут чувствовать элементы верстки (показатель CLS). Камнем преткновения для бизнеса становится уровень юзабилити сайта и его технической оптимизации. Основной вопрос, который Google хочет решить посредством Core Web Vitals, звучит так: как уменьшить количество сайтов в выдаче, взаимодействуя с которыми пользователь получит негативный опыт, и увеличить количество тех, которые соответствуют ожиданиям пользователя?

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

— Провести масштабный аудит страниц сайта, чтобы увидеть потенциал для улучшений. Отчет в Search Console для Core Web Vitals дает полную картину по работе сайта и детализирует показатели.

— Page Speed Insights и Lighthouse помогут в процессе итераций по устранению любых обнаруженных проблем.

— С помощью инструментов web.dev/vitals-tools можно получить исчерпывающую информацию для начала работы.

— Использовать потенциал технологии AMP. Она упрощает работу со страницами и является эффективной.

Андрей поделился подробным списком инструментов, с помощью которых вы можете оценить и улучшить Core Wev Vitals уже сейчас:

— Lighthouse позволяет проверять интерактивность, доступность, скорость загрузки страниц сайта в "лабораторных" условиях. C ним можно работать через командную строку, веб-интерфейс Page Speed Insights, инструменты для разработчиков в Chrome. Используйте инструмент после улучшений или изменений на сайте.

— То, что видят пользователи доступно в базе данных CrUX — общедоступном наборе реальных данных о производительности пользователя. В этой базе данных находится порядка 8-9 миллионов страниц. Можно посмотреть конкурентов и лидеров отрасли.

— PageSpeed Insights агрегирует данные из Lighthouse и CrUX и отображает их в отчете.

— В Google Search Console есть данные по Core Web Vitals и они доступны для каждой отдельной страницы и ее динамике.

— В Chrome Dev Tools трассируются все три показателя — LCP, CLS, TBT.

— Расширение Web Vitals Chrome Extension для real-time измерений на странице.

— Подключите библиотеку web-vitals.js весом менее 1 кб для анализа пользователей и отслеживания эффективности улучшений.

Чтобы понять, готовы ли сайты к предстоящему обновлению Google, мы изучили исследование Core Web Vitals среди 50-ти сайтов СМИ.

Принимая во внимание три показателя Core Web Vitals: Largest Contentful Paint (LCP), First Input Delay (FID) и Cumulative Layout Shift (CLS), были отобраны и проанализированы домены 50 наиболее посещаемых глобальных новостных сайтов. Исследование проводилось британским агентством Impression. Используя эти результаты, можно прогнозировать, какие из публикаций получат пользу от обновления алгоритма, а каким еще предстоит проделать большую работу в ближайшие месяцы, чтобы избежать штрафных санкций в SERP.

Данные были собраны с помощью отчета Chrome User Experience Report (CrUX), в котором рассматриваются средние баллы по LCP, FID и CLS за трехмесячный период с 1 июля по 30 сентября 2020 года. Это позволило лучше понять тенденции и учесть все обновления, сделанные за квартал. Затем был взят процент, основанный на хороших, средних и плохих показателях для каждой метрики, как определено Google:

В результатах есть средний балл Core Web Vitality для каждого домена, представленного в исследовании, а также созданы два общих рейтинговых списка с оценками "хорошо" и "плохо".

Из лучших СМИ мы видим, что Nikkei, The Guardian, Financial Times и LA Times уверенно одержали победу по трем основным показателям Core Web Vitals. При этом The Guardian может похвастаться впечатляющим временем загрузки страницы (LCP), а Nikkei хорошо справляется с задачами по интерактивности (FID) и стабильности (CLS) контента. В исследование попали сразу два российских СМИ — “Российская Газета” (rg.ru) и “Комсомольская правда” (kp.ru), причем показатели РГ можно оценить как “средние” и без разброса по всем трем показателям в диапазоне до 80%.

Из СМИ с “плохими” показателями можно отметить новостной портал inquirer.net, который получает низкую оценку по FID, и Daily Mail с низким CLS. По всем трем метрикам Core Web Vitals отстают The Mirror, Manorama и Marca.

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

Оценка и мониторинг Core Web Vitals на разных устройствах позволят улучшить медиапотребление и помочь пользователю удовлетворить поисковые запросы. Медиабренды должны взять курс на “отличные” показатели по новым факторам ранжирования, когда они станут значимыми для рейтинга в 2021 году.

● Используйте данные Chrome User Experience, чтобы выделить процент пользователей с негативным опытом взаимодействия на сайте. Эти данные гораздо более актуальны, чем инструменты подсчета баллов, и гораздо информативнее для специалистов.

● Используйте Google Search Console, чтобы понять работу сайта как на мобильных устройствах, так и на десктопах с данными показателями.

● Определите страницы шаблонов, которые вызывают проблемы, связанные с Core Web Vitals. Обращение к этим шаблонам поможет улучшить страницы при масштабировании.

● Largest Contentful Paint часто относится к главному изображению, загружаемому на страницу. Показатель можно улучшить, используя CDN изображения, обеспечивая связь для контента и минимизируя блокировку Javascript и CSS.

● На First Input Delay обычно влияет Javascript, что приводит к длительной задержке. Оптимизация кода на Javascript поможет сократить время блокировки основного потока.

Конкуренция за органический трафик в настоящее время более ощутима, чем когда-либо. Тот, кто привлекает наибольшее внимание, может распоряжаться большими бюджетами от рекламы и усиливать коммерческие каналы. Особенно важно это для высококонкурентных ниш. В будущем подобные нюансы в рейтинговых факторах вроде Core Web Vitals могут играть ощутимую роль в ранжировании сайта.