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

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

Новости о  Показатели Core Web  является одним из таких объявлений. Google не хочет никого паниковать (за последний год и без того было достаточно паники), поэтому предупредил владельцев сайтов и разработчиков, что они не будут внедрять новые метрики до 2021 года и уведомят всех участников по крайней мере за 6 месяцев.

Каковы новые  Показатели Core Web  метрики?

Введение в Google  Показатели Core Web . Три новых предмета, как оказалось, не такие уж и новые. Они уже измерены, и вы можете найти их метрики в наборе инструментов разработчика. Что Новым является то, что все три показателя будут учитываться в процессе ранжирования страниц.

• Загрузка - Крупнейшая содержательная краска (LCP)
• Интерактивность - Задержка первого входа (FID)
• Визуальная стабильность - Кумулятивный сдвиг компоновки (CLS)

Новые метрики включаются как часть вашего страница опыт данные.

Медленная скорость загрузки теряет трафик

По данным Google,

Кто бы не хотел увеличить свой трафик на такую значительную величину, просто убедившись, что они предлагают достойный веб-опыт?

Вы уже должны быть в курсе того, как работает ваша страница, поскольку это повышает как удовлетворенность посетителей, так и общие данные и эффективность.

Например, Google говорит нам,

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

Далее они рассказывают,

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

Разберитесь со скоростью ваших страниц, или мы вас накажем. Но, как выяснилось, наказывать вас будут не так уж и сильно.

Контент по-прежнему является королем в королевстве SEO

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

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

Делает    Показатели Core Web  влияет на ранжирование? Ну, пока что, похоже, только если вы идете лоб в лоб с очень похожей по содержанию страницей.

Загрузка, интерактивность и визуальная стабильность - что они означают?

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

Если вам нужны дополнительные инструменты для  Показатели Core Web  Тесты, их много в наличии непосредственно у самой компании Google. Маяк, Chrome DevTools или UX Отчет-все это достойные инструменты для работы над своим  Показатели Core Web  ранжирование и развитие. Также будет проведен  Показатели Core Web  расширение/плагин для Chrome, или вы можете изучить, как использовать API PageSpeed Insights для  Показатели Core Web  метрики.

Крупнейшая содержательная краска (LCP)

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

Опять же, это измеряется в ваших Google Консоль поиска используя PageSpeed Insights.

Первый входной дисплей (FID)

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

Google Search Console Данные по этим метрикам также хранятся у нас, и на трех простых для понимания уровнях вы узнаете, если вы хорошо (зеленый), нуждаются в улучшении (оранжевый), или бедный (красный).

Кумулятивный сдвиг компоновки (CLS)

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

Перемещение страницы (что гораздо более характерно для мобильных телефонов, чем для других устройств) вызывает разочарование. Поэтому Google хочет, чтобы вы это исправили.

Как улучшить  Показатели Core Web 

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

Улучшение показателей вашей крупнейшей контентной краски

Возьмем первый из новой подборки.

Если ваш LCP делает это менее чем за 2,5 секунды, то это хорошая работа - вам не о чем беспокоиться. Время между 2,5 и 4 секундами требует некоторой работы, а свыше 4 секунд, что ж, давайте рассмотрим, где могут быть ваши проблемные зоны.

1. Есть ли на вашей странице ненужные сторонние скрипты?
   Каждый дополнительный сценарий добавляет время к вашему скорость загрузки.
2. Виноват ли в этом ваш веб-хост?
   Более эффективный хостинг означает быстрее скорости и времени загрузки.
3. Попробуйте ленивую загрузку.
   Ленивая загрузка определяет, когда загружать каждое изображение, по мере того как пользователи прокручивают страницу к новым элементам. Эта техника может значительно улучшить ваш LCP.
4. Действительно ли вам нужны самые большие элементы страницы? Можно ли их оптимизировать?
   Когда вы тренируетесь который элементы - самые большие на вашей странице и главные нарушители LCP, важны ли они для удобства пользования страницей или вы можете избавиться от них совсем? Если они должны остаться, оптимизировали ли вы их для каждой платформы или формата, или для создания файлов наименьшего размера?
5. Очистите свой CSS.
   Громоздкий и неуклюжий CSS также может затянуть время LCP. Является ли ваш код чистым и хорошо организованным? Или это может стать той областью, которая поможет вам выйти из красной зоны и вернуться в зеленую?

Уточнение метрик отображения первого ввода

Если ваша метрика FID составляет менее 100 мс, значит, вы в плюсе и готовы к работе. Если показатель от 100 до 300 мс, то Google требует от вас некоторых изменений. Если ваши результаты длиннее 300 мс, то вы в красной зоне, и вам нужно принять более решительные меры.

Что вы можете попробовать?

1. Можете ли вы минимизировать или отсрочить свой JavaScript?
   Взаимодействие с элементами страницы практически невозможно, пока браузер загружает JavaScript.
2. Удалите ненужные сторонние скрипты
   Опять же, как и в случае с метриками LCP, сторонние скрипты могут оказать значительное влияние на результаты. Есть ли в вашем коде скрипты, которые вам не нужны?
3. Используйте кэш браузера
   Кэш браузера поможет содержимому вашей страницы загружаться быстрее, быстрее работать со скриптами и повышать FID. счет.

Минимизация кумулятивного сдвига макета

Нуждается ли ваш CLS в ремонте? Если ваш показатель составляет 0,1 или меньше, то вы находитесь в "хорошей" зоне Google. Если показатель от 0,1 до 0,25, то ваша страница нуждается в доработке. Если показатель превышает 0,25, то ваша страница находится в зоне "плохо".

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

1. Используйте установленные атрибуты размера для размеров носителя
   Для изображения, видео и других визуальных элементов можно предварительно задать размеры с помощью атрибутов size. При этом браузер точно знает, сколько места ему нужно, и применяет его во время загрузки элемента. Больше никаких прыгающих страниц - и это легко исправить.
2. Зарезервируйте место для своих объявлений
   Если ваша страница содержит рекламные элементы, убедитесь, что в вашем коде для них зарезервировано правильное место. Объявления могут загружаться немного дольше, и их внезапное появление может повлиять на CLS.
3. Можете ли вы разместить медленно загружающиеся элементы ниже сгиба?
   Элементы, расположенные ниже сгиба, имеют больше шансов начать загрузку до того, как пользователь до них доберется, и не будут заметно оттеснять загруженные элементы вниз по странице. Если вы сможете организовать структуру страницы таким образом, чтобы компенсировать это, ваши показатели улучшатся.

 Показатели Core Web  - здоровое подталкивание к передовому опыту и улучшению производительности

Google стремится к тому, чтобы все мы придерживались лучших практик. Это заставляет Интернет лучше для всех, с оптимизированным опытом и дополнительными мерами безопасности. Добавляя новые стандарты, которые в идеале должны присутствовать в нашей SEO-практике, Google поддерживает разработчиков, маркетологов и сайты строители на ногах, создавая лучший Интернет с нуля.

Благодаря ему наш мир в Интернете стал более удобным для мобильных устройств, был создан более безопасный просмотр веб-страниц и мы стали использовать SSL и HTTPS в качестве стандарта.

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