Do czego służą wskaźniki Core Web Vitals?

Co kryje się za Core Web Vitals?

Core Web Vitals – co to jest? Są to wskaźniki określające szybkość i wydajność stron www. Web Core Vitals to jeden z czynników, wdrożonej pod koniec sierpnia 2021 roku aktualizacji dotyczącej Page Experience Signals. Co istotne? Webvitals, oprócz RWD, bezpieczeństwa, szyfrowanego połączenia oraz braku „inwazyjnych” reklam, stanie się koniecznym elementem każdej witryny.

CWV zostały wprowadzone przede wszystkim ze względu na rosnącą rolę doświadczeń użytkownika w kwestii oceny jakości stron internetowych. Aktualizacje wyszukiwarki Google jednoznacznie wskazują główny kierunek zmian w pozycjonowaniu – użytkownik i jego satysfakcja z wyników wyszukiwania zaczynają odgrywać kluczową rolę, jeśli chodzi o osiąganie przez serwisy wysokich pozycji w organicznych wynikach. 

Przeczytaj również: Jak infinite scroll wpływa na SEO?

Jak mierzyć wskaźniki CWV?

Źródła informacji o wartościach Core Web Vitals można podzielić na 2 typy:

• dane laboratoryjne – pomiary przeprowadzane za pomocą specjalnie przeznaczonych do tego narzędzi. Lab data zawierają informacje na temat tego, jakie mogą być doświadczenia potencjalnego internauty ze stroną. Należy zaznaczyć, iż są to koncepcje mierzone w warunkach laboratoryjnych, dlatego analizę CWV zaleca się oprzeć o rzeczywiste dane. Gdzie znajdują się dane laboratoryjne? Można je znaleźć m.in. w Page Speed Insights bądź w narzędziu Lighthouse w Google Dev Tools. To dane, które mierzą wskaźniki takie jak: FCP, SI, LCP, CLS,TTI oraz TBT;

• dane zgromadzone (field data) – dane pochodzące od realnych wizyt użytkowników, którzy korzystają z przeglądarki Chrome. Dane określają średnią web core vitals z ostatnich 28 dni, które pochodzą z raportu Chrome User Experience Report. Field data mierzone są przy pomocy narzędzia Google PageSpeed Insights i Google Search Console i mierzą takie wskaźniki jak: FSP, LCP, FID, oraz CLS.

Podstawowe wskaźniki internetowe i nie tylko

Do podstawowych wskaźników internetowych CWV zaliczamy:

• LCP – Largest Contentful Paint – wyrenderowanie treści. Wskaźnik LCP pokazuje szybkość ładowania serwisu. Mierzy się ją, jako czas potrzebny przeglądarce do załadowania największego elementu na stronie internetowej (tekstu, grafiki bądź video). Wynik interpretuje się następująco: do 2,5 sekundy wskaźnik ocenia się jako pozytywny, od 2,5 do 4 sekund uznaje się jako przeciętny. Z kolei wartość LCP, która przekracza 4 sekundy, sygnalizuje o wysokim ryzyku opuszczenia witryny przez internautę i odbierana jest jako bardzo niska. Warto zaznaczyć, że obszar mierzony w analizie LCP dotyczy „above the fold”, czyli pierwszego ekranu, który jest widoczny dla użytkownika po załadowaniu strony. Głównym skutkiem wysokiego LCP jest długi czas oczekiwania na załadowanie poszczególnych elementów.
• FID – First Input Delay – opóźnienie podczas pierwszego działania. FID to wskaźnik informujący o interaktywności serwisów. Prościej mówiąc to czas liczony od rozpoczęcia ładowania witryny do momentu, w którym strona będzie w pełni interaktywna. Prezentuje się to w sposób następujący: dobry First Input Delay wynosi w granicy 100 milisekund do pierwszej interaktywności, wskaźnik FID między 100 a 300 miilisekund sygnalizuje o potrzebie poprawy interaktywności danej strony internetowej. Z kolei wynik tego rodzaju Core Web Vitals wynoszący powyżej 300 milisekund jest alarmujący i może mieć negatywny wpływ na doświadczenia użytkownika ze stroną. Jeśli chodzi o skutki wysokiego FID, to przede wszystkim brak możliwości szybkiej interakcji z witryną.
• CLS – Cumulative Layout Shift – wskaźnik CWV mierzący stabilność wizualną układu strony internetowej. Stabilność liczona jest jako suma przesunięć, widocznych w trakcie ładowania strony. CLS dotyczy przesunięć niezwiązanych bezpośrednio z interakcją ze strony użytkownika. O czym warto pamiętać? Pojawiające się pop-upy nie będą liczone w ramach wskaźnika CLS. Dobry wynik to przedział od 0 do 0,1. O średniej stabilności układu strony informuje wynik wynoszący od 0,1 do 0,25. Z kolei wskaźnik, który wynosi powyżej 0,25, wymaga pilnej optymalizacji. Zastanawiasz się, jakie są skutki wysokiego Cumulative Layout Shift? To przede wszystkim przypadkowe kliknięcia w przycisk w wyniku nagłego przesunięcia na stronie.

