Зручність сайту для користувачів – один з параметрів, які пошукові алгоритми враховують під час ранжування вебресурсів у результатах пошуку. Для оцінки взаємодії використовується сервіс Core Web Vitals (CWV). Програма перевіряє якість сайту за трьома показниками, оцінює досвід перебування відвідувачів на сторінці та визначає. Про ключові показники програми та способи оптимізації сайту з урахуванням нових метрик розповідають фахівці з seo-просування EMBO Studio.

Зверніть увагу! Хороші показники CWV свідчать, що сайт зручний для користувачів, відповідно, шанси отримати високі позиції на сторінці результатів пошуку вищі, що сприяє збільшенню трафіку та конверсій.

 

Як Core Web Vitals оцінює зручність сайту для користувачів

Оцінку зручності Google робить у щомісячному звіті Core Web Vitals на основі користувацького досвіду. Для вимірювання показників алгоритм використовує три метрики:

1. Largest Contentful Paint (LCP) – у перекладі українською означає “швидкість завантаження основного контенту”. LCP вимірюється в секундах. Враховується час завантаження найбільшого на першому екрані текстового чи візуального елемента – форми, блока, зображення, відео тощо. До уваги не беруться ті частини, які не відображаються на екрані, і ті, що мають невидиме наповнення. На значення показників також не впливають відступи, додаткові поля, межі об’єкта.

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

Це треба знати! Найкращий показник LSP – 1-2 сек. Оптимальним вважається час – 2,5 сек. Якщо завантаження триває 3-4 сек, швидкість бажано покращити, а більше ніж 4 сек – сторінка потребує оптимізації.

2. First Input Delay (FID) – у перекладі з англійської означає “час затримки до першої взаємодії”. FID бере до уваги час, упродовж якого користувач очікує на завантаження інтерактивних елементів – кнопок, посилань, відео чи аудіоконтенту. Тривалість “затримки” вимірюється в мілісекундах. Чим менше часу потрібно очікувати на готовність сторінки до користування нею, тим вищі шанси, що користувач буде взаємодіяти з сайтом.

Якщо для взаємодії потрібно чекати, поки сторінка завантажиться повністю, то сайт вважається незручним. Оскільки виміряти “час затримки до першої взаємодії” без участі користувачів неможливо, експерти радять орієнтуватися на метрику First Contentful Paint (FCP) – тривалість очікування на появу першого контенту в секундах. Чим раніше він з’являється на сторінці, тим швидше відвідувач може почати з ним працювати.

Зверніть увагу! 100 мілісекунд – найкращий показник FID, від 100 до 300 – середній, рекомендується поліпшити, понад 300 мілісекунд – погано, необхідна оптимізація. Хорошим показником FCP є час до 1,8 сек, від 1,8 сек до 3 сек – варто покращити, понад 3 сек – сторінку потрібно оптимізувати.

3. Cumulative Layout Shift (CLS) – у перекладі українською означає “сукупне зрушення макета”. Метрика застосовується до вимірювання сукупної стабільності об’єктів чи зміщення макета. Показник фіксує час, потрібний для того, щоб кожен елемент під час завантаження сторінки зайняв визначене йому місце. Його значення вказує на те, як користувач сприймає сторінку загалом.

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

Варто знати! Значення CLS до 0,1 сек – добрий показник, до 0,25 сек – середній, варто покращити. Якщо переміщення тривають понад 0,25 сек – сторінка потребує оптимізації.

Як покращити Core Web Vitals

Щоб оптимізувати сайт відповідно до вимог Core Web Vitals, потрібно виконати комплекс дій з урахуванням усіх трьох метрик:

• зменшити час відповіді сервера і швидкість передачі файлів;
• налаштувати CDN і кешування;
• змінити дизайн;
• стиснути й форматувати фото;
• знайти проблемні макети сторінок й виправити помилки;
• розрізати код на менші частини, давши браузеру спочатку лише найнеобхідніші елементи;
• використовувати редиректи;
• увімкнути Gzip-скрипти, щоб стиснути дані;
• вказати в коді точні розміри зображень.

Покращити якість сайту допомагає також відкладене завантаження прихованих елементів та використання адаптивних зображень.

Важливо! Показники CWV потрібно регулярно перевіряти. Для аналізу варто використовувати такі онлайн-сервіси, як Google Search Console, Chrome User Experience Report, Lighthouse, Netpeak Checker, PageSpeed Insights.

Висновки

Програма Core Web Vitals оцінює якість сайту та його зручність для користувачів. Програма бере до уваги весь текстовий та графічний контент, навігацію, дизайн, інтерактивні елементи. Алгоритм використовує три метрики, які вимірюють тривалість завантаження основного елемента сторінки, час очікування до першої взаємодії, візуальну стабільність та коректне відображення контенту в десктопній та мобільній версіях. Ці показники відіграють важливу роль у покращенні видимості ресурсу. Тому їх потрібно відстежувати й за потреби оптимізувати.

Зверніть увагу! Кожен сайт алгоритм оцінює посторінково. Щоб пройти перевірку і вийти на високі позиції в результатах пошуку, необхідно отримати хороші показники зручності для щонайменше 75% сторінок.