Core Web Vitals. Czym jest i dlaczego jest tak ważne?

  • Redakcja Adboosters
  • 5 min. czytania

Na powodzenie strony internetowej ma wpływ wiele elementów. To, co wydaje się ważne z punktu widzenia twórcy witryny, nie zawsze musi być tak istotne dla odbiorcy. Poznanie potrzeb potencjalnych klientów ułatwiają wskaźniki określane mianem Core Web Vitals, które stosuje się do oceny strony pod względem jej przyjazności dla użytkownika. Co warto o nich wiedzieć?

Core Web Vitals koncentrują się przede wszystkim na szybkości i wydajności stron internetowych, uwzględniając takie zagadnienia jak prędkość ładowania obrazów czy kolejność wyświetlania elementów witryny. W ten sposób można zmierzyć konkretne wskaźniki, które realnie wpływają na doświadczenia użytkownika. Pod uwagę należy brać przede wszystkim trzy mierniki.

  1.  LCP (Largest Contentful Paint) – wskaźnik mierzący czas potrzebny przeglądarce do załadowania największego elementu znajdującego się na pierwszym ekranie widocznym dla użytkownika po załadowaniu strony internetowej. Może to być materiał wideo, grafika czy blok tekstu.

Wartość powinna wynosić poniżej 2,5 sekundy. Im dłuższy czas, tym wynik oceniany jest jako gorszy. Wartość od 2,5 do 4 sekund informuje o potrzebie poprawy tego elementu strony. Jeszcze dłuższy czas wskazuje na wysokie ryzyko, że użytkownik opuści stronę przed jej załadowaniem. Przy LCP powyżej 4 sekund Google uznaje wybraną podstronę za niewystarczającą i oznacza ją jako problematyczną.

  1. FID (First Input Delay)  – wskaźnik mierzący czas pomiędzy wejściem przez użytkownika w interakcję z witryną a odpowiedzią ze strony przeglądarki. Chodzi tutaj o możliwość przejścia do kolejnej podstrony po kliknięciu odpowiedniego buttona czy linku. W ten sposób ocenia się interaktywność serwisu.

Dobry FID powinien oscylować poniżej 100 milisekund. Potrzeba poprawy pojawia się przy wynikach pomiędzy 100 a 300 milisekund, zaś najgorzej oceniane są wartości powyżej 300 milisekund. Skutkiem słabego FID jest brak możliwości szybkiej interakcji ze stroną, co może zniechęcać odbiorców do korzystania z niej.

  1. CLS (Cumulative Layout Shift) – wskaźnik mierzący wszystkie niespodziewane przesunięcia treści występujące podczas ładowania strony. Nie wlicza się do tego zmian wynikających z interakcji ze strony użytkownika. Dzięki temu można ocenić stabilność wizualną układu strony, czyli layoutu.

Wynik wskazujący brak przesunięć powinien znaleźć się w przedziale od 0 do 0,1. Przy wartości powyżej 0,25 wymagana jest pilna optymalizacja. Problemy w tej kwestii najczęściej występują na urządzeniach mobilnych, gdyż na mniejszym ekranie wszelkie zmiany są bardziej zauważalne i irytujące dla użytkownika.

Znaczenie Core Web Vitals

Opisane wyżej wskaźniki są częścią większego projektu nazwanego Page Experience Signals, zainicjowanego przez Google. Jego celem jest dostarczenie końcowym odbiorcom stron jak najbardziej przyjaznych dla nich rozwiązania. Wprowadzenie Core Web Vitals ma połączyć właśnie doświadczenia użytkowników z optymalizacją pod wyszukiwarki. To nie pierwsza tego typu aktualizacja, ale na pewno znacznie wyróżniająca się na tle innych.

Optymalizacja działania strony pod kątem Core Web Vitals może poprawić widoczność strony w wyszukiwarkach. Jest to szansa na zajęcie wyższych pozycji niż dotychczas, choć nie w każdym przypadku musi tak być. Na pewno wyniki wskaźników będą brane pod uwagę przy wyświetlaniu artykułów w newsach Google (Discover). W branży e-commerce będzie mogło przełożyć się to bezpośrednio na zwiększenie sprzedaży i wyróżnienie się na tle konkurencji.

Działania SEO muszą łączyć się z UX (User Experience). (Sprawdź czym jest SXO). Obecnie budowa strategii contentowej powinna opierać się nie tylko na przemyślanych i sprawdzonych technikach pozycjonowania, ale również na potencjalnym odbiorze przez użytkownika. Znaczenie mają nawet najmniejsze detale, jak drobny obrazek czy fragment z pozoru nieistotnego kodu.

