Увага! Важливість технічного SEO значно збільшилася! Світ змінюється, алгоритми пошукових систем удосконалюють свій підхід до ранжування сайтів. Якщо хочете бути в ТОПі, звертайтеся до професіоналів просування.
Світ змінюється. COVID-19 показав нам, що звичний спосіб життя може раптово змінитися дуже сильно і безповоротно. Нові тенденції також активно відбуваються в алгоритмах пошукових систем. Оцінюючи корисність сайтів на даному етапі стала важлива безпека та зручність.
Крім того, що сайти повинні бути корисними, якісно розкривати тему контенту — тепер дуже важливі показники, що відображають комфорт користувача при роботі з вашим сайтом.
У 2021 році важливість технічної оптимізації значно збільшилася і тепер є критичним фактором SEO-просування сайтів!
Core Web Vitals
Core Web Vitals – це група параметрів, за якими пошукова система визначає життєві важливі параметри вашого сайту, а саме конкретну сторінку з його контентом. Основними параметрами є:
- LCP — великий contentful paint
- FID — first input delay
- CLS — cumulative layout shift
LCP – великий contentful paint
Цей параметр відображає класичну швидкість завантаження. Пошукова система розуміє, що користувач, якому вона рекомендує сайт в органічній видачі, має отримати найкращу якість та комфорт. Для цього сайти повинні бути швидкими.
Завантаження сторінок, картинок, скриптів – все це має відбуватися за лічені секунди. Якщо ваш сайт містить великовагові картинки, не оптимізований JS або CSS код – вам буде складно отримати високі позиції та трафік у Google та Яндекс. Тому фахівці SEO-Studio під час оптимізації сайту під час проведення SEO аудиту, завжди проводять аналіз LCP та дають розгорнуте ТЗ із зазначенням які вузькі місця сайту треба покращити.
Ось частина рекомендацій для покращення LCP:
- Перенесення сайту на швидший хостинг
- Стискання картинок або переведення їх у формат WebP
- Скорочення незадіяного коду скриптів та стилів
- Спрощення DOM-моделі в коді HTML
- Локальне завантаження шрифту
- Зменшення зовнішніх завантажень будь-яких сценаріїв
FID – затримка першого введення
Ця затримка виникає з моменту початку завантаження сторінок і завантажується моментом, коли користувач зможе зробити що-то на сторінці. Наприклад, відправити форму замовлення або навіть відкрити цю форму по нажатию на кнопку. Для простоти розуміння наведемо приклад. Наверняка вам приходилось потрапляти в ситуації при відкритті різних сайтів, коли сайт вроде-би відкритий і завантажений. Але якщо швидко натиснути на кнопку «Замовити», нічого не відбувається. І лише спустя кілька секунд, коли фоново завантажуються всі скрипти обробки цієї кнопки, робимо десяток кліків по одній і тій же кнопці — нарешті відкривається довгожданне вікно з формою замовлення або зворотного зв’язку.
Іменно для захисту користувачів від подібної нервово-невдалої взаємодії із сайтами, Google і інших факторів комфортної взаємодії з сайтом — FID (затримка першого введення).
Щоб вирішити проблему з FID
Попередньо перенесіть усі скрипти JS на ваш сайт, якщо вони завантажуються з інших доменів. Речь іде про скрипти, які обробляють кнопки, форми та прочі інтерактивні елементи, на які потрібно натискати користувач, або використовувати текстову інформацію. Слідкуйте за швидкістю завантаження таких інтерактивних скриптів і оптимізуйте їх максимально.
CLS – кумулятивне зміщення макета
Як точно з назви цього параметра — він відображає можливий здвиг сеток усіх елементів сторінки під час завантаження сайту. Часто можна спостерігати, що при завантаженні сторінки контент зрушується все нижче і нижче, якщо нова картинка розвиває область браузера. Це викликає дискомфорт у користувача і по новим меркам, абсолютно не прийнятним за стандартами якості пошукових систем. Перевірте значення CLS на кожній сторінці вашого сайту, використовуючи звіти Google Search Console або спеціальні інструменти, наприклад PageSpeed Insights щоб виявити проблему.
Щоб вирішити проблему з CLS
Cumulative layout shift — вам потрібно зробити скріншоти сторінки під час її завантаження, і піксельно порівнювати зміщення елементів аж до повного завантаження всієї сторінки і зовнішніх скриптів. Якщо елементи контенту зсуваються, потрібно внести фіксовані розміри контейнерів і картинок, щоб запобігти зрушенню під час завантаження.
Google Search Console
Зверніть увагу, що з квітні 2021 року Google додав до Серчу Консоль новий звіт «Робота сторінок», в якому можна бачити інформацію про Core Web Vitals параметри ваших сторінок. У звіті зручно надано інформацію, скільки сторінок у нормі, а з якими є проблема.
