Содержание:
- Что такое Core Web Vitals?
- LCP — самая большая содержательная краска
- FID — задержка первого ввода
- CLS — кумулятивный сдвиг макета
- Где посмотреть показатели Core Web Vitals?
- Как Core Web Vitals влияет на продвижение сайта?
Поисковая система Google предназначена для показа пользователям лучших органических результатов по конкретному запросу. Поисковая система основана на ряде алгоритмов, и каждый из них оценивает сайт с разных точек зрения, чтобы затем подготовить рейтинг. В процессе анализа сайта роботы Google учитывают не только контент или внешние ссылки, но и техническую оптимизацию и дизайн UX. Чтобы гарантировать наилучшее взаимодействие с пользователем, поисковая система хочет продвигать только страницы самого высокого качества, которые соответствуют определенным правилам. Именно поэтому в мае 2020 года Google опубликовал Core Web Vitals, т.е. основные интернет-метрики.
Что такое Core Web Vitals?
С помощью Core Web Vitals поисковая система Google посылает четкий сигнал веб-мастерам, SEO-специалистам и владельцам сайтов. Оптимизация сайта — это не только максимальное упрощение исходного кода, сжатие графики, настройка метаданных или атрибутов alt графики. Важную роль в продвижении также играет UX-дизайн, то есть адаптация веб-сайта к потребностям пользователя, чтобы его использование гарантировало наилучшие впечатления для пользователя Интернета. Переход по отдельным подстраницам должен быть плавным, а сеанс должен быть максимально эргономичным и удовлетворяющим пользователя Интернета.
Источник: собственное исследование.
Core Web Vitals — это основные веб-метрики, используемые поиском Google для определения качества веб-сайта путем анализа веб-сайта во время его отображения и после загрузки. Он основан на трех показателях:
- LCP — Largest Contentful Paint (наибольшая отрисовка контента);
- FID — First Input Delay (задержка первого действия);
- CLS — кумулятивный сдвиг макета.
Эти показатели должны укладываться в шкалу, подготовленную командой Google. Тогда сайт сможет чаще отображаться на высоких позициях в поисковой системе, что положительно сказывается на органическом трафике. Неспособность адаптировать сайт к Core Web Vitals значительно затрудняет деятельность по поисковой оптимизации.
Источник : support.google.com — значения Core Web Vitals.
LCP — самая большая содержательная краска
LCP расшифровывается как Largest Contentful Paint , что означает самый большой отображаемый контент. Это время, необходимое для загрузки большей части страницы. Согласно рекомендациям Google, максимальное время загрузки составляет 4 секунды, а лучшим результатом считается менее 2,5 секунд. Роботы поисковых систем, анализируя страницу, используют HTML-код точно так же, как он был разработан — от первых строк до конца. Отсюда легко сделать вывод, что самый большой элемент (LCP) может регулярно изменяться. Фрагмент сайта считается самым большим, когда он полностью загружен. С другой стороны, части веб-сайта, которые загружаются за пределы экрана пользователя, обычно не учитываются роботами.
Чтобы улучшить LCP , вам нужно найти элементы, которые замедляют время загрузки URL, а затем оптимизировать их. К ним относятся удаление неиспользуемых фрагментов кода, реализация асинхронной загрузки и минимизация CSS и JS. В контексте графики стоит рассмотреть использование формата WEBP (высокое качество, малый вес). Изображения могут отображаться непосредственно перед прокруткой пользователем, а не сразу после загрузки URL в браузере — это решение называется отложенной загрузкой .
Источник : web.dev — Web Vitals
FID — задержка первого ввода
FID , или задержка первого ввода , представляет собой задержку первого действия и относится к интерактивности сайта . На практике это время от первого действия пользователя при загрузке URL до выполнения запрошенного действия. Интернет-пользователи, использующие веб-сайты, хотят получать искомую информацию как можно быстрее. В результате пользователь нажимает на ссылки или элементы интерфейса даже тогда, когда страница отображается не полностью. Иногда может случиться так, что сайт , несмотря на отображение контента, не реагирует на действия пользователя (или делает это с задержкой). Это связано с тем, что браузер обрабатывает файлы, из которых состоит веб-сайт, и только через некоторое время анализирует поведение интернет-пользователя. Время ожидания определяется индикатором FID и не должно превышать 300 мс. Однако любое значение ниже 100 мс считается благоприятным результатом.
Эффективным способом улучшения индикатора FID является оптимизация кода JavaScript. Также стоит подумать об асинхронной загрузке и ограничении блокировки ресурсов. Специальная задержка загрузки внешних скриптов (например, Google Analytics или HotJar) положительно влияет на FID . Еще одно полезное решение — использовать метод рендеринга на стороне сервера .
Источник : web.dev — Web Vitals
CLS — кумулятивный сдвиг макета
CLS немного отличается от предыдущих показателей. Накопительный сдвиг макета основан на непрерывном сборе данных и анализе отображения последующих элементов на подстраницах домена . Задача этого индикатора — проверить макет страницы и уловить возможные сдвиги, потому что такое явление может негативно сказаться на пользовательском опыте. CLS не заботится о вновь появляющихся элементах и существующих фрагментах, изменяющих свой размер, если только они не вызывают перемещение других сегментов страницы. Google указывает, что любая оценка ниже 0,25 является приемлемой для совокупного смещения макета , в то время как высококачественные URL-адреса оцениваются ниже 0,1.
Популярной ошибкой, негативно влияющей на CLS , является использование графики без заявленного размера. Загрузка такого изображения значительно изменит макет страницы. Чтобы предотвратить эту ситуацию, вы должны задать предопределенные высоту и ширину элементу (в данном случае графике) с помощью атрибутов «width» и «height». Эффективные решения также включают использование заполнителей. Это специальное место, где будет отображаться объект, например реклама. Таким образом, макет сохранит свою структуру и не будет смещения макета, поэтому результат CLS будет положительным.
Источник : web.dev — Web Vitals
Где посмотреть показатели Core Web Vitals?
Существует несколько методов проверки показателей Core Web Vitals . Следует помнить, что каждый URL-адрес требует надлежащей оптимизации в соответствии с рекомендациями поисковой системы Google, а не только домашняя страница домена. Основные веб-метрики можно анализировать с помощью PageSpeed Insights , Lighthouse и Google Search Console .
Статистика скорости страницы
Вы можете использовать PageSpeed Insights для анализа одного URL-адреса для Core Web Vitals . Программное обеспечение отображает не только результаты LCP, FID, CLS, но и информацию о том, как их можно улучшить для улучшения ситуации на участке. Процентные значения показывают, какой процент пользователей, посетивших веб-сайт за последние 28 дней, получил определенные результаты. Таким образом, владелец домена (или специалист по поисковой оптимизации) может убедиться, что URL-адрес стабилен. Чем выше процент, отображаемый зеленым цветом, тем лучше. PageSpeed Insights позволяет анализировать Core Web Vitals для мобильных и настольных версий.
Источник : PageSpeed Insights — результаты Core Web Vitals на главной странице магазина Ikea.
Маяк
Чтобы использовать функцию аналитики Lighthouse Core Web Vitals , вам необходимо запустить веб-сайт в браузере. Затем необходимо «осмотреть элемент», нажав правую кнопку мыши или используя сочетание клавиш Ctrl+Shift+I в Google Chrome. В верхней части открытого окна находится функция «Маяк». Инструмент позволяет анализировать URL (для настольной или мобильной версии). После проверки браузер вернет результаты. Lighthouse работает не так, как PageSpeed Insights. Это анализ, который включает в себя немного больше элементов, поэтому конечный результат, полученный с помощью обоих этих инструментов, может отличаться.
Источник : Browser Lighthouse — результаты Core Web Vitals на домашней странице магазина Ikea.
Консоль поиска Google
Команда Google хочет, чтобы владельцы веб-сайтов могли как можно проще анализировать свои сайты на предмет Core Web Vitals . По этой причине функция «Основные веб-метрики» доступна в Google Search Console. Сканеры извлекают информацию о LCP, FID и CLS, а затем в зависимости от результата определяют URL-адреса как плохого качества, требующие улучшения или хорошего качества. Благодаря этому можно быстро вносить изменения в оптимизацию без необходимости вручную анализировать все подстраницы по одной. Google Search Console также представляет исторические данные в контексте Core Web Vitals , что может быть полезно для веб-мастеров и SEO-специалистов.
Источник : консоль поиска Google. Пример отчета, показывающий состояние сайта в контексте метрик Core Web Vitals.
Как Core Web Vitals влияет на продвижение сайта?
С помощью Core Web Vitals команда Google хочет побудить владельцев веб-сайтов лучше оптимизировать свой веб-сайт. Веб-сайты, которые достигают высоких показателей, могут добиться более высокой видимости в поисковой системе благодаря своей высокой позиции. Это потому, что они адаптированы к потребностям пользователей, поэтому алгоритмы Google с радостью присвоят им более высокий рейтинг в результатах обычного поиска. Core Web Vitals — еще один шаг к синергии SEO и UX.
Высокие показатели LCP, FID и CLS положительно сказываются на позициях сайта , но следует помнить, что правильная техническая оптимизация сайта — это еще не все в контексте SEO. Не менее важен качественный контент, богатый естественными ключевыми фразами. Контент, который отвечает потребностям пользователей, является абсолютной основой любого веб-сайта, который хочет добиться удовлетворительных результатов в результатах органического поиска. Не менее важную роль играет линкбилдинг — хотя этот процесс и утратил некоторое значение после внедрения алгоритма Penguin , получение внешних ссылок по-прежнему является основным фактором ранжирования для поисковой системы Google.
Если вы хотите продвигать свой сайт, обязательно оптимизируйте его в соответствии с рекомендациями поисковой системы Google. Сайт также должен быть адаптирован к потребностям пользователей. Таким образом, он достигнет высоких показателей Core Web Vitals , тем самым приобретя видимость. Стоит отметить, что инновационной и в то же время эффективной стратегией продвижения в соответствии с Core Internet Indicators является SXO . Это комбинация UX и SEO, которая дает ряд полезных эффектов. При правильной реализации стратегии сайт может рассчитывать не только на более высокую видимость, но и на больший трафик, который затем — благодаря UX — завершит сеанс за счет конверсии.