Jak mierzyć Core Web Vitals? 

Do mierzenia Core Web Vitals służą narzędzia Google, które można wykorzystać także za darmo. Oprócz nich  powstają coraz to nowsze serwisy obliczające szybkość, interaktywność i stabilność strony. Wyniki Core Web Vitals mogą różnić się w zależności od użytego narzędzia. Poniżej przedstawiamy kilka z nich.

PageSpeed Insight

PageSpeed Insight – narzędzie zbudowane przez Google, które nie tylko mierzy wszystkie wskaźniki Core Web Vitals, ale również pokazuje sposoby działań dążące do ich poprawy.  Objaśnienia poparte przykładami oraz proponowanymi rozwiązaniami ułatwiają zrozumienie  funkcjonowania strony i wprowadzenie jej optymalizacji. Jedyne co trzeba zrobić, aby je poznać, to wpisać adres analizowanej strony.

Dużym atutem PageSpeed Insight jest możliwość sprawdzenia wyników w wersji mobile, jak i w desktopie witryny. Posiadając taką wiedzę oraz informację o urządzeniach dominujących wśród użytkowników strony, można ustalić harmonogram i priorytet potencjalnych zmian.

Page speed test
Przykładowy wynik testu z narzędzia PageSpeed Insight

Google Search Console

Google Search Console to narzędzie skupia się na analizie adresów URL i rozróżnia je ze względu na jakość, a następnie pokazuje za pomocą dwóch wykresów: Urządzenia mobilne i Wersja na komputery. Na diagramie pojawiają się linie w trzech kolorach: zielonym (dla adresów URL dobrej jakości), żółtym (adresów URL wymagających poprawienia) oraz czerwonym (adresów URL słabej jakości).

Dokładne miejsca sprawiające problemy oraz sposoby na ich poprawę można zobaczyć po wejściu w szczegółowy raport. Taka diagnoza może być pomocna w rozwiązaniu kwestii zmniejszających przyjazność korzystania ze strony.

Google Search Console
Przykładowy wykres z narzędzia Google Search Console

Lighthouse

Lighthouse – nie jest to oddzielne narzędzie, ale rozszerzenie do przeglądarki Chrome. Z pomocą tej wtyczki można przeprowadzić podstawowy audyt strony internetowej i ocenić jej jakość. Jednak w ten sposób można zmierzyć tylko dwa z trzech wskaźników Core Web Vitals. Na ten moment Lighthouse nie pokazuje wyników dla First Input Dela (FID), choć sprawdza wytyczne dla najlepszych praktyk przy tworzeniu stron internetowych i SEO.

Narzędzie Lighouse można uruchomić w następujący sposób:

  1. Uruchom przeglądarkę Chrome.
  2. Otwórz stronę, którą chcesz przetestować (Najlepiej w trybie Incognito).
  3. W dowolnym miejscu na uruchomionej stronie naciśnij prawy przycisk myszy i wybierz opcję „Zbadaj”.
  4. W uruchomionym narzędziu z menu na górze wybierz zakładkę „Lighthouse”.
  5. Wypierz jakie parametry chcesz zbadać oraz dla jakiego rodzaju urządzenia chcesz wykonać test.
  6. Naciśnij na przycisk z napisem „Generate report”.
Lighthouse Performance
Przykładowy wynik testu narzędziem Lighthouse

Co jeszcze warto mierzyć? 

LCP, FIC i CLS nie są jedynymi wskaźnikami wprowadzonymi przez Google do oceny strony pod względem jej przyjazności dla użytkownika. Do czynników rankingowych wliczane są jeszcze cztery inne kwestie.

Najważniejszą z nich jest przyjazność dla urządzeń mobilnych (mobile friendly), czyli po prostu dopasowanie funkcji i widoku strony do jej odczytu na telefonach komórkowych. Liczba użytkowników na urządzeniach mobilnych stale wzrasta. Z tego powodu Google zwraca dużą uwagę na tę kwestię i porównuje spójność oraz użyteczność stron w wersji mobile i desktop. Dodatkowo w 2021 r. zmieniło sposób indeksowania witryn na Mobile First Index, co sprawia, że wersje mobilne stron są indeksowane w pierwszej kolejności.

Istotne jest także bezpieczeństwo danych użytkowników, jak i stosowanie szyfrowania protokołu HTTPS. Ostatnią kwestią są natrętne reklamy pełnoekranowe (Intrusive interstitial guidelines), które zajmują znaczną część strony i przeważnie irytują uczestników. Z myślą o ich wygodzie Google niżej ocenia strony z takimi reklamami.

