Меню

Контакти

Core Web Vitals. Все що потрібно знати про новий алгоритм Google?

Core Web Vitals. Все що потрібно знати про новий алгоритм Google?

Підвищити швидкість сайту для Гугла — таке завдання виникає перед фахівцями, що приступили до оптимізації ресурсу. Це було й залишається найважливішим фактором для власників сайту та для користувачів, особливо тих, хто використовує для виходу в Інтернет мобільний телефон або планшет. Сьогодні пошукова сиситема Google продовжує виступати за якість пошукової видачі та впроваджує нові алгоритми, що дозволяють оцінити різні параметри сайту, в тому числі, швидкість відгуку і завантаження сторінок.

Зовсім недавно вступивший в силу алгоритм Core Web Vitals тому підтвердження. У цій статті ми обговорюємо, що з себе представляє нововведення й як воно працює.

Що таке Core Web Vitals?

Так що таке Core Web Vitals? Це загальна назва для сукупності метрик, які, в цілому, можна назвати показником реального користувацького досвіду: вони показують, наскільки швидко люди можуть взаємодіяти зі сторінками вашого сайту. У російській версії алгоритм носить назву «Основні інтернет-показники».

Новий алгоритм шукає відповідь на три питання:

  1. Як швидко завантажується найголовніший елемент сторінки?
  2. Наскільки швидко сторінка стає стабільною?
  3. Як швидко сторінка стає доступною для взаємодії?

Іншими словами, він оцінює поведінкові (призначені для користувача) фактори.

Що це таке? Призначені для користувача фактори це специфічна характеристика, яка описує поведінку відвідувачів на вашому сайті. З огляду на них, ви робите свій ресурс більш зручним і, відповідно, більше людей захочуть зробити на ньому якусь цільову дію.

Гугл відносить основні інтернет-показники до метрик з групи Page Experience, серед яких також:

  • захищений протокол https;
  • мобільна версія сайту;
  • коректне використання рекламних блоків і т.д.

Всього Гугл використовує понад 200 показників для оцінки ресурсів, а нову метрику відносить до надзвичайно важливої, тому вже в 2021 році Core Web Vitals буде робити серйозний вплив на оцінку якості сторінок. Безсумнівно, хороші показники завантаження сторінки впливають й на результативність вашого бізнесу: ви отримуєте менше відмов і більше переходів. Разом з тим, це ще не гарантує вашому сайту потрапляння в ТОП. Якісний, релевантний контент все ще дуже важливий і позитивно оцінюється пошуковою системою.

Матеріал по темі: Важливість якісного контенту

Важливість відстежувати метрики Core Web Vitals

Спочатку Google дав вебмайстрам час на адаптацію до нового фактору, анонсувавши повноцінне його впровадження в 2021 році. Однак вже 15 серпня 2020 року деякі ВМ побачили повідомлення від Core Web Vitals в Google Search Console. Також багато проектів відзначили зниження значення швидкості завантаження в PageSpeed ​​Insights і появу показників з індикатором нового фактора.

відстеження метрики Core Web Vitals

При цьому, на позиціях сайтів подібні оновлення не позначилися, виходячи з чого передбачається, що Google таким чином просто попереджає власників сайтів про існуючі проблеми. З огляду на коливання у видачі, які також спостерігалися 15-16 серпня, багато фахівців прийшли до висновку, що вже тоді нові чинники активно тестувалися в якомусь певному регіоні, можливо, по США.

Наскільки важлива нова метрика Гугл? Вона, як і десятки інших факторів ранжирування, позначається на результатах пошукової видачі не тільки в мобільній версії, але й в десктопній. Експерти відзначають, що частка впливу нововведення в загальній масі метрик для більшості сайтів буде не настільки істотна. Проте, ресурси новин повинні бути готові відповідати новим критеріям хоча б на мінімальному рівні: це впливає на появу сторінки в розділі «Головні новини».

Показники для Core Web Vitals

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

Давайте розглянемо їх детальніше.

Largest Contentful Paint (LCP)

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

Можна подумати, що найбільш великим елементом на сторінці може бути фото або якийсь інший графічний елемент. Але це не завжди так. Таким елементом також може бути текстовий блок з усіма пов’язаними з ним вузлами.

У випадку з LCP якщо кожна сторінка вашого сайту завантажується менше 2,5 секунд — це відмінні показники! Якщо ж довше — є над чим працювати.

Largest Contentful Paint ua

Як поліпшити LCP:

  • змініть хостинг;
  • видаліть непотрібні скрипти — кожен з них може істотно сповільнювати завантаження сторінки;
  • видаліть зі сторінки великі елементи, які гальмують її завантаження;
  • використовуйте CSS код по мінімуму;
  • налаштуйте відкладене завантаження — тоді зображення будуть завантажуватися в міру пересування між об’єктами.

First Input Delay (FID)

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

First Input Delay (FID) ua

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

Як можна поліпшити цей показник:

  • кешуйте елементи — так вони будуть завантажуватися швидше;
  • видаліть непотрібні скрипти — як і у випадку з попереднім фактором, сторонні скрипти можуть негативно впливати на швидкість роботи сторінки.

Cumulative Layout Shift (CLS)

Цей фактор також називають показником візуальної стабільності сторінки. Якщо ви помітили при перевірці в PageSpeed ​​Insights як фактор ранжування CLS перейшов в червону зону, значить, на перевіреній сторінці відбувається зміщення елементів під час її завантаження. І це недобре.

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

Якщо сторінка має показник 0.1 і менше — зі стабільністю все в порядку. Показник 0.25 повинен вас насторожити — елементи відчутно зміщуються при завантаженні.

Cumulative Layout Shift (CLS) ua

Як уникнути проблем:

  • задавайте атрибут size для зображень, відео та іншого медіа контенту на сторінках — так браузер буде знати, скільки місця виділено під даний елемент, і не буде зміщати його при завантаженні;
  • використовуйте певне місце для реклами на сторінці — щоб рекламні елементи не зміщати основний контент при раптовій появі;
  • нові елементи інтерфейсу розміщуйте в нижній частині сторінок — щоб вони прогружаются в міру прокручування та не знімали основний контент.

Як виявити проблему

Як бачите, швидкість роботи сайту для Гугл дуже важлива: новітній алгоритм пошукової системи розроблений спеціально для обліку поведінки користувачів. Де можна подивитися нові метрики? Google дає можливість побачити значення нових метрик для всього сайту через Search Console в розділі Покращення. Однак майте на увазі: якщо хоч одне з трьох значень не відповідає показникам «добре», в результаті, ви отримаєте загальну оцінку «погано», навіть якщо дві інші метрики знаходяться в зеленій зоні.

Точкові перевірки конкретних сторінок можна проводити за допомогою PageSpeed ​​Insight.

Матеріал по темі: Як перевірити та збільшити швидкість завантаження сайту

Низькі показники LCP, FID, CLS при аналізі сторінок через PageSpeed ​​Insight або в Search Console, вказують на те, що користувачі відчувають труднощі при відвідуванні вашого сайту. Хочете уникнути просідання трафіку та зробити ваш сайт більш зручним для вашої цільової аудиторії — замовляйте SEO просування в компанії Idea Digital Agency. Наші фахівці уважно стежать за всіма нововведеннями та враховують їх у роботі. Ваш сайт буде в надійних руках!