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, biorące pod uwagę różne parametry, w tym m.in. czas ładowania strony.  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.

Znaczenie Core Web Vitals dla SEO

Wpływ Core Web Vitals na ranking strony i jej miejsce w wynikach wyszukiwania nie kończy się na dobrą sprawę jedynie na szybkości ładowania 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.  Dlatego też optymalizacja strony pod kątem Core Web Vitals jest jednym z kluczowych elementów SEO on-page. Poprawa szybkości ładowania strony poprzez: 

• zadbanie o odpowiedni hosting, 
• odpowiednie ustawienia cache, 
• kompresje zdjęć i odpowiednio dobrany rozmiar grafik,
• aktywowanie tzw. lazyload na stronie, 
• optymalizację dynamicznie ładowanych elementów strony.

Może w wymierny sposób pozytywnie wpłynąć na wyniki Core Web Vitals, a tym samym przełożyć się na komfort użytkowania strony i jej pozycję w wynikach wyszukiwania.

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. Mierzą one 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. 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 oraz Google Search Console i mierzą takie wskaźniki jak: FSP, LCP, INP, oraz CLS.

Podstawowe wskaźniki internetowe i nie tylko

Podstawowe a tym samym najważniejsze wskaźniki Core Web Vitals obejmują:

• 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.
• 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.

• INP (Interaction to Next Paint) – wskaźnik INP ma za zadanie działać nieco bardziej kompleksowo niż wskaźnik FID, który go zastąpił. FID mierzy opóźnienie opóźnienia do pierwszej interakcji, czyli czas oczekiwania przeglądarki, zanim zaczęła obsługiwać dane zdarzenie – np. czas od kliknięcia przycisku do załadowania kolejnej strony. Dlatego jeżeli pierwsza interakcja użytkownika ze stroną wypada dobrze, strona otrzymuje wysoką notę. INP działa w sposób nieco bardziej złożony mierząc ogólną responsywność witryny, badając wszystkie interakcje użytkownika podczas całego czasu trwania jego interakcji ze stroną. Mimo tego, że INP bierze pod uwagę wszystkie interakcje, przedstawiany jest w formie pojedynczej wartości, biorącej pod uwagę jedynie najdłuższą zaobserwowaną podczas sesji użytkownika interakcje na stronie. INP był testowany jako wskaźnik od 2020 roku, natomiast w marcu 2024 zastąpił wskaźnik FID stając się jednym z elementów Core Web Vitals, a tym samym jednym z czynników rankingowych.
• 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ą. W marcu 2024 wskaźnik FID został zastąpiony wskaźnikiem INP (Interaction to Next Paint)

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, oraz najpopularniejsze narzędzia do pomiaru CWV.

• Page Speed Insights

W celu wykonania pomiaru Core Web Vitals z zastosowaniem Page Speed Insights otwórz stronę: https://developers.google.com/speed/pagespeed/insights/?hl=pl. Następnie w narzędziu podaj adres URL, który chcesz 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 CWV. 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 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ępnych 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), masz dostęp m.in. do konsoli JAVA Script. Prędkość witryny zmierzyć, wchodząc w zakładkę Performance, w której możesz 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!

Treo Site Speed

Narzędzie Site Speed firmy Treo wykorzystuje dane CWV z Chrome UX Report, przedstawiając szczegółową analizę szybkości witryny. Dane te pomagają wprowadzić odpowiednie poprawki, tak aby poprawić komfort użytkowania strony czy zwiększyć liczbę konwersji. Funkcje tego narzędzia obejmują filtrowanie urządzeń i połączeń, dane geograficzne, możliwość porównania z konkurencją, comiesięczne aktualizacje i dostęp do obszernych baz danych. Jego celem jest zapewnienie kompleksowego zrozumienia wydajności witryny w różnych metrykach i regionach, oferując cenne źródło informacji pomocne podczas optymalizacji szybkości witryny.

Użyteczność strony a Core Web Vitals – czyli co jeszcze warto mierzyć?

Chociaż Core Web Vitals jest bardzo ważnym czynnikiem wpływającym na pozycję strony internetowej, nie możesz zapomnieć o innych jej parametrach, które również brane są pod uwagę. Istotne jest, aby strona internetowa była „przyjazna” dla urządzeń mobilnych. Od 2021 roku Google indeksuje strony internetowe na podstawie zasady Mobile First Index.  Mobilna wersja strony internetowej indeksowana jest w sposób priorytetowy, warto więc w szczególności zadbać o komfort korzystania z witryny na telefonach.  Również bezpieczeństwo danych użytkowników jest ważnym czynnikiem dla Google. Stosowanie protokołu HTTPS jest dzisiaj standardem, którego nie możesz pominąć jeżeli zależy Ci na widoczności Twojej strony w wynikach wyszukiwania.  

Podsuowanie 

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.