Co to jest Core Web Vitals i jaki ma wpływ na widoczność oraz pozycje w Google?
Google w marcu 2022 ogłosiło, że do algorytmu zostanie wdrożony Core Web Vitals (podstawowe wskaźniki internetowe). Tym samym wskaźniki te stały się czynnikiem rankingowym, który może mieć wpływ na pozycje stron w naturalnych wynikach wyszukiwania. Od razu trzeba wspomnieć, że wpływ Core Web Vitals na pozycje nie jest zbyt duży. Bierze się to stąd, że Google przy określaniu pozycji różnych stron bierze pod uwagę inne czynniki, między innymi zawartość informacyjną strony, czyli w skrócie treści na nie niej zawarte.
Tak więc nawet jeśli wynik Core Web Vitals jest relatywnie słaby, a jednocześnie strona będzie odpowiednio zoptymalizowana, to witryna nie będzie spychana na niższe pozycje. Po prostu czas ładowania witryny nie determinuje tego jaką jakość ma strona oraz jakie wartości przekazuje użytkownikom. Core Web Vitals jest jednym z bardzo wielu czynników rankingowych i wcale nie najważniejszym.
Spis treści
Czym dokładnie jest Core Web Vitals
Core Web Vitals (podstawowe wskaźniki internetowe) są wskaźnikami majacymi na celu wizualizację jakości i wydajności strony internetowej. Dzięki temu możemy przeanalizować witrynę pod kątem jej użyteczności dla użytkowników.
Czy wprowadzenie wskaźników Core Vitals było rewolucją?
Nie. Co najwyżej możemy to mówić o ewolucji sposobów dzięki którym Google ocenia szybkość i wydajność stron internetowych. Szybkość strony jako czynnik rankingowy Google wykorzystuje już od 2010. W tamtym okresie Google brało pod uwagę szybkość odpowiedzi w momencie odwiedzin Googlebota na wersji desktopowej, która wtedy była w sumie jedyną wersją.
Z biegiem czasu ocena szybkości ewoluowała i zaczęła uwzględniać coraz więcej elementów, które wpływają na to, jak użytkownicy realnie odczuwają szybkość i wydajność strony. No i oczywiście doszła ocena witryn na urządzeniach mobilnych.
Tak więc wskaźniki Core Web Vitals są kolejnym krokiem mającym na celu jeszcze lepsze usprawnienie stron pod kątem ich przyjazności i użyteczności dla użytkowników. Jest to dodatkowy zbiór wskaźników i wytycznych, które będą nam wskazywały, co i w jaki sposób należy usprawnić, aby nasza strona spełniała jak najwyższe standardy wydajności, co po prostu zapobiegnie ucieczce użytkowników z witryny.
Są trzy podstawowe wskaźniki Core Web Vitals mierzące szybkość strony oraz interakcje użytkowników
LCP: Largest Contentful Paint
Źródło: https://web.dev/
Pomiar LCP (największe wyrenderowane treści) jest jednym z ważniejszych i kluczowych wskaźników stosowanych przez PageSpeed Insights do oceny wydajności strony internetowej. Wskaźnik LCP mierzy czas upływający od rozpoczęcia ładowania strony do momentu, gdy największy widoczny element zostanie załadowany i wyświetli się na ekranie. Niski wynik LCP świadczy o tym, że strona jest dobrze i odpowiednio zoptymalizowana pod kątem wydajności.
Dlaczego wskaźnik LCP jest ważny i istotny z punktu widzenia wydajności strony
Wskaźnik LCP jest ważny, ponieważ wpływa na wrażenia użytkownika. Strony internetowe z dobrym wynikiem LCP są postrzegane jako bardziej wydajne i przyjazne, co może prowadzić do większej liczby odwiedzin i konwersji. Dodatkowo LCP jest jednym z czynników rankingowych i witryny z lepszym, niższym wynikiem LCP mogą osiągać lepsze wyniki w naturalnych wynikach wyszukiwania.
Oto kilka powodów, dla których wskaźnik LCP jest ważny:
- Wpływa na wrażenia użytkowników
Strony z niskim LCP są szybsze i bardziej responsywne, co może prowadzić do zwiększenia zaangażowania użytkowników i konwersji.
- Wpływa na konwersje
Duża wartość LCP może prowadzić do spadku konwersji, ponieważ użytkownicy mogą być mniej skłonni do podejmowania działań na stronie internetowej, jeśli muszą na nią długo czekać.
- Zwiększa wydajność witryny
Strony z niskim LCP są bardziej wydajne, co oznacza, że potrzebują mniej zasobów serwera. Może to prowadzić do obniżenia kosztów hostingu i zwiększenia skalowalności witryny.
- Poprawia pozycjonowanie w wyszukiwarce
Poprawa wskaźnika LCP
Istnieje wiele sposobów na poprawę wskaźnika LCP. Poniżej kilka z nich:
- Użyj obrazów o optymalnych rozmiarach
Obrazy (zdjęcia, grafiki) to jeden z najczęstszych winowajców wolnych stron internetowych. Aby poprawić LCP, upewnij się, że używasz obrazów o odpowiednich rozmiarach i jakości. Możesz również użyć kompresji obrazów, aby zmniejszyć ich rozmiar.
- Wykorzystaj Lazy Loading
Lazy Loading to technika ładowania obrazów tylko wtedy, gdy są potrzebne. Może to poprawić LCP, ponieważ przeglądarka nie będzie musiała pobierać obrazów, które nie są widoczne na stronie.
- Użyj kompresji plików
Kompresja plików, takich jak pliki CSS, HTML i JavaScript, może pomóc zmniejszyć rozmiar strony, co może skrócić czas jej ładowania.
- Zmień kolejność ładowania plików
Ładowanie plików CSS i JavaScript w kolejności od najważniejszych do najmniej ważnych może pomóc poprawić LCP.
- Włącz CDN
CDN (Content Delivery Network) to sieć serwerów rozmieszczonych na całym świecie. Gdy użytkownik odwiedza Twoją stronę, CDN dostarcza zawartość ze serwera najbliżej użytkownika. Może to poprawić LCP, ponieważ przeglądarka będzie musiała pobrać mniej danych z serwera Twojej witryny.
- Opóźnienie ładowania dużych plików
Duże pliki, takie jak pliki wideo i audio, mogą opóźniać ładowanie strony. Możesz opóźnić ładowanie tych plików, dodając atrybut defer lub async do ich tagów HTML.
- Użyj cache'owania
Cache’owanie to technika przechowywania kopii plików na komputerze użytkownika. Gdy użytkownik odwiedza Twoją stronę, przeglądarka może załadować pliki z cache’u, co może poprawić LCP.
Jak można mierzyć wskaźnik LCP
Wskaźnik Largest Contentful Paint (LCP) można mierzyć na kilka sposobów. Najprostszym sposobem jest użycie narzędzia PageSpeed Insights. Narzędzie to pokaże Ci LCP dla Twojej strony, a także wskazówki, jak poprawić wynik. Innym sposobem mierzenia LCP jest użycie narzędzia Lighthouse. Jest to narzędzie do testowania wydajności, które można uruchomić w przeglądarce lub w konsoli deweloperskiej. Pokaże Ci LCP dla Twojej strony, a także inne informacje o wydajności. Można wykorzystać również inne narzędzia m.in. GTMetrix, Pingdom, Uptrends i inne.
FID: First Input Delay
Źródło: https://web.dev/
Wskaźnik FID (First Input Delay) to jeden z trzech wskaźników Core Web Vitals, które są mierzyć wydajność i responsywność witryny internetowej. FID mierzy czas, jaki upływa od pierwszego kliknięcia lub skorzystania z pola tekstowego przez użytkownika, do momentu, gdy przeglądarka faktycznie odpowiada na działanie użytkownika. Im krótszy czas FID, tym lepiej. Dobry wskaźnik FID powinien wynosić poniżej 0,1 sekundy. Wskaźnik FID powyżej 0,3 sekundy może być odczuwalny przez użytkowników jako opóźnienie i może wpływać na ich zadowolenie ze strony internetowej.
Dlaczego wskaźnik FID jest ważny?
Istnieje kilka powodów, dla których wskaźnik FID jest ważny. Po pierwsze, odzwierciedla on doświadczenie użytkownika z witryną. Gdy użytkownik musi długo czekać na interakcję ze stroną, jest bardziej prawdopodobne, że się zdenerwuje i opuści ją. Po drugie, wysoki FID może obniżać pozycję strony w wynikach wyszukiwania. Google bierze pod uwagę czynniki związane z wydajnością, takie jak FID, przy rankingu stron w wynikach wyszukiwania. Po trzecie, wysoki FID może prowadzić do utraty ruchu. Gdy użytkownicy są niezadowoleni z wydajności strony, są mniej skłonni do jej odwiedzania w przyszłości.
Powody, dla których wskaźnik FID jest ważny:
- Wpływa na wrażenia użytkownika
Wysoki wskaźnik FID może powodować, że użytkownicy będą musieli czekać dłużej na reakcję witryny po interakcji, co może prowadzić do frustracji i zmniejszenia zaangażowania.
- Może obniżyć współczynnik konwersji
Wysoki wskaźnik FID może prowadzić do zmniejszenia współczynnika konwersji, ponieważ użytkownicy mogą być bardziej skłonni opuścić witrynę przed dokonaniem zakupu lub skorzystaniem z usługi.
- Może zaszkodzić SEO
Google wykorzystuje wskaźnik FID jako jeden z czynników rankingowych w wynikach wyszukiwania, co oznacza, że strony z wysokim wskaźnikiem FID mogą być mniej widoczne w wyszukiwarce.
Poprawa wskaźnika FID
Jest kilka sposobów na poprawę wskaźnika FID. Oto kilka wskazówek:
- Zminimalizuj liczbę zasobów renderujących w pierwszej kolejności
Zasoby renderujące w pierwszej kolejności to zasoby, które są niezbędne do załadowania i renderowania strony przed tym, jak użytkownik będzie mógł z nią wchodzić w interakcje. Obejmuje to takie rzeczy, jak pliki CSS, JavaScript i obrazy. Możesz zminimalizować liczbę zasobów renderujących w pierwszej kolejności, łącząc zasoby CSS i JavaScript, używając obrazów o optymalnej rozdzielczości i kompresując wszystkie zasoby.
- Użycie cache'u
Cache’owanie może pomóc poprawić prędkość działania strony internetowej, przechowując kopię plików strony internetowej na serwerze. Dzięki temu nie trzeba ich pobierać za każdym razem, gdy użytkownik odwiedza stronę internetową.
- Opóźniaj ładowanie nieistotnych zasobów
Nie wszystkie zasoby na stronie są potrzebne od razu. Aby poprawić FID, spróbuj opóźnić ładowanie nieistotnych zasobów, takich jak obrazy lub klipy wideo.
- Optymalizuj obrazy
Obrazy to jeden z głównych czynników obciążających strony internetowe. Możesz zmniejszyć rozmiar plików obrazów, używając kompresji bezstratnej lub stratnej, i upewnić się, że używasz odpowiednich formatów plików dla każdego rodzaju obrazu.
Mierzenie wskaźnika FID
Mierzenie wskaźnika FID wygląda tak samo, jak w przypadku LCP – wykorzystuje się narzędzia – PageSpeed Insights, Lighthouse i inne, w rodzaju GTMetrix, Pingdom czy Uptrends.
CLS: Cumulative Layout Shift
Źródło: https://web.dev/
Wskaźnik CLS (Cumulative Layout Shift) mierzy stabilność wizualną strony internetowej. Jest to miara tego, jak często i jak bardzo zmienia się układ strony podczas jej ładowania. Wysoki wskaźnik CLS może powodować przesuwanie się elementów strony, co może utrudniać użytkownikom korzystanie ze strony. Wskaźnik CLS jest obliczany jako suma wszystkich wartości CLS dla wszystkich renderów strony. Wartość CLS dla danego rendera jest obliczana jako iloczyn wielkości przesunięcia i ważności elementu strony, który się przesuwa. Wielkość przesunięcia to odległość między rzeczywistą pozycją elementu strony a jego oczekiwaną pozycją. Ważność elementu strony to miara tego, jak istotny jest dany element dla użytkownika.
Dlaczego wskaźnik CLS jest ważny?
Wskaźnik CLS (Cumulative Layout Shift) jest ważnym wskaźnikiem wydajności strony internetowej, ponieważ mierzy stabilność wizualną strony. Wysoki wskaźnik CLS może oznaczać, że elementy strony zmieniają swoje położenie podczas ładowania, co może być frustrujące dla użytkowników i obniżać ich zaangażowanie.
Oto kilka powodów, dla których wskaźnik CLS jest ważny:
- Użyteczność
Wysoki wskaźnik CLS może utrudniać użytkownikom korzystanie ze strony internetowej, ponieważ elementy strony mogą się przesuwać, gdy użytkownik próbuje kliknąć lub przewijać stronę. Może to prowadzić do błędów kliknięć, a także sprawiać, że strona będzie mniej czytelna.
- Zaangażowanie
Wysoki wskaźnik CLS może obniżać zaangażowanie użytkowników ze stroną internetową. Użytkownicy, którzy doświadczają przesunięć układu, są bardziej skłonni do opuszczenia strony internetowej lub nie klikania na linki. Może to prowadzić do utraty ruchu i konwersji.
- Ranking w wyszukiwarkach
Google używa wskaźnika CLS jako jednego z czynników rankingowych w wyszukiwarce. Oznacza to, że strony internetowe o wysokim wskaźniku CLS mogą być mniej widoczne w wynikach wyszukiwania niż strony internetowe o niskim wskaźniku CLS.
Poprawa wskaźnika CLS
Oto kilka wskazówek, jak poprawić wskaźnik CLS (Cumulative Layout Shift):
- Zoptymalizuj obrazy
Obrazy mogą przyczynić się do wysokiego wskaźnika CLS, jeśli nie są odpowiednio zoptymalizowane. Upewnij się, że obrazy są odpowiedniej wielkości i formatu, a także że są skompresowane w celu zmniejszenia ich rozmiaru.
- Użyj CSS do pozycjonowania elementów na stronie
CSS jest lepszym sposobem pozycjonowania elementów na stronie niż HTML. Używanie CSS może pomóc w zapobieganiu przesuwaniu elementów na stronie.
- Użyj atrybutu width i height do obrazów
Atrybut width i height określa szerokość i wysokość obrazu. Dzięki temu strona będzie się ładować szybciej i zmniejszy się prawdopodobieństwo wystąpienia przesunięcia układu.
- Użyj CSS do ukrywania elementów, które nie są jeszcze gotowe do wyświetlenia
Dzięki temu elementy nie będą widoczne, dopóki nie będą gotowe do wyświetlenia. Dzięki temu strona będzie się ładować szybciej i zmniejszy się prawdopodobieństwo wystąpienia przesunięcia układu.
Mierzenie wskaźnika CLS
Mierzenie wskaźnika CLS wygląda tak samo, jak w przypadku wskaźników LCP i FID – wykorzystuje się narzędzia – PageSpeed Insights, Lighthouse i inne, w rodzaju GTMetrix, Pingdom czy Uptrends.
Przeczytaj także:
Jak wyniki Core Web Vitals są oceniane?
Wprowadzając Core Web Vitals Google określiło standardy dla każdego wskaźnika:
LCP: Largest Contentful Paint
Dobry wynik – 0 – 2.5s
Do poprawy – 2.6 – 4s
Słaby wynik – 4s +
FID: First Input Delay
Dobry wynik – 0 – 100ms
Do poprawy – 101 – 300ms
Słaby wynik – 300ms +
CLS: Cumulative Layout Shift
Dobry wynik – 0 – 0.1
Do poprawy – 0.1 – 0.25
Słaby wynik – 0.25 +
Jak Core Web Vitals ma się do działań SEO?
Po wprowadzeniu do algorytmu Core Web Vitals automatycznie stał się jednym z wielu czynników rankingowych. Jednak na spokojnie można tutaj użyć stwierdzenia, że „nie taki diabeł straszny jak go malują”. Jak już wspomnieliśmy, wprowadzenie podstawowych wskaźników internetowych było ewolucją i jeśli dana strona wcześniej miała dobre wyniki szybkości i wydajności, to ta aktualizacja niespecjalnie wpłynie na cokolwiek, a już na pewno nie spowoduje spadków widoczności i pozycji. Jako jeden z wielu czynników rankingowych Core Web Vitals nie ma decydującego wpływu na wyniki strony – jego wpływ jest raczej „nisko średni”.
Obrazowo mówiąc – jeśli dana strona jest dobrze zoptymalizowana (w tym także posiada rozbudowany profil linków), znajdują się na niej duże ilości wysokiej jakości treści, a jednocześnie wynik Core We Vitals jest relatywnie niski, nie oznacza to, że taka witryna nie będzie w stanie osiągnąć wysokich pozycji czy też zacznie spadnie na dalsze miejsca. Wręcz przeciwnie, właśnie dzięki warstwie optymalizacyjnej oraz informacyjnej (treści ofertowe, artykuły blogowe itd.) najczęściej bez problemu będzie zwiększać swoją widoczność i pojawiać się na wysokich pozycjach w naturalnych wynikach wyszukiwania.
Z drugiej strony witryna źle zoptymalizowana lub w ogóle, nie posiadająca treści w odpowiedniej ilości, ale z idealnym wynikiem Core Web Vitals, może mieć spory problem z osiągnięciem wysokich pozycji w wynikach wyszukiwania. Każda strona powinna dostarczać odpowiedniej jakości zawartość informacyjną i czym bardziej będzie ona bogata, tym bardziej Google doceni taką witrynę. Jeden czynnik rankingowy w oderwaniu od innych nie spowoduje, że dana strona czy to nagle awansuje, czy spadnie w organicznych wynikach wyszukiwania. Dopiero wiele połączonych elementów zagwarntuje, że nasza strona zacznie poprawiać swoje wyniki.
Core Web Vitals przede wszystkim dla użytkowników
Core Web Vitals, a więc podstawowe wskaźniki internetowe, to przede wszystkim wskazówki co należy zrobić, aby nasza strona była w jak największym stopniu przyjazna dla użytkowników, zarówno w wersji desktopowej, jak i mobilnej. Analiza odopowiednimi narzędziami wskaże różne błędy i problemy, które należy naprawić oraz w jaki sposób to zrobić. Wszystko sprowadza się do jednej kwestii – strona mało wydajna, wolna, z błędami, źle skontruowana pod urządzenia mobilne, to ryzyko utraty ruchu oraz konwersji. I nawet najlepsze pozycje w wynikach wyszukiwania nic nie poradzą jeśli potencjalni klienci będą po prostu uciekać z naszej strony czy sklepu internetowego.
Autor: Rafał Gawor
Freelancer SEO | Copywriter kiedy trzeba
Podziel się:
Pozycjonowanie
Kampania Google Ads i Facebook Ads
Opisz swój biznes, określ swoje cele oraz na czym Ci zależy. Po analizie Twojej strony oraz branży zaproponujemy optymalne rozwiązanie, włącznie z propozycją budżetu potrzebnego na efektywne działania. Dobierzemy także optymalny rodzaj kampanii, która idealnie będzie pasowała do Twojego biznesu.
