Огляд інструментів для вимірювання Web Vitals

У травні 2021 року в Google офіційно буде запущено новий фактор ранжування - Core Web Vitals. Він визначає якість користувацького досвіду.

Його анонс був у травні 2020-го, а як ми знаємо, Google любить все тестувати, відповідно ці фактори вже активно використовуються. Звісно, королем SEO-просування, як і раніше, залишиться контент, але, якщо в топі буде кілька статей із крутим контентом, Google віддасть перевагу сторінці, у якої показники Web Vitals будуть кращими.

Тому завдання SEO-фахівців - навчитися правильно і якісно відстежувати ці показники, а також спробувати автоматизувати процес моніторингу.

Відповідно ми вирішили зробити невеликий огляд способів, сервісів, плагінів і фічів, які вже встигли вигадати світлі уми всієї гуглнета. Отже, підемо від найпростіших і найпоширеніших до більш просунутих.

PageSpeed Insights

Перший і, мабуть, найпоширеніший на сьогодні інструмент, це - PageSpeed Insig.

Результаты анализа PageSpeed Insights
PageSpeed Insights видає основні показники, включно з Web Vitals

Дає велику кількість рекомендацій, проте не завжди корисних і застосовних до того чи іншого сайту. Також ще мінусом вважаю те, що під час перевірки однієї й тієї ж сторінки поспіль може давати зовсім різні показники.

Маяк

За фактом те саме, що і PageSpeed Insights, тільки тест можна проводити безпосередньо на сторінці через DevTools.

Результаты анализа PageSpeed Insights
Перевірка Web Vitals в інструменті розробника Google Chrome

Web.dev

Ще один популярний онлайн-інструмент - web.dev. Однак він надає дані тільки за мобільною версією, хоча з огляду на те, що зараз Mobile-First у цьому в принципі є сенс. Дані показує ті самі, що й PageSpeed та Lighthouse.

Сервис проверки скорости загрузки сайта - Web.Dev
Результати тесту в сервісі web.dev

GTmetrics

GTmetrics - ще один аналізатор зі стандартних і корисних інструментів, який допоможе протестувати Web Vitals. Є також і розширення в Google Chrome, але на самому сайті ви зможете почерпнути більше інформації для себе.

Результаты анализа GTMetrix
У правій частині скріншота результати Web Vitals

WebPageTest

WebPageTest - корисний інструмент, який дуже детально демонструє як відбувається процес завантаження. Також віднедавна в ньому з'явилися показники Web Vitals:

Онлайн сервис WebPageTest для анализа Core Web Vitals
Результати перевірки сервісом WebPageTest

З мінусів можу тільки відзначити відсутність у списку локацій для тесту країн і міст СНД, тому для російськомовних сайтів дані можуть бути не зовсім об'єктивними:

Ограниченный выбор локаций сервиса WebPageTest
Органічення за локаціями для тесту в WebPageTest

Плагін Web Vitals

Web Vitals - розширення для браузера, яке показує параметри Core Web Vitals на конкретній сторінці вашого сайту або сайту конкурента:

Расширение для анализи основных показателей UX - Web vitals
Використання розширення Web Vitals для Google Chrome

Дуже простий інструмент для перевірки та фіксації основних показників користувацького досвіду, які слугуватимуть фактором ранжування з 2021.

Плагін Core SERP Vitals Core SERP Vitals

Core SERP Vitals - зручний плагін для Google Chrome від команди Defaced.dev. Завдяки його встановленню, ви будете бачити показники Core Web Vitals прямо в пошуковій видачі Google.

Такий вигляд має видача Google з використанням плагіна Core SERP Vitals
Видача Google з використанням плагіна Core SERP Vitals Core SERP Vitals

З мінусів варто відзначити той факт, що дані беруться з Chrome User Experience Report, тому не у всіх сайтів вони є.

Google Search Console

У Google Search Console також було додано функціонал для оцінки Web Vitals:

Результати аналізу Web Vitals у Google Search Console

Цей функціонал дуже корисний, оскільки ви наочно бачите, на яких сторінках є проблеми/помилки і які саме показники потрібно покращувати.

Google Data Studio

У Google Data Studios є можливість додати показники Core Web Vitals у дашборд, через безкоштовний конектор Chrome UX Dash. Це також дуже простий і ефективний спосіб моніторити ці показники:

Результати аналізу Web Vitals у Google Data Studio

Інструмент порівняння Chrome UX Report Comparison Tool

Не так давно з'явився інструмент для тестування показників Web Vitals від проектувальника з команди Google Chrome - Chrome UX Report Comparison Tool. Основним плюсом вважається те, що він дає змогу порівнювати показники сторінки з іншими сторінками на сайті або конкурентами.

Результати аналізу Chrome UX Report Comparison Tool
Результати аналізу Chrome UX Report Comparison Tool

Таблиця Measure Core Web Vitals (Google Spreasheets)

Найбільш просунутим і максимально автоматизованим інструментом, на сьогоднішній день, вважаю, хоч би як це було дивно, гугл таблицю Measure Core Web Vitals:

Аналіз Core Web Vitals за допомогою таблиці Google Spreasheets

Наразі це єдиний інструмент, який покаже як змінюються показники протягом певного періоду часу. А це дасть змогу провести більш якісний аналіз.

Детально про те, як налаштувати і запустити тести ми розповідали в нашій минулій статті про автоматичний вимір Web Vitals, тож welcome!


Схожі статті

4 відповіді до “Огляд інструментів для вимірювання Web Vitals”

  1. Your article helped me a lot, is there any more related content? Thanks!

  2. Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

  3. Your point of view caught my eye and was very interesting. Thanks. I have a question for you. https://accounts.binance.com/it/register-person?ref=P9L9FQKY

  4. Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *