Google у останні роки все більше враховує фактори, такі як швидкість завантаження, мобільна оптимізація та надійність, в якості позитивних факторів для розміщення у видачі результатів пошуку Google. У травні 2020 року Google анонсував плани об'єднати певні вимірювання як сигнали користувацької експериєнції на сторінці. В травні 2021 року сигнали користувацької експериєнції були впроваджені як новий фактор ранжування для веб-сайтів, в якому враховувалися різні фактори для утворення всебічного уявлення про якість відчуттів від відвідування веб-сайту.

До семи шести основних факторів для користувацької експериєнції та експериєнції на сторінці відносяться:

• Швидкість завантаження
• Інтерактивність (FID - до лютого 2024 року), Interaction to next Paint (INP - з березня 2024 року)
• Візуальна стабільність (кумулятивні зміни макету)
• мобільна оптимізація
• Безпечний перегляд: відсутність шкідливих програм, відсутність маскування торгових марок тощо
• HTTPS: шифрування за допомогою SSL-сертифіката
• немає нав'язливих інтерстиціалів (повноекранні банери)

Швидкість завантаження з точки зору основних вимірювань веб-вітальних функцій

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

Інтерактивність та реагування з точки зору основних вимірювань веб-вітальних функцій

Інтерактивність, з точки зору першої Eingabeverzögerung (First Input Delay) - це час реакції сторінки, коли користувач хоче взаємодіяти з нею, наприклад, прокручуванням чи натисканням кнопки. Тобто це швидкість реакції веб-сайту на взаємодії користувача. Цей час має бути якнайкоротшим, а хорошим значенням для Google є до 100 мс. З березня 2024 року цей метричний індикатор був замінений на Interaction to Next Paint (INP). Interaction to Next Paint (INP) вимірює загальну реакцію веб-сайту на дії користувача, реагуючи на затримку усіх клацань мишею, натискань клавіш та введення з клавіатури, які відбуваються під час візиту користувача на сторінку. Остаточне значення INP відображає найдовший спостережуваний інтерактив, викиди не враховуються. Доводиться тут як затримання між взаємодією користувача та відображенням відповіді на цю дію.

Чернетку для мого навчального посібника з цифрового маркетингу, яка була створена в веб-додатку Google Docs, налічує понад 600 сторінок. У напрямках написання в браузері я виявив маленькі мікроперешкоди, оскільки, здавалося, браузер мав проблеми з плавним завантаженням важких сторінок разом з багатьма зображеннями. Це подія, яка у свою чергу не обмежувала мою роботу, але створювала реактивні перешкоди для користувачів. Тому я створив новий документ, де була написана частина, а потім скопіював її до головної чернетки. Точно так само важливою є інтерактивність веб-сайтів у багатьох аспектах для позитивного враження. Тобто це є реакція на певні дії користувачів під час перемотування, кліку, жести елементів керування та також плавність анімацій.

Кумулятивні міграції макету з точки зору основних вимірювань веб-вітальних функцій

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

Тестування PageSpeed за допомогою онлайн-інструментів

PageSpeed можна перевірити тут:
https://pagespeed.web.dev/
https://gtmetrix.com/

Також можна використовувати Lighthouse серед Dev-функцій вашого браузера Chrome. Просто натисніть F12, а тоді в правому меню знайдете Lighthouse, через який можна перевірити відкритий веб-сайт.

Швидкість веб-сайту та реакція залежить від багатьох факторів, таких як продуктивність сервера, якість коду, що, коли завантажується, розміри файлів зображень, ікони у форматі SVG замість PNG тощо. Тому раціонально слід спочатку дотримуватися рекомендацій GTMetrix та PageSpeed Insight для глобального покращення, якщо значення все ще не задовільні.

Google також надає вам зведене значення нових основних вимірювань веб-вітальних функцій для користувацького досвіду на сторінці. У Google Search Console ви також маєте можливість отримати відомості про певні сторінки на вашому веб-сайті. Це допомагає вам в процесі аналізу виявити і виправити проблему на ваших сторінках.

Мобільна оптимізація веб-сайту з точки зору досвіду на сторінці

Мобільна оптимізація веб-сайту також може бути перевірена за допомогою Dev-Tools вашого браузера Chrome за допомогою інструментів пристрою переключення (Ctrl + Shift + M).

Особливо для розробників іноді важливо мати можливість відстежувати, як макет реагує на певний пристрій, наприклад, якщо клієнт повідомляє про проблему зі старішою моделлю iPhone. Щоб це зробити, в Chrome = F12 можна безпосередньо активувати різні пристрої, які показують розширення. Є також професійні інструменти, які виконують комплексні тести, такі як служба Lambda-Test.

До мобільної оптимізації належить також те, що користувачі можуть комфортно споживати контент на смартфоні, не масштабуючи! Це також означає, що контент, який можна побачити на великому настільному комп'ютері, не обов'язково повинен бути видимим на смартфоні. У смартфона є інші (мобільні) механізми взаємодії, такі як торкання замість кліку. Це має значення особливо для популярних елементів наведення курсора на веб-сайтах, які у такій формі не працюють на смартфонах. 

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

