Web Vitals — От каких метрик зависит новый фактор ранжирования Google, который заработает в 2021 году. Как оптимизировать?
29 июля 2020

Web Vitals — От каких метрик зависит новый фактор ранжирования Google, который заработает в 2021 году. Как оптимизировать?

В поисковой системе Google появится новый фактор, который будет учитываться при ранжировании сайтов в поисковой выдаче.

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

Разберемся с вопросом далее.

Фактор Page Experience и метрики Web Vitals


Новый фактор ранжирования в поисковой системе — Page Experience. В систему ранжирования фактор планируется включить в 2021 году.

Фактор нацелен на оцифровку информации об удобстве использования страниц. Для определения значения данного фактора будут использоваться различные метрики, включая Web Vitals.

Как работает оцифровка удобства использования? Что измеряет Google? Как оптимизировать сайт, и проверить результат?

Web Vitals — метрики для оценки удобства пользования сайтом


Что такое Web Vitals? Web Vitals представляет собой группу из 3 основных и 2 дополнительных метрик. Согласно инициативе Google данная группа из трех основных метрик Core Web Vitals должна использоваться в формуле при расчете значения фактора Page Experience.

Google:

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

Итак, три основных метрики называются Core Web Vitals.

Что учитывается? Все метрики оценивают удобство пользования страницей.

Метрики такие:

  • Largest Contentful Paint. Рендеринг наибольшего значимого элемента;
  • First Input Delay. Общее время блокирования input. Похожа на метрику first input delay, но учитывает суммарную задержку перед вводом;
  • Cumulative Layout Shift. Сдвиг шаблона страницы сайта после загрузки.

Итак, смысл анализа метрик поисковой системы заключается в повышении позиций страниц, которыми легко пользоваться.

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

Итак, речь не про скорость загрузки сайта. Смысл в анализе происходящего на странице после загрузки. Поисковая система анализирует удобно ли пользователю работать со страницей после загрузки сайта.

Как измеряется удобство использования сайта? Разберемся подробнее с отслеживаемыми метриками.

1 — Largest Contentful Paint


Метрика Largest Contentful Paint учитывает скорость отрисовки контента на первом экране.

На какие фактические значения следует ориентироваться:

  • 2.5 сек — оптимально
  • 4.0 сек — убого

Поисковая оптимизация метрики Largest Contentful Paint

2 — First Input Delay


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

Как работает? Рассмотрим на примере.

Пример:

  • Загрузилась страница;
  • Происходит клик на любую ссылку;
  • Запускается обработчик, к примеру выполняется код JavaScript. Происходит задержка до того, пока скрипт полностью выполнится. Если значение задержки высокое, то значение метрики будет низким.

На какие значения следует ориентироваться. Значения такие:

  • 100 мс — оптимально
  • 300 мс — недостаточно

Поисковая оптимизация метрики First Input Delay

3 — Cumulative Layout Shift

Метрика Cumulative Layout Shift оценивает стабильность макета после загрузки сайта.

Как работает? Например, клиент находится на странице, изучает контент. На сайте есть картинка, которая имеет большой размер и загружается по lazy loading. Картинка загрузилась, текст на странице переместился. Данный факт учитывается поисковой системой.

Рекомендованный материал в блоге MegaIndex на тему loading lazy — Атрибут тега img, который позволяет ускорить загрузку сайта. Пример реализации.

Внедрение метрики позволит снизить позиции страниц сайтов, на которых используется подмена кнопок в целях повышения прибыли.

Рекомендуемые значения по метрике:

  • Ниже 0.1 — оптимально
  • Выше 0.25 — проблема

Что означает 0.1, как считается данная метрики? Значение относительное. К примеру, контент страницы занимается 1000 пикселей. При сдвиге контента на 100 пикселей значение Cumulative Layout Shift = 0.1.

Поисковая оптимизация метрики Cumulative Layout Shift

Как появился Web Vitals


Все метрики оценивают страницу после загрузки. Отчасти данную задачу решает измерение метрик поведенческих факторов ранжирования. Но такой сигнал зашумлен.

Рекомендованные материалы в блоге MegaIndex на тему поведенческих факторов по ссылкам далее:


Затем поисковые алгоритмы начали учитывать наличие адаптивной версии сайта и HTTPS.

Рекомендованные материалы в блоге MegaIndex на тему по ссылкам далее:


Далее следует фактор удобства использования страниц сайта.

Как оптимизировать значения Web Vitals


У всех метрик есть простые способы для улучшения значений.

