Готовим сайты к майскому апдейту 2021

Это второй выпуск второго сезона подкастов, который мы делаем вместе с SEO–экспертом Павлом Михайловым. Новые выпуски выходят на всех доступных площадках:

• Soundcloud
• ВКонтакте
• Яндекс.Музыка
• Apple Podcasts
• Google Подкасты

Подписывайтесь, чтобы получить уведомление раньше всех.

В этом выпуске говорим про Core Web Vitals: стоит ли бояться нового алгоритма, у кого могут быть проблемы и как заранее подготовиться к изменениям.

Коротко про майский апдейт

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

Давайте разберёмся, что это за алгоритм, что за параметры, на что они влияют и как их оценивать.

Никакого ноу-хау здесь нет. Параметры CWV всегда можно было посмотреть в Google PageSpeed Insights. Но не все сайты можно проверить по этим параметрам. Чтобы всё сработало, у Google должно быть достаточно информации о вашем сайте.

Если у вас подключен Google Analytics и на сайте есть много трафика, то вы увидите 4 параметра и 3 из них относятся к CWV.

Первый – СLS, визуальная стабильность. Насколько сильно смещается контент при скроллинге, например, когда на сайте неожиданно начинает прогружаться рекламный баннер.

Второй – LSP, скорость загрузки самого большого элемента на странице.

Третий, и, наверное, самый сложный параметр – FID или интерактивность. Этот показатель измеряет разницу во времени с момента, как пользователь впервые взаимодействует со страницей, до времени, когда браузер вообще способен ответить на это взаимодействие. Часто пользователи называют это «скоростью интернета».

Эти три параметра и составляют Core Web Vitals. С мая они будут оказывать прямое воздействие на позиции сайта в поисковой системе Google.

Как быстро обновляются показатели

Показатели имеют накопительный эффект.

Мы привыкли, что для поднятия сайта из красной зоны в зелёную в Google PageSpeed Insights достаточно просто оптимизировать скрипт и результат виден сразу. Здесь совершенно другая история.

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

Когда Google соберёт достаточное количество информации о ваших посетителях, он сможет обновить статистические данные.

После того, как Google анонсировал майские изменения, я проверил свои сайты. Могу сказать, что картина достаточно оптимистичная: даже интернет-магазины, разработанные на конструкторе, находятся в зелёной зоне по показателям CWV. Чего уж говорить про рукописные сайты.

В целом, ничего страшного я не заметил. Считаю, что все проекты, с которыми я работал, можно и дальше вести без серьёзных доработок. Но, конечно, определённые изменения ввести придётся.

У кого будут проблемы

Не все специалисты настроены так оптимистично и, безусловно, у них есть повод. Особое волнение зафиксировано на рынке СНГ, где качественной вёрсткой или наличием мобильной версии могут похвастаться единицы. Это, конечно, повлияет на показатели. Но стоит ли сильно переживать? Насколько низкие значения CWV повлияют на позиции?

Мне не понятно, как всё-таки Google будет оценивать сайты относительно новых параметров CWV и каким параметрам он будет отдавать предпочтение.

Например, один сайт с некачественной вёрсткой, отсутствующей мобильной версией, но при этом идеальной структурой и качественными текстами. А второй – молодой сайт, где тексты сделаны кое-как, но есть идеальный код и идеальная мобильная версия. Кто из них окажется выше в выдаче?

Я ставлю на первый. Но интересно посмотреть на деле, как параметры CWV будут соотноситься с десятками других параметров, по которым Google ранжирует сайты.

Кроме того в некоторых нишах в принципе отсутствуют качественные сайты с точки зрения кода. Тут Google придётся выбирать лучшее из худшего. Например, когда есть десятки конкурирующих сайтов, которые находятся в топе по разным запросам, и среди них нет ни одного, который бы идеально подходил под параметры CWV.

Ждём мая, чтобы посмотреть как это повлияет на выдачу, а пока расскажем, что можно сделать с вашими сайтами, чтобы подтянуть CWV.

Рекомендации по улучшению показателей

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

Мобильная версия. Она должна быть супер-быстрой, супер-удобной и загружаться за минимальное количество времени. Сейчас по статистике доля мобильного трафика достигает 70% от общего трафика. Поэтому обязательно стоит позаботиться о качественной мобильной версии.

Изображения. Все тяжёлые изображения мы добавляем в preload, а изображения, которые можно удалить, удаляем. То же самое делаем с графическими элементами, которые не несут смысла и не играют важную роль. Избавляемся от лишнего при условии, что это не повлияет на работоспособность сайта.

Обращение к верстальщикам – обязательно прописывайте фиксированный размер (ширину и высоту) изображения.

Первый экран. Он должен быть максимально простым, не перегруженным. Убираем тяжёлые фоны. Минимализм и информативность – вот, что требует от нас Google.

Код. Сокращаем скрипты и оптимизируем код.

Словом – выполняем рекомендации, которые мы видим в том же Google PageSpeed Insights.

Hover и Scroll – это всё, что происходит с сайтом при наведении на элементы и при скроллинге. Очень важно, чтобы макет не шатался, элементы не смещались, иначе вы получите красную зону в параметре CWV, который отвечает за визуальную стабильность.

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

IFrame. Если вы добавляете видео или какой-либо контент через IFrame, то нужно убедиться, что вы сделали это корректно.

Внимательно следите за тем, как реализован код, и всё ли на вашем сайте сделано правильно.

Это основные рекомендации, но, конечно, далеко не все. Напишите в комментариях, как вы готовите свои сайты к майским изменениям и чего ждёте от CWV?

Свои предложения по подкастам, идеи и пожелания присылайте на journal@topvisor.com