Одне з особистих досвідів щодо крос-пристрійного використання: Я та моя партнерка маємо трьох дітей. Недавно ми були в кімнатному басейні у друга. Мій смартфон лежав в пляжному кріслі біля басейну. Мені спалахнула думка, що буде, якщо мій смартфон випадково або через одного з дітей потрапить у воду. Мій смартфон вже контролює половину мого життя. Однак ця думка набула актуальності, оскільки також за допомогою смартфона я керую своїм портфелем. "100% мобільно..." - рекламує Trade Republic, мій онлайн-брокер. Зразу ж я усвідомив, що в разі втрати смартфона у мене немає можливості резервного копіювання. Я б на кілька годин або навіть днів не міг би зайти в свій портфель. Хто коли-небудь мав кілька кризових паперів з високим важелем і вузьким порогом відбиття у своєму портфелі хоче відобразити, що це може викликати певну паніку. Таким чином, "100% мобільно" стало для мене певним потенційним недоліком, тому я відкрив новий обліковий запис у іншому Необрокері, де я можу торгувати як мобільно, так і через настільний комп'ютер. Тим часом Trade Republic також має версію для настільного комп'ютера - добре так!

Безпечний перегляд з точки зору досвіду сторінки

Безпечний перегляд означає, що ваш веб-сайт, з одного боку, не поширює шкідливе програмне забезпечення, а з іншого боку, ви дотримуєтеся правил, так як, наприклад, не використовуєте логотипи торгових марок, яких вам не дозволяють використовувати, або не вигадуєте товари під торговою маркою, яких у вас немає в асортименті. До цього також входить, зокрема, те, що, наприклад, значок відтворення відео має справжній відеофайл для відтворення, а не завантажувач для користувача. Особливо для багатьох веб-сайтів ризик поширення шкідливого програмного забезпечення є найбільшим ризиком у безпечному перегляді, який можна обмежити лише постійними оновленнями CMS та використаних додатків. Якщо вашому веб-сайту не потрібна форма зворотнього зв'язку, варто подумати про відмову від неї, оскільки поля для форми є точкою входу для хакерів або автоматизованих атак, таких як SQL-Injects, Crosssite Scripting, шістнадцяткові коди і т. д.

У серпні 2021 року Google відмінив свою попередню позицію та заявив, що безпечний перегляд вже не враховується як фактор ранжування. Цей крок був обґрунтований тим, що багато власників веб-сайтів не можуть бути винні у вторгненні. Однак у висновках від PageSpeed Insights та Lighthouse є рекомендація щодо безпечного перегляду. Тому можна припустити, що ця тема для SEO ще не є остаточною.

Безпечні з'єднання через HTTPS для високої користувацької досвіду

HTTPS став сьогодні стандартом. Кожна сторінка повинна мати SSL-сертифікат. Особливо в Німеччині є ризик штрафу для власників веб-сайтів, які не мають SSL-сертифіката.

Особливо важливо враховувати, що зображення, розміщені перед налаштуванням SSL-сертифіката, також мають бути адаптовані у коді з http на https. В іншому випадку браузер видасть повідомлення, що сторінка небезпечна. Це особливо стосується веб-сайтів на WordPress - найбільш популярною CMS взагалі.

Відмова від міжсторінкових вспливаючих вікон

Останній пункт у таблиці - відмова від назойливих міжсторінкових вспливаючих вікон, тобто повноекранних банерів, які рідко викликають радість у ваших користувачів. Вони лише сприяють роздратуванню та призводять до негативних емоцій і швидкого покидання. В цьому контексті можна також замислитися над швидким вспливаючим банером для підписки на розсилку. Інтерес до клієнта нового клієнта при зустрічі з таким банером, який виходить на повернення до SERP, також є негативним сигналом для Google.

Висновок щодо факторів досвіду користувача сторінки

Адаптація до факторів Google для високого досвіду користувача та сторінки в основному може проводити ваші розробники або агентство, яке вас обслуговує. Важливо для вас як маркетолога знати, за якими метриками вимірюється досвід користувача сторінки та які інструменти для цього ви можете використовувати. Якщо ваше агентство відповідає за оптимізацію, переконайтеся прямо в угоді, що результати робіт усунені дуже добрі метричні результати для затвердження послуг. Також пам'ятайте, що з травня 2021 року досвід користувача впливає на пошук та рейтинг веб-сайтів в Google. Впливи на рейтинг відчули також ваші конкуренти та вони адаптували свої веб-сайти до нових вимог, якщо вони пропали зі сторінок результатів пошуку.

Якщо ви хочете підняти свою онлайн-присутність вище в результатах пошуку Google, вам не вистачить ігнорувати тему досвіду користувача сторінки. І в кінцевому підсумку це не лише з точки зору SEO, а й як частина вашого брендового досвіду, щоб ваші цільові клієнти ще легше переходили до бажаної поведінки. Що саме може підвищити досвід ваших цільових клієнтів на вашому веб-сайті? Фактично, це всі точки контакту, на які ваш користувач натикається під час свого шляху користувача уздовж лійки до бажаної конверсії. Але про це докладніше в інших частинах цього серіалу довідок.