Core Web Vitals — это компоненты веб-аналитики, принадлежащие компании Web Vitals. Их основная цель — улучшить впечатления посетителей сайта. Они применяются к веб-страницам, отображаемым на настольных и мобильных компьютерах. Цель CWV — изучить длительность загрузки страницы и ее доступность до и после рендеринга. Для владельцев сайтов высокие показатели по этим метрикам влияют на популярность этих сайтов алгоритмами Google. Чем дружелюбнее сайт, тем охотнее его используют пользователи, что приводит к более высокой позиции в рейтинге на странице результатов поиска. В этом случае вам следует узнать о 5 инструментах для проверки и оптимизации показателей Core Web Vitals.
Как измерить показатели Core Web Vitals?
Core Web Vitals — это тема, которую мы раскрыли в предыдущей статье блога. Однако напомним. Метрики, о которых идет речь, учитывают:
- LCP — Largest Contentful Paint (время отрисовки самого большого элемента на сайте)
- FID — First Input Delay (задержка первого действия)
- CLS — Cumulative Layout Shift (смещение макета страницы).
LCP оценивает производительность загрузки страницы, фокусируясь на времени загрузки самого большого, основного элемента (например, фотографии обложки блога). Однако FID — это период, в течение которого посетители могут взаимодействовать с сайтом. FID — это статистика, которая учитывает нажатия клавиш, касания и клики как события ввода. Таким образом, оба этих показателя могут быть измерены статистически.
CLS — это статистика, оценивающая визуальную стабильность сайта. Количество видимых сдвигов во время загрузки страницы влияет на общий балл. Поэтому он выделяется среди других показателей; его измерение происходит динамически, поскольку учитывается текущее смещение страницы. Поэтому не забывайте, сравнивая результаты измерения CLS, постоянно сравнивать их на одном и том же фрагменте страницы во время ее фактического использования, а не во время статической загрузки.
Если вам интересен конкретный пример оптимизации сайта популярного магазина натуральной косметики, вы можете проследить за нашей работой здесь.
Инструменты для проверки и оптимизации основных веб-показателей
Хотя Web Vitals — относительно недавняя разработка в аспектах, связанных с пользовательским опытом, сейчас доступно множество инструментов или плагинов, помогающих генерировать аналитику. Основные инструменты Google для веб-разработчиков в настоящее время поддерживают измерение Core Web Vitals, что облегчает обнаружение и решение проблем пользовательского опыта.
Отчет Chrome UX Report (CrUX)
Отчет Chrome UX Report (CrUX) — это публичная коллекция реальных данных, отражающих пользовательский опыт при посещении веб-сайтов. Все данные, собранные в CrUX, поступают от пользователей, которые дали согласие на загрузку данных в определенных областях. Благодаря реальному измерению активности на сайте можно проверить фактические данные показателей Core Web Vitals.
Данные Google Chrome User Experience Report на BigQuery представляют собой сбор подробной информации о выводе для CWV и доступны в виде ежемесячных снимков.
API CrUX, с другой стороны, благодаря ежедневному обновлению, позволяет исследовать источник или URL и сегментировать эти данные по различным факторам.
Наиболее рекомендуемый способ вычислить, как посетители воспринимают ваш сайт, — это измерить его производительность в полевых условиях, когда пользователи загружают страницу и взаимодействуют с ней. Этот тип измерения обычно называют мониторингом реальных пользователей — сокращенно RUM. Даже если вы не используете RUM на своем сайте, CrUX может предоставить быстрый и простой способ оценить основные показатели сайта.
Инструментом для визуализации данных, например, на основе отчетов, подобных CrUX, является Data Studio. Она позволяет создавать информационные панели на основе исходных файлов и таким образом фиксировать тенденции в поведении пользователей.
Консоль поиска Google
Отчет Core Web Vitals в Search Console, основанный на фактических данных из CrUX, может помочь вам обнаружить группы страниц на вашем сайте, которые нуждаются в улучшении. Показатели URL делятся на три категории: тип метрики, статус и группа URL (группы похожих веб-страниц).
LCP, FID и CLS — это три показателя Web Vitals, используемые в отчете. URL удаляется из учетной записи, если он не содержит необходимых данных для отчетности по этим показателям.
PageSpeed Insights
С помощью PageSpeed Insights можно получить показатели как лабораторных, так и полевых сайтов. Инструмент PSI предоставляет данные об опыте посетителей сайта на мобильных и настольных устройствах. Отчет PSI содержит информацию о достижении пороговых значений адекватного пользовательского опыта, на что указывает прохождение или провал оценки Core Web Vitals. Результатом каждого анализа является набор рекомендаций, которые необходимо выполнить для улучшения показателей (с помощью Lighthouse).
Lighthouse
Lighthouse — это инструмент автоматического аудита веб-сайта, который помогает разработчикам диагностировать проблемы и определять способы улучшения пользовательского опыта их сайтов. Инструмент предоставляет лабораторные данные метрик. Две из них — LCP и CLS — являются лабораторными реализациями Core Web Vitals и позволяют делать диагностические выводы о расчете баллов производительности. Третья метрика в Lighthouse — TBT (общее время загрузки), которая сильно коррелирует с метрикой поля FID. Внедрение изменений, рекомендованных в отчете Lighthouse, позволяет оптимизировать и улучшить пользовательский опыт посетителей вашего сайта.
Lighthouse автоматически устанавливается во все версии браузера Google Chrome в составе Chrome DevTools (версия 60 и выше). Вам нужно щелкнуть правой кнопкой мыши и выбрать «исследовать», а затем перейти на вкладку «Аудиты».
Также можно установить плагин для Chrome. Он работает аналогично. Основное отличие в том, что вы запускаете его из правого верхнего угла браузера (это немного удобнее). Принцип работы тот же.
Lighthouse стоит использовать в сочетании с вкладкой «Производительность», где можно отслеживать общую загрузку страницы, чтобы шаг за шагом вылавливать возможные элементы для оптимизации.
Расширение Chrome Web Vitals
Расширение Web Vitals предназначено для настольной версии Google Chrome. Оно отлично работает на ранних стадиях диагностики, когда можно выявить основные ошибки. Расширение доступно для установки из репозитория GitHub.
По состоянию на сентябрь 2021 года Google Analytics не имеет функции отслеживания веб-показателей, но с помощью библиотеки с GitHub вы можете отправлять эти данные в Analytics в виде событий.
Ваш любимый SEO-инструмент
Использование упомянутых выше инструментов, посвященных Core Web Vitals, должно дать вам полную картину состояния ваших сайтов с точки зрения UX. Однако инструменты SEO также играют важную роль. Когда речь идет о рейтинге, всегда лучше оптимизировать сайт с нескольких сторон, а не с одной. Итак, давайте рассмотрим, как популярные SEO-инструменты позволяют оптимизировать сайт для Core Web Vitals.
SEMrush
SEMrush является одним из наиболее предпочтительных облачных SEO-инструментов для различных компаний. Поэтому, чтобы не снижать его популярность, он был адаптирован для Core Web Vitals.
После проведения общего аудита сайта необходимо выбрать On Page & Tech SEO > Site Audit, выбрать домен для анализа, а затем выбрать тип пользовательского агента. Получив отчет, вы получите графическое представление текущего состояния КСВ.
Стоит напомнить, что SEMrush не использует API Google и получает все данные лаборатории с Lighthouse. Поэтому получить отчет FID невозможно. Хотя SEMrush хорошо работает для внутреннего использования, экспортировать отчет невозможно. Единственный способ представить статистику, например, владельцам сайтов — это сделать скриншоты. SEMrush в своей статистике показывает только данные для страницы Core Web Vitals. Таким образом, это инструмент, который поддерживает или предлагает срез статистики для Core Web Vitals.
Screaming Frog
Screaming Frog — это инструмент, позволяющий провести тщательный аудит вашего сайта на все аспекты SEO. Также можно проверить коэффициенты CWV. Для этого данные берутся непосредственно из Google; загрузка API-ключа Google позволяет проверять до 25 000 страниц в день. Отчет по конкретному сайту в Screaming Frog содержит полный набор рекомендаций по улучшению оптимизации домена.
Невозможность создания агрегированного отчета о скорости сайта является одним из недостатков этого инструмента. Однако если он вам нужен, необходимо перенести информацию в Excel и создать таблицу вручную. Однако есть возможность загрузить отчеты с параметрами оптимизации Page Speed и отправить их разработчикам для внедрения рекомендованных решений.
WebSite Auditor
WebSite Auditor — это инструмент для SEO-измерений, предназначенный в основном для настольных устройств. Если вы когда-нибудь пользовались им, то знаете, что большой объем информации для обработки — идеальная среда для работы. WebSite Auditor сообщает о более чем 80 показателях скорости страниц и использует API Google для загрузки данных, поэтому в статистике, предоставляемой двумя инструментами, нет расхождений, а анализ происходит автоматически.
WebSite Auditor позволяет проверить все адреса, связанные с одним сайтом, в рамках одного анализа. Таким образом, нет необходимости подтверждать каждый URL-адрес, как в случае с PageSpeed Insight или SEMrush.
В отличие от ранее упомянутых SEO-инструментов, WebSite Auditor позволяет создавать массовый отчет об анализе Core Web Vitals в формате CSV. Таким образом, этот инструмент отлично подойдет, если полученную информацию необходимо часто отправлять клиентам или другим командам.
Стоит ли измерять Core Web Vitals?
Измерение Chrome Web Vitals является обязательным условием, если вы хотите правильно ранжироваться в поиске Google. Однако не забывайте, что CWV — не единственная метрика, влияющая на данные вашего домена. Google также учитывает в своем анализе удобство для мобильных устройств, HTTPS, безопасный просмотр и неинтрузивные интерстициалы. Однако оптимизация Core Web Vitals полезна, даже если влияние на ранжирование окажется ниже ожидаемого, поскольку она влияет на пользовательский опыт. Кроме того, посетители с большей вероятностью будут перемещаться по сайту, если вы уменьшите различные аспекты, которые им мешают. А органический трафик по-прежнему является одним из основных факторов, учитываемых при анализе Google.