У червні 2021 року функціональна пошукова система G o o g l e доповнилася новими факторами ранжування та показниками швидкості завантаження сайту в Lighthouse. Відтепер, для забезпечення просування сайту в G o o g l e потрібно розумітись на відповідних метриках. Незважаючи на те, що нові технології додаються, але агентство Golden Web хоче ознайомитися з процесами завантаження сайту, його сприйняття користувачами та інструментами, щоб виміряти швидкість завантаження сайту.
Оптимізація сайту та метрика, що концентрується на користувачах
Оновлений алгоритм Lighthouse 6.0 є автоматизованим інструментом для підвищення якості веб-сторінок та визначення швидкості сайту. Він є невіддільною складовою роботою ряду G o o g l e -сервісів, зокрема, PageSpeed Insights. Під User-Centric Performance Metrics або ж метриками, які концентруються на користувачах, варто розуміти окремі метрики Lighthouse 6.0 із потенціалом перетворення на фактор розташування найближчим часом. Головною їх відмінністю є зосередження уваги на сприйнятті користувачами швидкості завантаження сайту, а не на самому завантаженні веб-ресурсу.
Враження користувача та швидкість завантаження: розбираємось у різниці
Донедавньою головною метрикою завантаження веб-сайту була подія завантаження – момент повного завершення завантаження сторінки, в т.ч. її основних ресурсів. Попри те, що це є вагомим показником, він не надає користувачам інформацію про природу завантаження.
Агентство Golden Web допоможе це зрозуміти, навівши приклади двох умовних сайтів «А» та «Б». Обидва сайти завантажились одночасно, однак сайт «А» користувач вважатиме швидшим, оскільки вже під час завантаження він міг бачити відповідні зображення та читати інформацію. А у випадку сайту «Б» - користувачеві залишалось лише очікувати.
Аналогічна ситуація спостерігатиметься і з часом до взаємодії. Якщо вже на завантаженій сторінці потрібно буде все ще очікувати можливості поскролити або натиснути на кнопку, то користувачеві це найбільш ймовірно не сподобається.
◐ швидкість, з якою користувач отримує базове уявлення, що завантаження розпочалось;
◐ швидкість, з якою користувач бачить невеликий або найбільший контент на сторінці та може розпочати ознайомлення з ним;
◐ величина часу очікування користувачем можливості взаємодії з сайтом;
◐ наявність великих зсувів елементів для попередження користувачем випадкових або неочікуваних для нього кліків.
Як наслідок, Google вдалось сформувати ряд метрик, які він вимірює разом з load event для комплексної оцінки поведінки сторінки при завантаженні:
① TTFB. Так званий «час до першого байту» звітує про час, протягом якого браузер отримує перший байт сторінкового контенту.
② FCB – «перше повне відображення». Ця метрика вимірює час від старту завантаження до моменту, коли користувач може вже щось бачити.
③ LCP – «найбільш повне відображення». Це тривалість часу до повного відображення найбільшого елементу на сторінці.
④ CLS – «зсув шаблону», що визначає загальний зсув об’єктів на сторінці до та після їх завантаження.
⑤ FID – «затримка першого введення». Вона вимірює час, що проходить між першою дією користувача до моменту, коли браузер здатний почати оброблення цієї дії.
⑥ TBT – «загальний час блокування», протягом якого так звані «довгі дії», що є довшими за 50 мс), блокують головний потік і впливають на рівень зручності користування сторінкою. Ця метрика також вимірює те, що відбувається між FCP та TTI.
⑦ TTI – «час до повної інтерактивності».
⑧ Speed Index – «індекс швидкість сайту» та візуального відображення контенту під час завантаження екрану.
Додатково існують також три метрики LCP, FID CLS, що об’єднані в групу Core Web Vitals та використовуються в ранжуванні. Однак, швидкість завантаження сайту потрібно аналізувати в цілому, а не лише оптимізувати метрики Web Vitals – далі агентство Golden Web пояснює чому.
Пошукова оптимізація сайту передбачає пошук найкращого способу як перевірити швидкість загрузки сайту. Одним з найпростіших, на перший погляд, шляхів це зробити – використати звіти PageSpeed Insights та LightHouse. Але високі їх показники не гарантують, що швидкість загрузки сайту буде великою, як і низькі показники не означатимуть низьку швидкість сайту. Варто наголосити, що Google не враховує бали у звітах, а вимірює дані реальних користувачів.
➜ Уявіть сайт із тематикою ігор для старих ПК, що має високу швидкість завантаження мобільної версії. Логічним є факт отримання сайтом більшого відсотка користувачів зі старими версіями браузерів на ПК. Однак, хоча і існують чудові pagespeed-показники мобільної версії, частина користувачів матиме не надто високу швидкість завантаження сайту. Як наслідок, для Google він матиме погані показники.
➜ Тепер проаналізуємо протилежну ситуацію – вебсайт із низькими pagespeed-показниками та невдалою мобільною версією. Це може бути сервіс SAAS, що використовується переважно користувачами ПК. Отримуючи гарний досвід взаємодії, сайт отримуватиме гарні показники в Google.
Обидва приклади демонструють принципову різницю між теоретичними та отриманими на практиці даними Lab та Field.
Lab Data - це лабораторні дані, отримані з разового тесту певного URL та генеровані Gtmetrix, Lighthouse та PageSpeed Insights, за відсутності яких важко здійснити просування сайту. Оптимізація сайту проводить ефективніше завдяки таким сервісам, оскільки вони:
● надають можливість відстеження окремих URL;
● є інструментом для вимірювання метрик на тестових вебсайтах та рівня їх оптимізації розробниками;
● надають підказки по вдосконаленню.
Водночас оптимізація сайту для пошукових систем із використанням цих сервісів має власні недоліки:
● неможливість використання для відстеження окремих типів сторінок (pagegroups) та детальної статистики всього вебсайту;
● не дають майже жодної інформації про реальних користувачів, окрім даних про спостереження;
● підказки можуть не впливати на показники метрик, деякі з яких можна виміряти лише в TBT, TTI або Speed Index.
Інший тип даних, які потрібно розглянути під час здійснення оптимізація сайту є Field Data – т. зв. «польові дані», що демонструють реальні показники та дані користувачів. Але вони надають лише щомісячні цифри, що обновляються кожного другого вівторка місяця, не дозволяючи відстежувати дані для аналізу окремих URL або pagegroups. Прикладом Field Data є Chrome UX report, що містить дані про вебсайту з браузеру Google Chrome.
Успішне СЕО просування передбачає аналіз подій Web Vitals events, що використовуються API браузером та відправляють дані в інше джерело, наприклад Google Analytics (GA). Такий звіт може:
◐ бути використаний для аналізу окремих URL, pagegroups або всього сайту;
◐ показувати дані за будь-який період (напр. місяць, тиждень або день);
◐ виконувати функцію джерела для створення звітів по даті або пристрою;
◐ сегментувати і аналізувати користувачів (події) з поганими або хорошими показниками.
Однак, здійснити якісне просування сайту із використанням Web Vitals events непросто, оскільки цей тип даних:
● вимагає втручання розробників із впровадження подій на сайт або через Google Tag Manager;
● відправляє велику кількість подій в GA;
● надані дані є за замовчуванням малоінформативними для окремого користувача, мають лише середнє значення та GA ID;
● потребує зміни тегів подій при створенні дашбордів.
Таким чином, кожний з трьох способів вимірювання даних має власні переваги та недоліки. Саме тому, агентство Golden Web рекомендує використовувати дані з різних джерел для СЕО просування сайту в Google:
► Lab – при розробці і вимірюванні змін;
► Field - для відстеження реальних даних;
► Web Vitals – для відстеження даних по пристроях, даті та регіону у великих проєктах з активною розробкою.
Разом із цим важливо при розробці задач орієнтуватись не на показники в сервісах, а на користувачів. Саме такого підходу дотримується Google, розвиваючи метрики, що концентруються на користувачеві. Можемо підсумувати:
① Одними з головних факторів ранжування для пошуковика Google з червня 2021 року стануть метрики Lighthouse.
② Вони фокусуються як на швидкість завантаження сайту, так і на її сприйнятті користувачем.
③ Правильне комбінування лабораторного (теоретичного) й польового (для конкретного користувача, що вирішив відвідати сайт з конкретного пристрою) методів збору даних по метриках дозволить досягти найефективніше просування сайту.
④ Агентство Golden Web радить використовувати метрики із концентрацією на користувачеві за аналогією до Google – лише таки Ви зможете отримати найкращі результати від СЕО просування вебсайту!