Например, для улучшения Largest Contentful Paint следует не загружать лишнего, сжать ресурсы, внедрить для страниц сайта рендеринг на стороне сервера.

Для First Input Delay практических во всех случаях речь про JavaScript, поскольку есть в основном потоке что-то выполняется после отрисовки страницы, то значение метрики будет низким.

Для улучшения значения Cumulative Layout Shift следует проверить корректность верстки страницы, внести исправления в случае выявления проблем в отрисовке.

Данные метрики доступны в обновленном инструменте Lighthouse.

В инструменте предлагается следующая важная информация:

  • Что на что влияет;
  • Какие изменения следует внести, чтобы исправить проблему на сайте.

Ссылка на расширение — Lighthouse.

Инструмент бесплатный.

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

Для примера, из расчетов видно, что Largest Content Full Paint влияет на итоговый результат сильнее прочих метрик.

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

Анализ Web Vitals. Как проверить?


Способов для проверки много.

Рассмотрим самые удобные способы для проверки. Способ с использованием расширения.

Есть специальное расширения для браузера.

Ссылка на расширение — Web Vitals Extension.

Расширение бесплатное.

Анализ Web Vitals — Расширение для браузера

Способ с использованием Search Console, который требует подтверждение на владение сайтом. Метрики выводятся в отчете Core Web Vitals.

Ссылка на отчет — Core Web Vitals.

Анализ Web Vitals — отчет по страницам сайта

Есть способ с использованием специальной открытой библиотеки для анализа метрик.

Ссылка — Web Vitals.

Данная система предоставляет дополнительно метрики First Contentful Paint и Time to First Byte.

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

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

Ссылка на сервис — MegaIndex Аудит.

Пример отчета далее:

Аудит сайта на предмет тега title

Выводы


Метрики Web Vitals сфокусированы на отрисовке, скорости реакции и визуальной стабильности сайта.

Скорость загрузки и производительность страниц сайта являются разными по смыслу понятиями.

Что хорошо:

  • Есть возможность измерять Web Vitals через браузер;
  • Уменьшается влияние AMP.

Оптимизаторам следует начать бороться за производительность сайта.

Выше описаны метрики и инструменты для анализа. Используйте. В результате:

  • Повышение позиций страниц сайта в поисковой выдаче;
  • Улучшение значения показателя конверсий, ведь работы направлены на то, чтобы пользователю было удобно работать с сайтом.

Есть ли вопросы? Интересно узнать подробности об поисковой оптимизации метрик? Напишите в комментарияхs.

Обсуждение

admin
14:07 30 июля 2020
Хреновенько работает Ваш Аудит!
Не переиндексирует!
Дмитрий Угниченко
11:25 31 июля 2020
Проблемы с индексацией бывают, если сайт находится на хостинг низкого качества, то есть дешевом хостинге. В результате от низкой нагрузки сайт сайт падает. Обратитесь в поддержку по ссылке — https://ru.megaindex.com/skype
info
14:58 30 июля 2020
Да улучшайте скорости))) Оптимизируйте ресурсы, пишите тексты для людей. А по факту Будет. 1. Нулевая выдача. 2. Рекомендательная выдача. 3 Три позиции рекламных страниц (возможно с мошенниками), а затем Вы, если станете лучшим среди 100500 оптимизаторов))) Пора открывать сеть общественных туалетов проблем меньше и клиенту при любых раскладах все устроит)
anton18_5gorsk
15:15 30 июля 2020
на вашем блоге расширение Web Vitals Extension КРАСНОЕ ! Работайте над показателями))
Дмитрий Угниченко
11:26 31 июля 2020
Приятно, что заботитесь в первую очередь о нашем сайте. Задача в списке есть
uakuzov
17:40 30 июля 2020
Гугл вообще ох..л, не успеваешь вывести одни показатели, как им приснились уже другие... что курят ХЗ
Дмитрий Угниченко
11:25 31 июля 2020
Методы по продвижению сайтов в поисковой выдаче изменяются.
1987525
18:41 31 июля 2020
Слишком много заумных словечек в статье-она только для узкого круга посвященных, а не для всех нас грешных.
l2toplist
15:22 5 августа 2020
статья о скорости загрузки только в профиль.
anchevawork
17:23 5 августа 2020
Самое интересное, что и на МегаИндексе и на сайте другой SEO-компании, и на сервисе seo speed mobile расширение расширение Web Vitals Extension КРАСНОЕ, а на моем сайте зеленое.
Для добавления комментария, пожалуйста, авторизуйтесь