Кейс Core Web Vitals: как улучшить свои показатели и улучшить SEO

В мае 2021 года мы рассмотрели включение Google Page Experience в качестве нового фактора в свой алгоритм ранжирования веб-сайтов и три конкретных измеримых сигнала ранжирования пользовательского опыта в Page Experience, которые называются Core Web Vitals .

Таким образом, показатели Google Core Web Vitals стали важной частью эффективного комплексного контрольного списка веб-дизайна и технического SEO .

Это означает, что очень важно предпринимать шаги по проектированию веб-сайта и SEO, которые улучшают скорость загрузки страниц, интерактивность сайта и визуальную стабильность ваших веб-страниц с таким же дисциплинированным подходом , который вы применяете к контенту, стратегиям ссылок, ключевым словам и многому другому.

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

Давайте посмотрим, как мы сосредоточены на улучшении показателей Core Web Vitals и как наши действия окупаются с течением времени.

Основные веб-жизненные показатели и SEO: краткий обзор

Эти три показателя отражают производительность ваших веб-страниц с точки зрения скорости загрузки страниц, интерактивности и визуальной стабильности. В отчете об опыте использования Chrome (CrUX) вашего веб-сайта они выражаются следующим образом:

1. Largest Contentful Paint (LCP) — измеряет скорость загрузки страницы как время, необходимое основному содержимому страницы для завершения рендеринга на экране пользователя.
2. Задержка первого ввода (FID) — измеряет интерактивность с точки зрения времени между моментом, когда пользователь щелкает, нажимает или иным образом взаимодействует, и моментом, когда браузер начинает обрабатывать этот ввод.
3. Кумулятивное смещение макета (CLS) — измеряет визуальную стабильность с точки зрения непредвиденных сдвигов макетов визуального контента.

Google PageSpeed ​​Insights анализирует результаты и сообщает о них, а также предоставляет данные и сведения о показателях производительности как мобильных, так и настольных компьютеров, а также улучшения, необходимые для повышения производительности .

Смысл определения ценности SEO для этих показателей производительности довольно ясен: они являются частью общего качества опыта, которое ваш веб-сайт обеспечивает в ходе взаимодействия пользователя с вашими страницами.

Core Web Vitals сообщает о результатах как «Плохо», «Требуется улучшение» и «Хорошо». Страницы проходят успешно, если 75% или более показателей трафика ниже пороговых значений для LCP, FID и CLS.

Важно отметить, что в качестве источника данных CrUX использует 75-й процентиль пользовательских данных Chrome за последние 28 дней. Это означает, что взаимодействие других браузеров не учитывается в отчетах Core Web Vitals. Это также означает, что вы должны ожидать задержки между улучшением производительности вашего веб-сайта и более высокими оценками в отчетах Core Web Vitals.

Google предлагает ресурсы, чтобы узнать о жизненно важных функциях и о том, как их улучшить, но вот несколько важных областей, на которых вы можете сосредоточиться, чтобы сделать быстрые и значимые улучшения CWV, которые должны привести к увеличению трафика и общим улучшениям SEO:

• Оптимизируйте изображения и видео
• Уменьшить JavaScript
• Ленивая загрузка изображений, которые попадают ниже сгиба
• Предварительно загрузите героев, веб-шрифты и другие ключевые элементы.
• Сосредоточьтесь на мобильной производительности

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

1. Автоматически минимизирует Javascript и CSS
2. Выполняет базовую оптимизацию изображения (не заменяет ручную оптимизацию, но помогает)
3. Размещает файлы в быстрой сети доставки контента (CDN) HubSpot.

Кейс 1: Улучшение основных веб-показателей клиента

Ниже приведен снимок отчета клиента по показателям производительности мобильной страницы в Google Search Console . Легко увидеть, когда 28-дневная отметка перешла на многие улучшения, снизив количество страниц с оценкой «плохо» до нуля.

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

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

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

Пример 2: Группа Вейдерт

На нашем собственном веб-сайте наблюдалось значительное падение трафика после обновления алгоритма Google в июне 2021 года, и в настоящее время мы работаем над тем, чтобы исправить это падение, повысив производительность страницы. Во-первых, посмотрите на производительность мобильной страницы в Google Search Console:

Примечательно, что большинство наших страниц с оценкой «хорошо» являются ускоренными мобильными страницами (AMP), поэтому важно, чтобы эта функция была включена для вашего сайта и особенно для вашего блога.

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

… а также наш показатель CLS:

И мы еще не сталкивались с сайтом, размещенным на HubSpot, с проблемами производительности FID (хотя этот июньский спад отчетливо виден):

Но опять же, как эти показатели соотносятся с трафиком? На приведенном ниже графике показано, что наши усилия остановили волну , и мы постепенно возвращаемся к прежнему уровню трафика:

Для такого большого и глубокого веб-сайта, как у Weidert Group, возвращение и оптимизация страница за страницей может стать долгосрочной задачей обслуживания. Поэтому тем более важно в будущем создавать новый контент в соответствии с современными передовыми методами для повышения скорости загрузки страниц и интерактивной производительности для наилучшего взаимодействия с пользователем .

Постоянное улучшение SEO

Основная цель обновления алгоритма Google 2021 года заключается в том, что он должен способствовать улучшению пользовательского опыта в целом, вознаграждая сайты, которые обеспечивают измеримый опыт, который коррелирует с пребыванием и взаимодействием пользователей , а не отказываются от веб-сайтов из-за разочарования из-за медленной загрузки, длительной задержки ввода и переключения. элементы страницы.

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