Przeczytaj również: Czym jest lazy loading i jak usprawni Twoją stronę?

Wśród innych znanych wskaźników Web Core Vitals znajdują się m.in.:

• TTFB – wskaźnik mierzący czas odpowiedzi serwera, od chwili wysłania zapytania do odebrania przez internautę pierwszego bajtu odpowiedzi.
• FCP – kolejny wskaźnik, który mierzy ilość czasu, jaką zajmuje przeglądarce załadowanie pierwszego contentu na stronie www (obrazka, treści lub video).
• TTI – wskaźnik mierzący ilość czasu, która upływa od załadowania strony internetowej do chwili uzyskania możliwości wprowadzenia danych w serwisie.
• TBT – wskaźnik Core Web Vitals, który mierzy ilość czasu, jaki upływa pomiędzy załadowaniem pierwszej treści na stronie a uzyskaniem opcji wprowadzenia danych (czas między FCP a TTI).

Sprawdź stronę pod kątem Core Web Vitals!

W jaki sposób można sprawdzić swoją stronę pod kątem Core Web Vitals i dlaczego jest to istotne dla jej właścicieli? Poniżej przedstawiamy metody weryfikacji CWV.

• Page Speed Insights

W celu wykonania pomiaru Core Web Vitals z zastosowaniem Page Speed Insights należy otworzyć stronę: https://developers.google.com/speed/pagespeed/insights/?hl=pl  Następnie w narzędziu należy podać adres URL, który chcemy sprawdzić. Pamiętaj, że dla poszczególnych podstron tej samej witryny, wyniki będą inne. Dlatego najlepszym rozwiązaniem jest weryfikacja stron różnego typu. Po weryfikacji otrzymasz 2 zestawy danych – laboratoryjne i zgromadzone. Przeprowadzając test w PSI, otrzymasz gotowe wytyczne do umieszczenia na stronie.

• Google Search Console

Mając założone i zweryfikowane konto w Google Search Console, w łatwy sposób sprawdzisz, czy Twoja strona www spełnia normy nowego czynnika Core Web Vitals. Co więcej? Logując się na stronę: https://search.google.com/search-console w zakładce Ulepszenia znajdziesz raporty CWV, zarówno dla urządzeń mobilnych, jak i komputerów. Po otwarciu wybranego raportu uzyskasz precyzyjne informacje na temat występujących nieprawidłowości.

• GTMetrics

Narzędzie GTMetrics podaje wyniki dla określonego adresu URL, a nie całej strony! Z tego powodu niezbędna jest weryfikacja wybranych stron serwisu, np. strony głównej, kontaktu czy wpisu blogowego. Co istotne? GTMetrix prezentuje tylko laboratoryjne dane. Narzędzie jest bezpłatne dla wersji komputerowych, natomiast dla wersji mobilnej wymagana jest płatność.

• Web dev

Web dew zapewnia dostęp tylko do danych laboratoryjnych. Otrzymasz precyzyjne wskazówki oraz przewodnik do optymalizacji elementów o słabszej jakości. Rozwinięcie PSI daje również możliwość planowania raportów.

• WebPage Test

To kolejne narzędzie do wykonywania testów Core Web Vitals, które dostępne jest pod adresem: https://www.webpagetest.org./ uwzględniające dane laboratoryjne. Główną wadą tego narzędzia jest stosunkowo długi czas oczekiwania, z kolei zaletą graficzna prezentacja poszczególnych wyników CWV.

• Lighthouse

Narzędzie daje możliwość sprawdzenia danych laboratoryjnych, dostępne w Chrome DevTools (po kliknięciu PPM i Inspect bądź F12).

• Google Web Deweloper w Chrome

Po otwarciu panelu w Chrome (za pomocą przycisku F12), użytkownik ma dostęp m.in. do konsoli JAVA Script. Prędkość witryny można zmierzyć, wchodząc w zakładkę Performance, w której można analizować dane laboratoryjne Core Web Vitals. 

Ważne! Wtyczki Chrome służące do szybkiej weryfikacji Core Web Vitals to: CWV Extension i Web Vitals Extension!

Jesteśmy przekonani, że ten artykuł pomógł Ci lepiej poznać podstawowe wskaźniki internetowe. Śledząc ostatnie oraz nadchodzące update’y możemy zaobserwować, w jakim kierunku podąża algorytm Google. Z roku na rok coraz większy nacisk kładziony jest na doświadczenia użytkowników i dopasowanie wyników pod indywidualne oczekiwania i potrzeby. Jeśli chcesz pozostać na wysokich pozycjach w rankingu, nie możesz zapominać o technicznych aspektach SEO – Core Web Vitals. Pamiętaj jednak, aby nie skupiać się wyłącznie na tym, ponieważ istotna jest także zawartość strony internetowej.