Что мы можем ожидать от Core Web Vitals в 2022 году

2021 год был важным годом для SEO. Мы видели, как Google внедряет результаты с отступом , когда сайты могут иметь несколько релевантных страниц, отображаемых на странице результатов поисковой системы (SERP); непрерывное обновление прокрутки до мобильного поиска , который автоматически загружает следующий пакет результатов, когда пользователи прокручивают страницу поиска до конца; и его тег title переписывает , где он заменяет заголовок сайта его тегами H1 или другими элементами.

Все эти изменения были встречены бурными аплодисментами? Не совсем так, но это мир поисковой выдачи Google, и мы живем — и пытаемся ранжироваться — в нем.

Еще одним выпуском, который не сразу стал хитом, было обновление Page Experience, основанное на показателях Google Core Web Vitals . Эти новые показатели «определяют приоритет» (подробнее об этом позже) взаимодействия с пользователем, анализируя веб-страницу по трем сигналам:

1. Самая большая содержательная краска
2. Задержка первого входа
3. Совокупный сдвиг макета

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

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

Core WebVitals никуда не денется

Несмотря на то, что он получил вялый ответ, не ожидайте, что Core Web Vitals тихо уйдет в ночь. В преддверии 2022 года мы можем ожидать, что Google повысит свое значение для ранжирования.

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

Эффективный маркетинг требует видимости и охвата, и нет лучшего варианта, чем занимать высокие позиции в поисковой выдаче. Это означает, что соблюдение Core Web Vitals является обязательным. Но если вы решитесь сделать это, лучше всего знать, как оптимизировать сайты и какие ярлыки следует избегать, которые могут помешать удобству использования сайта.

Понимание каждого основного сигнала Web Vitals

Core Web Vitals ставит во главу угла взаимодействие с пользователем, измеряя производительность сайта по трем параметрам: визуальная стабильность (совокупное изменение макета), интерактивность (задержка первого ввода) и производительность загрузки (наибольшая отрисовка содержимого).

Давайте кратко определим каждый сигнал:

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

Чего не следует делать при оптимизации сайта для Core Web Vitals

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

Возьмем эти два сценария:

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

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

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

Например, возьмем страницы блога, которые состоят из изображения, заголовка, резюме и CTA «читать дальше» для каждого сообщения. Как правило, SEO-специалисты делают и изображение, и призыв к действию связанными с полной записью в блоге, и пользователи ожидают этого. Если SEO-специалист удалит ссылки из этих интерактивных элементов, пользователи все равно будут нажимать на них (потому что они будут предполагать, что они где-то ссылаются), но ничего не произойдет. Пользователь в конечном итоге найдет работающий элемент, но позже, чем в противном случае. В результате часы для первой задержки ввода не запустятся, пока страница не будет полностью загружена, что улучшит показатели для этого сигнала, но испортит взаимодействие с пользователем в процессе.

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

Что делать при оптимизации сайта для Core Web Vitals

Есть способы улучшить веб-сайт для каждого сигнала, хотя Core Web Vitals не был хорошо принят. Рассмотрим эти варианты улучшения сайта для Core Web Vitals:

1. Кумулятивный макет смены: используйте фасады для поздней загрузки контента. Фасады занимают место для контента, который появится после завершения загрузки страницы. Допустим, на сайте есть изображения товаров, которые он демонстрирует на главной странице. Фасады сохранят свое место во время загрузки, чтобы страница не перестраивалась после загрузки, потому что они являются фокусом и, вероятно, больше, чем другие элементы на странице.
2. Самая большая содержательная краска: поместите большие элементы под сгиб. Это позволяет более нестабильным элементам, таким как встроенный контент (изображения, реклама, твиты и т. д.), постепенно появляться по мере загрузки страницы. Если объявление необходимо отобразить на странице, оставив его внизу страницы, вы улучшите этот показатель.
3. Первая задержка ввода: заранее добавляйте интерактивные элементы, которые служат цели. Если на странице есть элемент, который необходимо щелкнуть, прежде чем пользователи смогут просмотреть сайт, это вызовет задержку, поскольку страница все еще загружается в фоновом режиме. Одним из примеров такого типа интерактивного элемента является наложение настроек файлов cookie.

Преодолейте каждый порог

Core Web Vitals никуда не денутся. По мере того как мы приближаемся к 2022 году, любой сайт, который надеется получить рейтинг, должен убедиться, что он преодолевает все пороговые значения. Невыполнение этого требования приведет к свободному падению из рядов, чего не хочет ни один маркетолог. Есть правильный способ оптимизировать страницы для Core Web Vitals. Как только мы это сделаем, мы сделаем мир SEO лучше как для ранжирования, так и для удобства пользователей.

об авторе

Том Каппер — старший научный сотрудник Moz . Он мыслитель со склонностью бросать вызов отраслевым нормам и разрабатывать уникальные стратегии и тактики SEO. Его внимание сосредоточено на разработке новых исследований, которые помогут Moz решать сложные и технические проблемы для специалистов по поисковой оптимизации на каждом этапе их карьеры.