Новий фактор ранжування Google - Page Experience: як підготуватися і чому це важливо робити вже зараз

Липень 3, 2021 | Блог | Технічні питання SEO,SEO

28 травня Google анонсувала новий алгоритм ранжирування, який почне діяти в 2021 році. Як і було обіцяно, про великий апдейт тепер сповіщають заздалегідь. Давайте розберемося, що нас чекає, до чого починати готуватися і чому це важливо почати робити вже зараз.

Оновлення Google Page Experience направлено на оцінку сайтів з урахуванням того, як користувачі взаємодіють з ним. Частина факторів, які позначаються на взаємодії користувачів зі сторінкою і впливають на внутрісайтові поведінкові фактори, стають підтвердженими сигналами ранжирування.

Список метрик:

  • Час відтворення основного контенту (LCP).
  • Затримка після першого введення (FID).
  • Сукупна зміщення макета при відображенні (CLS).
  • Мобільна адаптація.
  • Наявність HTTPS і безпеку перегляду.
  • Відсутність нав'язливих і заважають блоків.

В цілому, все це вже так чи інакше працює в Google. Мабуть, головне нововведення - CLS в складі блоку Core Web Vitals (основні веб-показники). Розберемо їх докладніше і розглянемо рекомендовані значення.

LCP (показ основного контенту)

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

Рекомендоване значення: 2,5 секунди після початку завантаження сторінки.

Які елементи мають значення?

  • Зображення <img>, в тому числі всередині тега <svg>.
  • Прев'ю відео <video>, тобто картинка, зазначена в атрибуті poster як превью.
  • Фонові зображення, що завантажуються за допомогою url ().
  • Блокові елементи HTML (текстові фрагменти на сторінці).

FID (затримка після першого введення)

Метрика відповідає за час між першим взаємодією зі сторінкою і відповіддю сервера. Взаємодією, як правило, вважається перший клік (на посилання, кнопку, JS-елемент та інше).

Рекомендоване значення: менше 100 мс.

Показник FID безпосередньо пов'язаний з часом блокування введення (TBT) - це час між першим показом контенту (FCP) і час для готовності для взаємодії (TTI).

Виміряти можна за допомогою Lighthouse від Google, а зменшити час завантаження допоможе:

  • Скорочення кількості сторонніх скриптів на сторінці (від соціальних мереж, систем аналітики і інших).
  • Скорочення часу виконання JavaScript-коду (кешування, мінімація і компресія, видалення невикористовуваних скриптів).
  • Зменшення навантаження на основний потік - виконання HTML, CSS і JS-коду браузером.

CLS (сукупне зміщення макета)

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

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

Вимірюється частота виникнення таких зсувів (перевірити можна також за допомогою Lighthouse).

Рекомендоване значення: менш 0,1 мс. Тобто взгалі не виділяти для людського ока.

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

Мова йде тільки про непередбачувані і несподівані зміни. Інтерактивні та мінливі елементи, які не заважають користувачеві, а покращують його досвід взаємодії зі сторінкою, Google тільки заохочує.

Як уникнути високих значень CLS?

  • Задавати певні розміри для зображень, відео та інших елементів, щоб браузер «зарезервував» простір під їх можливе відображення.
  • Уникайте накладення контенту одного на інший, тільки якщо цього не вимагає відповідь на дії користувача.
  • Там де можливо, для анімації намагайтеся використовувати CSS-властивості transform, а не JS.

Вже діючі фактори

Крім оновленого блоку з основними веб-показниками (Core Web Vitals), апдейт торкнеться вже знайомі нам параметри, що впливають на поведінку користувачів:

  • Mobile-Friendly - тобто зручність використання сайту на мобільних пристроях. З приходом mobile-first тут поки нічого нового, а для тих, хто пропустив варто ознайомитися з базовими порадами по мобільній адаптації.
  • Безпека перегляду - відсутність на сторінці шкідливого ПО і контенту, що вводить в оману (соціальний інжинерінг).
  • HTTPS - SSL-протокол, що забезпечує поєднане з'єднання і безпеку використання на них персональних даних. Комерційним сайтам бажано відмовитися від безкоштовного сертифікату і придбати платний та надійний захист для свого проекту.
  • Відсутність нав'язливих блоків - на сторінці не повинно бути рекламних та інших елементів, що ускладнюють доступ до основного контенту.

Чому важливо починати роботу вже зараз?

Список факторів, які увійдуть до складу «Page Experience» вже зараз позначається на якості взаємодії користувачів з вашим проектом і тому, як успішно сайт вирішує завдання користувача.

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

  • повернення на видачу;
  • кількість взаємодій користувача з веб-сайтом (кліки, форми, ...);
  • частку «довгих» сесій (більше хвилини);
  • частку «глибоких» сесій (перегляд двох сторінок і більше);
  • середній час на сайті за сесію.

Безумовно, важливо дбати про ці показники в поточних реаліях.

Залишити коментар

Currently there are no comments, so be the first!

Це може бути важливо

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