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

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


Краткое содержание


Что такое Core Web Vitals?

Показатели, составляющие Core Web Vitals, будут развиваться со временем. На данный момент, Core Web Vitals состоят из трех показателей: First Input Delay (FID), Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS). Давайте рассмотрим каждый из них поближе.

  • First Input Delay (FID) определяет промежуток времени между моментом, когда пользователь впервые взаимодействует с веб-страницей (например, щелкая по ссылке или кнопке), и моментом, когда сайт фактически реагирует на это взаимодействие (например, открывает страницу). По мнению Google, чтобы обеспечить положительный пользовательский опыт, сайт должен иметь FID менее 100 миллисекунд.
  • Largest Contentful Paint (LCP) измеряет скорость загрузки сайта, в частности, время отображения основного блока контента страницы. Обычно основным элементом является изображение, видео или большой блок текста. Чтобы обеспечить положительный пользовательский опыт, основной блок контента сайта должен загружаться в течение 2,5 секунд.
  • Cumulative Layout Shift (CLS) — показатель визуальной стабильности. Данная метрика определяет количество неожиданных сдвигов контента, которые происходят во время загрузки страницы (например текст, который перемещается вверх или вниз по странице, или ссылка, которая меняет свое положение, когда пользователь пытается нажать на нее). Варьируя от 0 (без сдвигов) до 1 (максимальное количество  сдвигов), согласно Google, сайт обеспечивает положительный пользовательский опыт, если показатель CLS ниже 0,1.

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

  • First Contentful Paint измеряет сколько времени требуется для отображения первого фрагмента контента на странице.
  • Speed Index измеряет скорость визуального отображения содержимого во время загрузки.
  • Time to interactive измеряет сколько времени требуется, чтобы сайт был полностью интерактивным для посетителей (т. е. чтобы они могли переходить по ссылкам и т.д.)

Шесть советов по улучшению Core Web Vitals

Учитывая, что Core Web Vitals включены в систему ранжирования, важно проверить соответствует ли ваш сайт нововведениям. Вы можете сделать это с помощью инструментов Google Search Console или Page Insights, или воспользоваться бесплатной проверкой Core Web Vitals от Clickio.

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

1. Оптимизируйте изображения

Для многих сайтов самым большим элементом на странице, скорее всего, будет изображение: большая карусель или изображение в стиле hero image в верхней части страницы. Прежде всего, подумайте, действительно ли вам нужно такое большое изображение — добавляет ли оно пользу для ваших пользователей? Если да, подумайте о том, чтобы сжать изображение, преобразив его в один из последних форматов (например, JPEG 2000, JPEG XR или WebP) или сделав его адаптивным.

2. Реализуйте Lazy Loading изображений (отложенную загрузку)

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

3. Оптимизируйте шрифты

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

4. Проверьте сторонние скрипты

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

5. Используйте сеть доставки контента (CDN)

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

6. Резервируйте место для рекламы 

Вы когда-нибудь пытались нажать на ссылку статьи и обнаруживали, что страница внезапно изменилась, и вместо этого вы нажали на рекламное объявление? Это основная и распространенная причина раздражения пользователей веб-сайтов. Именно поэтому показатель CLS является одним из основных Core Web Vitals, который измеряет сдвиги макета при навигации.

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

Нужна помощь?

В Clickio мы постоянно отслеживаем Core Web Vitals более 500 издателей по всему миру, которые используют нашу передовую рекламную платформу на базе искусственного интеллекта. Благодаря облегченному HTML/CSS, умной отложенной загрузке и полному кэшированию сайта с помощью CDN наша простая в реализации технология Prism автоматически оптимизирует ваш сайт для повышения производительности и улучшения пользовательского опыта.

Чтобы узнать, как Prism может оптимизировать Core Web Vitals вашего сайта, нажмите здесь.