Niewykluczone, że wskaźników do optymalizacji strony będzie z czasem coraz więcej. Dobrze jest testować poszczególne wprowadzane zmiany, by odkryć, co jeszcze można polepszyć lub oddać te działania w kwestie specjalistów.

Potrzebujesz pomocy przy dostosowaniu swojej strony lub sklepu do wymogów wyszukiwarki Google? Skontaktuj się z nami i skorzystaj z pomocy specjalistów.

Adboosters logo sygnet
Redakcja Adboosters
Dzielimy się wiedzą. Sprawdź najnowsze wpisy napisane przez naszą redakcję na naszym blogu. Piszemy o marketingu internetowym z naciskiem na SEO.

Szukasz wiedzy?

Przeczytaj artykuły
z naszego bloga
message ikona

Dowiedz się co możemy zrobić dla Twojej strony lub sklepu.
Wypełnij formularz i skorzystaj
z bezpłatnej konsultacji.

Tomasz Nawrocki

Co o nas mówią?

Poznaj opinie
naszych klientów

To, co o nas mówią to najlepsza
rekomendacja naszej pracy.

Doskonała
gwiazdki
Na podstawie 33 opinii
5.0GwiazdkaGwiazdkaGwiazdkaGwiazdkaGwiazdka

Jestem bardzo zadowolona ze współpracy! Obsługa oraz wyniki pozycjonowania na bardzo wysokim poziomie! Wszystko przemyślane, raport na koniec każdego miesiąca, konkretna odpowiedź na jakiekolwiek pytania/wątpliwości 🙂 Polecam!

Sklep Julia logo

Magdalena Cieczko

sklep-julia.pl
5.0GwiazdkaGwiazdkaGwiazdkaGwiazdkaGwiazdka

Współpracę z Adboosters rozpoczęłam z polecenia znajomego. Pan Tomasz z którym miałam przyjemność rozmawiać okazał się bardzo profesjonalny, a przy tym otwarty i sympatyczny. Zajął się problemem z indeksacją, a do tego po przeprowadzonym audycie doradził i poprawił inne obszary. Bardzo na plus!

Danuta Organic Concept

Danuta Mierzejewska

Organic Concept
5.0GwiazdkaGwiazdkaGwiazdkaGwiazdkaGwiazdka

Profesjonalna firma! Współpracuję już od 2 lat i oddałem im wszystkie moje serwisy. Wykonują wszystko zgodnie z planem i dają nawet więcej od siebie. Znają się na swoich zadaniach kontakt z pracownikami zawsze na najwyższym poziomie!

Adrian Serocki Sportpag

Adrian Serocki

Sportpag / Zezoon
5.0GwiazdkaGwiazdkaGwiazdkaGwiazdkaGwiazdka
Współpracowałem z Adboosters i jestem zadowolony. Mnóstwo optymalizacji zostało wykonanych na mojej stronie. Pozycje wielu fraz kluczowych poszybowały do top10 a ogólna widoczność serwisu zwiększyła się. Kontakt z firmą bezproblemowy. Raporty zawsze na czas. Współpracowałem wcześniej z dużymi agencjami i nie byłem zadowolony, do adboosters zawsze można podjechać lub zadzwonić i zawsze otrzymałem merytoryczną odpowiedź na moje pytania.
Adrian Zadorecki Kursy Pierwszej pomocy

Adrian Zadorecki

Kursy pierwszej pomocy Adrian Zadorecki
5.0GwiazdkaGwiazdkaGwiazdkaGwiazdkaGwiazdka
Polecam współpracę z Adboosters. Wysoki poziom świadczenia usług. Po prawie dwuletniej współpracy z dużą i „znaną” firmą, odetchnęłam z ulgą. Świetny kontakt, dużo własnej inicjatywy. Dobro klienta na pierwszym miejscu. Polecam!
Anna Kmieć Grenbud

Anna Kmieć

Grenbud
5.0GwiazdkaGwiazdkaGwiazdkaGwiazdkaGwiazdka
Działamy z naszym sklepem już od wielu miesięcy i widoczność wzrosła bardzo mocno. Jeszcze 2 lata temu sklepu nie było widać w Google prawie wcale, teraz wyświetla się na wysokich pozycjach na kilkaset fraz, co przełożyło się na ruch i liczbę zamówień. Przy pozycjonowaniu trzeba mieć trochę cierpliwości, ale przy tej współpracy od początku szło to w dobrym kierunku i to był dobrze zainwestowany czas.
logo darmaroffice

