Core Web Vitals: Потгответе сайта си за ъпдейта на алгоритъма на Google през юни 2021
От миналата година е ясно, че Google се подготвя за стартиране на нов ъпдейт на алгоритъма за търсене, който касае скоростта и представянето на сайтовете.
Може би се чудите защо се случва, но от Google имат добри причини за тяхното желание за постоянна промяна – те изменят алгоритъма, за да представят възможно най-доброто изживяване за потребителя.
Напомняме, че от Google не разкриват точно как работят техните алгоритми. Целта на това е да се избегнат лоши практики от собствениците на сайтове с цел да се класират по-високо в резултатите от търсене. Въпреки това – има насоки от Google и ние знаем достатъчно за това кои неща са позитивни, когато създаваме сайтове за вас.
За щастие – този път е официално обявено какво ще се включва в този ъпдейт. Първоначално той беше насрочен за май 2021, но от Google обявиха, че ще стартира през средата на юни, и “няма да изиграе цялата си роля до края на август”.
Продължете с четенето, за да разберете как да се подготвите за ъпдейта. Спойлер: всичко се отнася до отлично изживяване на потребителя и Core Web Vitals.
Какво са Core Web Vitals?
Web Vitals е инициатива на Google, която ви позволява да измерите изживяването на потребителя, докато той работи с вашия сайт. Можете да подобрите тези характеристики, за да направите потребителя по-доволен.
Core Web Vitals са подгрупа на Web Vitals, които се прилагат за всяка страница.
Заради тяхното критично влияние върху изживяването на потребителя – те трябва да се следят от всички сайтове.
Настоящите Core Web Vitals се фокусират над представяне при зареждане, интерактивност и визуална стабилност.
Ще бъдат добавени и други фактори, като мобилност и сигурност.
По този начин Google ще може да оценява изживяването на потребителя по-точно.
Как се измерват Core Web Vitals?
Core Web Vitals се оценяват по представяне от “лошо” през “нуждае се от подобрение” до “добре”. Не е необходимо да уточняваме, че трябва да се целите към последното.
Сега, нека разгледаме елементите на Core Web Vitals, които са определени като с критично значение при първия ъпдейт:
- Ефективност на зареждане, измервано от Largest Contentful Paint (LCP)
Това може да звучи сложно, но се отнася до това колко бързо най-големия елемент на сайта се зарежда напълно. По-точно това, което се измерва е времето между момента, в който започва да се зарежда страницата и момента, в който най-голямото изображение (текстов блок или друго) става видимо за потребителя. За добро представяне – скоростта трябва да е 2,5 сек или по-малко.
- Интерактивност, измерена от First Input Delay (FID)
Дразнили ли сте се, когато един сайт не отговаря? Сигурни сме, че сте съгласни, че не е много приятно изживяване да чакате цяла вечност, докато един сайт отговори на ваш клик. Затова сайтовете трябва да се оптимизират за този фактор.
Очакваното време от момента, в който потребителя кликва и сайтът реагира трябва да е под 100 милисекунди. Всичко, което е по-бавно – не е оптимизирано добре.
- Визуална стабилност, измерена от Cumulative Layout Shift (CLS)
Доста е досадно от потребителска гледна точка да видите неща на сайта, които се разместват неочаквано, или изчезват. Това може да доведе и до сериозни грешки за бизнеси, в които клиентът трябва да вземе решение, но кликва на грешния бутон, заради разместване. За да бъдат потребителите доволни (и респективно Google) – сайтът трябва да поддържа кумулативна смяна на оформлението под 0,1.
Можете да измерите Core Web Vitals на вашия сайт с различни инструменти. Ето примери:
Измерването на представянето на сайта е първата стъпка към оптимизирането му.
Защо да оптимизирате за Core Web Vitals
Най-голямата полза е в това, че ще се класирате по-високо в резултатите от търсене в сравнение с ваш конкурент, който не е оптимизирал сайта си. Добра идея е да се възползвате от тази възможност.
Ъпдейтът буквално дебне зад ъгъла – добре е да започнете с оптимизацията възможно най-скоро.
Какво ще се случи, ако не оптимизирате за CWV?
Трябва да запомните, че, ако не оптимизирате за Core Web Vitals – рискувате. Не говорим само, че губите възможността да се класирате по-добре, а също, че е възможно да загубите настоящите си позиции. Обърнете внимание, и се подгответе навреме.
Как да оптимизирате за Core Web Vitals
Първо, използвайте правилните инструменти, за да разберете как се представя сайта ви в момента. Ако всичко е ок – не е необходимо да правите каквото и да било. Но, ако има проблеми – обърнете им внимание. Запомнете, че факторите работят заедно – подобряването на един от тях ще подобри и останалите.
Ето идеи как да подобрите Core Web Vitals:
- LCP
Проблемите с LCP могат да са причиниени от бавен отговор на сървъра и render-blocking от JavaScript и CSS. Можете да опитате да ги оправите, като инвестирате в по-добър хостинг, премахнете ненужните разширения и елиминирате големите елементи от страниците. Ето разбираем наръчник за оптимизиране на Largest Contentful Paint директно от Google web.dev.
- FID
Споменахме, че факторите са свързани. FID, подобно на LCP проблемите, могат да са причинени от render-blocking. Премахвайки ненужните разжирения, предотвратяване на блокиране на страницата от JavaScript и разчупване на дългите задачи са примери за решение на проблема. Тук можете да прочетете повече от web.dev за оптимизиране на First Input Delay.
- CLS
Има много възможни причини за лошо CLS: изображенията и другите елементи нямат размери, динамично съдържание, уеб шрифтове… Добрата новина е, че, ако използвате инструмента на Page Speed Insights ще научите точно какво причинява проблема. След като разберете – можете да използвате инструкциите на web.dev за оптимизиране на Cumulative Layout Shift.
