Огляд інструментів для вимірювання 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!


Схожі статті

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

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

  2. Your point of view caught my eye and was very interesting. Thanks. I have a question for you.

  3. I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article. gate io “oppna konto

  4. Your point of view caught my eye and was very interesting. Thanks. I have a question for you.

  5. I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article.

  6. Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me?

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

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

  9. 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

  10. 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 адреса не оприлюднюватиметься. Обов’язкові поля позначені *