Mariusz Klosak

DarmarOffice.pl
5.0GwiazdkaGwiazdkaGwiazdkaGwiazdkaGwiazdka

Pan Tomek to dobry fachowiec z dużym doświadczeniem w swojej branży. Dla mnie bardzo ważne było to, że sprawy o których nie miałam pojęcia zostały mi wytłumaczone zrozumiałym językiem. Indywidualne podejście do każdego klienta, rzetelność i zaangażowanie to największe atuty firmy Adboosters.

Euro Podatki

Anna Konwińska

Euro Podatki
5.0GwiazdkaGwiazdkaGwiazdkaGwiazdkaGwiazdka
Sprawnie, szybko i fachowo. Potrzebowaliśmy pomocy w SEO, ponieważ ustawienia trochę się zapętliły. Problem został szybko usunięty i naprawiony i co najważniejsze firma nie kryła się ze swoją wiedzą. Odpowiadali na wszystkie pytania i tłumaczyli, to ważne w naszym przypadku, kiedy stronę prowadzimy sami i tylko w sytuacji alarmowej możemy liczyć na wsparcie. teraz wiele rzeczy wydaje się łatwiejsze. Polecamy,.
Grafy

Przemysław Graf

Grafy w Podróży
5.0GwiazdkaGwiazdkaGwiazdkaGwiazdkaGwiazdka

Współpracę z Panem Tomaszem uważam za bardzo udaną. Wiem za co płacę, otrzymuje miesięczne raporty z wykonanych czynności. Wszystkie moje oczekiwania zostały spełnione, wytyczne wzięte pod uwagę i zrealizowane krok po kroku z należytą starannością. Na uwagę zasługuję również bardzo dobry kontakt.

Wojciech Guła

Serwis GSM
Poprzednie Następne
Firmy, które nam zaufały
Fale Loki Koki Logo
Cortez
lokikoki logo
Miko Coffe
Spidweld
DPV Logistic Logo
maxmedia logo
Mrozbike
Mamakarmi

Co osiągnęliśmy?

Zobacz nasze case study
Poprzednie Następne
Łóżeczko dziecięce

Sklep-julia.pl

Jak działania SEO podniosły sprzedaż o 177% w sklepie internetowym? 
Cel był ambitny – prześcignąć nie tylko bezpośrednich konkurentów klienta, ale również takich gigantów, jak: Allegro, IKEA, Smyk, Ceneo czy OLX. Po wielu miesiącach intensywnych działań udało nam się osiągnąć wysokie i stabilne pozycje na szereg konkurencyjnych i trudnych wyrażeń kluczowych. 
dowiedz się więcej
Rower

Mrozbike

Imponujący wzrost ruchu organicznego o 558% w sklepie rowerowym.
Naszym wspólnym celem było podniesienie ogólnej widoczności sklepu zarówno jeśli chodzi o rowery jak również o części i akcesoria rowerowe wybranych producentów. Chcieliśmy także zwiększyć widoczność sklepu na rynku lokalnym w Bydgoszczy. Sprawdź jak to zrobiliśmy.
dowiedz się więcej
Cortez

Cortez

Wzrost liczby wyrażeń w TOP10 o 4400% - jak to możliwe?
Główne wyzwania, przed którymi stanęliśmy, obejmowały brak widoczności na kluczowe frazy dla potencjalnych franczyzobiorców, silną konkurencję ze strony dużych marek jak Żabka czy Carrefour, słaby profil linkowy oraz ograniczenia prawne w promocji. Jak sobie z tym poradziliśmy?
dowiedz się więcej
Materiały biurowe

DarmarOffice.pl

Droga od prawie zerowej widoczności do tysięcy użytkowników w sklepie internetowym.
Jak na trudność branży i budżet, jakim dysponowaliśmy osiągnęliśmy naprawdę imponujące rezultaty. Znaczna poprawa widoczności sklepu przyniosła wielu nowych użytkowników, których obecność z kolei przełożyła się na wzrost wyników sprzedażowych.
dowiedz się więcej
Poproś o wycenę i dowiedz się jak możemy zwiększyć widoczność
Twojej strony lub sklepu e-commerce.

Umów się na rozmowę z naszymi specjalistami, podczas której wskażemy możliwości rozwoju związane z pozycjonowaniem i promowaniem Twojego sklepu lub strony.

    Michał Maliszewski