Want to change Livepage language to English? Go to the English website.

Основные интернет-показатели – Core Web Vitals. Что нужно знать о новом алгоритме Google?

Наталья Шевелева
22 декабря 2020 | 8 мин. чтения

Core Web Vitals  — это набор факторов, которые Google учитывает при оценке взаимодействия пользователей с сайтом. Существует три конкретных показателя:

  • Largest Contentful Paint (LCP) — «полная отрисовка наибольшего элемента» — время загрузки самого большого элемента страницы, который видит пользователь — изображения, текстового блока, видео или другого контента.
  • First Input Delay (FID) — «задержка при первом касании» — время между кликом по странице и откликом браузера на это действие.
  • Cumulative Layout Shift (CLS) — «совокупный сдвиг макета» — показатель смещения элементов страницы во время загрузки.
Основные интернет-показатели Google
Основные интернет-показатели Google

Вы можете найти данные о Core Web Vitals (в русской версии «Основные интернет-показатели») вашего сайта в Google Search Console в разделе «Улучшения».

Основные интернет-показатели. Новый алгоритм от Google
Пример отчета об основных интернет-показателях

Почему вам стоит отслеживать метрики Core Web Vitals?

Google с каждым годом все больше измеряет опыт пользователей при взаимодействии с сайтом и собирается сделать оценку пользовательского опыта официальным фактором ранжирования Google.

Page Experience будет оцениваться по совокупности факторов, которые Google считает важными для UX, в том числе:

  • HTTPS;
  • Мобильная версия сайта;
  • Отсутствие межстраничных всплывающих окон;
  • «Безопасный просмотр» (в основном отсутствие вредоносных ссылок/виджетов на вашей странице).

Метрики Core Web Vitals лягут в основу новой метрики и больше всего повлияют на оценку качества страницы.

Важно также учесть, что высокий показатель качества страницы не гарантирует, что сайт сразу попадет в ТОП. Google отмечает, что они используют для ранжирования сайтов примерно 200 факторов. В первую очередь положительно оценивается качественный, релевантный для пользователей контент.

В этой статье мы разберем все три метрики Core Web Vitals и подробно рассмотрим каждую из них.

Показатель Largest Contentful Paint (LCP)

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

В отличие от других показателей скорости загрузки страницы (например, TTFB и First Contextual Paint), фактор LCP отвечает за самые важные для пользователей действия — возможность видеть и взаимодействовать с контентом.

Вы можете проверить свой LCP, используя Google PageSpeed Insights.

Показатель Largest Contentful Paint
Показатель Largest Contentful Paint

Также рекомендуем проверять LCP через Google Search Console.

Отчет по показателю Largest Contentful Paint
Отчет по показателю Largest Contentful Paint

Как и в Google PageSpeed Insights, данные в Search Console приходят из отчета Chrome о пользовательском опыте. Но в отличие от PageSpeed Insights здесь вы можете видеть данные LCP по всему сайту, а не только по отдельной странице. Вместо того, чтобы анализировать страницы по отдельности, вы получаете целый список страниц с хорошими, плохими или средними LCP-показателями.

Есть 3 возможные оценки LPG от Google: хорошо, требует улучшения и плохо.

Оценки LPG от Google
Оценка LPG от Google

Для достижения хорошего результата необходимо, чтобы каждая страница вашего сайта загружалась в течение 2,5 секунд.

Что можно сделать, чтобы улучшить LCP вашего сайта:

  • Удалите все ненужные сторонние скрипты: недавнее исследование по Pagespeed показало, что каждый сторонний скрипт замедляет страницу на 34 мс.
  • Обновите веб-хостинг: лучший хостинг = более высокая скорость загрузки страницы.
  • Настройте отложенную загрузку: при отложенной загрузке изображения загружаются только тогда, когда пользователь прокручивает страницу вниз.
  • Удалите большие элементы страницы: в отчете Google PageSpeed Insights вы увидите, есть ли на странице элементы, которые замедляют ее загрузку.
  • Используйте меньше CSS кода, когда это возможно.

Показатель First Input Delay (FID)

Теперь давайте рассмотрим вторую метрику Core Web Vital: First Input Delay.

FID — это фактор, измеряющий время, через которое происходит фактическое взаимодействие пользователя с сайтом.

Примеры взаимодействий:

  • выбор пункта из меню;
  • щелчок по ссылке;
  • ввод адреса электронной почты в поле и т. д.

Критерии для определения качества FID:

Оценка FID от Google
Оценка FID от Google

FID измеряет время, необходимое для того, чтобы на странице отразились действия, произведенные пользователем.

Для страницы с информационным контентом (например, страницы комментариев в блоге или новостных статей) FID, вероятно, не так важен. Единственное реальное «взаимодействие» — это прокрутка страницы или увеличение/уменьшение масштаба страницы.

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

Пример страницы, где FID имеет огромное значение
Пример страницы, где FID имеет огромное значение

Важно то, как быстро пользователь может начать вводить данные.

Как улучшить показатели FID вашего сайта:

  • Удалите все ненужные скрипты: как и в случае с FCP, сторонние скрипты (например, код плагинов, тепловые карты сайта и т. д.) могут негативно повлиять на FID.
  • Используйте кэширование элементов: это поможет быстрее загружать контент вашей страницы.

Показатель Cumulative Layout Shift (CLS)

Cumulative Layout Shift показывает, насколько стабильна страница при загрузке (критерий также известен как «визуальная стабильность»).

Другими словами: если элементы на вашей странице смещаются при загрузке страницы, значит, у вас высокий CLS. И это плохо.

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

Критерии для оценки CLS:

Критерии для оценки CLS
Критерии для оценки CLS

Как минимизировать CLS:

  • Задайте size-атрибуты для любого медиаконтента (видео, изображения, GIF-файлы, инфографику и т. д.). Браузер пользователя будет точно знать, сколько места элемент займет на странице, и не будет менять его, пока страница загружается.
  • Выделите специальное место под рекламу. В противном случае рекламные элементы могут внезапно появиться на странице, смещая основной контент.
  • Добавляйте новые элементы интерфейса в нижней части страницы. Таким образом, они будут показываться пользователю по мере скролла и не будут смещать контент.

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

Оставить комментарий

Ваша эл. почта не будет опубликована. Обязательные поля помечены *

Ваш комментарий*
Представьтесь*
Эл. почта*
Адрес сайта

Получайте больше пользы!
Анонсы лучших статей об интернет-маркетинге и продвижении сайтов, новости области, скидки на мероприятия и другие бонусы — только для подписчиков!