Core Web Vitals - nowe czynniki rankingowe Google. Czym są i jak je sprawdzić? - SEO4.net (2024)

Już wpołowie zeszłego roku Google ogłosiło, żew2021r. tzw. Core Web Vitals (wskrócie CWV), czyli Podstawowe Wskaźniki Internetowe, staną się ważnym czynnikiem rankingowym. Irzeczywiście taksię ostatecznie stało wraz znadejściem sierpnia 2021r. Czym zatem sączynniki Core Web Vitals, jakie informacje można znich wyciągnąć iwjaki sposób jesprawdzić?

Core Web Vitals – cotowłaściwie jest?

Podstawowe wskaźniki internetowe tozestaw czynników, wchodzących wskład szerszego zbioru Page Experience Signals, czyli sygnałów świadczących oużyteczności strony, które Google uważa zaważne dla ogólnego doświadczenia użytkownika. NaCore Web Vitals składają się ztrzy główne pomiary: LCP, FID orazCLS.

LCP, czyli największe wyrenderowane treści

LCP (ang. Largest Contentful Paint) – jest towskaźnik, którymierzy, jak długo ładuje się największy element nastronie (tomoże być zarówno plik wideo, obraz, grafika wtle czyspory blok tekstu).

Szacuje się, żeoptymalnie wskaźnik LCP powinien wynosić niewięcej niż 2,5 sekundy, aimniższy tym lepszy. Zkolei wynik powyżej 4 sekund uznawany jest zaniski. Strony, które ładują się powyżej tego czasu mogą zniechęcić użytkownika dokorzystania zestrony iwefekcie spowodować jej szybkie opuszczenie.

Coważne, wskaźnik LCP obliczany jest wyłącznie napodstawie elementów widocznych wtakzwanym above the fold, czyli napierwszym widocznym przezużytkownika ekranie (zanim zacznie onprzewijać stronę wdół).

Jeśli więcjakiś element pojawia się naekranie wtrakcie ładowania się strony, anastępnie zostaje zepchnięty poza obszar ekranu, itakzostanie uwzględniony wwyniku LCP. Ianalogicznie – jeśli użytkownik niewidzi danego elementu wtrakcie ładowania, anastępnie “wskakuje” onwobszar pierwszego widoku, toniejest onuwzględniany wwyniku LCP.

FID, czyli opóźnienie przy pierwszej interakcji zestroną

FID (zang. First Input Delay) – jest toczas pomiędzy pierwszą interakcją użytkownika zestroną np.kliknięciem wlinka, areakcją przeglądarki natozdarzenie. Czas ten optymalnie niepowinien przekraczać 100 milisekund. Natomiast uzyskanie czasu powyżej 300 milisekund tojuż wynik wymagający naprawy, gdyżmoże powodować negatywne doświadczenie uodwiedzającego stronę użytkownika.

Google uważa wskaźnik FID zaważny, ponieważ bierze poduwagę sposób, wjaki użytkownicy realnie wchodzą winterakcję zestroną. Alewskaźnik ten niezawsze jest raportowany. Jeśli pozaładowaniu strony użytkownik nie“klika” zżaden element akcji czylink, nieloguje się naswój profil ani niewypełnia formularza kontaktowego (cozdarza się np.nastronach zartykułami oaktualnych wydarzeniach, blogach itp.), Google niemamożliwości zmierzenia czasu reakcji, awięcniewyświetla także raportu oFID wGoogle Search Console.

CLS, czyli wizualna stabilność układu strony

CLS (zang. Cumulative Layout Shift) – wskaźnik stabilności wizualnej, sprawdzający, czyiwjakim stopniu elementy strony przemieszczają się wjej obrębie wtrakcie ładowania, przy czym poduwagę brane sąelementy zmieniające swoje położenie samoistnie, anienaskutek interakcji użytkownika.

Imwięcej elementów “przeskakuje” wtrakcie ładowania, tym gorszy wynik CLS. Coistotne, dane odnośnie stabilności wizualnej strony pobierane sąnietylkowchwili jej ładowania, aleprzezcały okres wizyty użytkownika nastronie.

Strona celująca wwysoką użyteczność dla użytkownika powinna utrzymywać ten wskaźnik napoziomie poniżej 0.1. Wynik przekraczający 0.25 wskazuje, żewskaźnik ten wymaga optymalizacji.

Największe problemy zewskaźnikiem CLS mogą mieć strony zawierające wiele grafik iplików wideo, które niemają podanych atrybutów “width” oraz“height” lub niestosują takzwanego “CSS ratio box” (niemają narzuconych proporcji wjakich mają się wyświetlać zapomocą kodu CSS) orazstrony, naktórychniezastosowano placeholderów dla obrazów ładowanych dynamicznie.

Dlaczego Google uznaje Core Web Vitals zaistotne wskaźniki?

Natopytanie jest bardzo prosta odpowiedź – UX stron zawsze miał duże znaczenie dla Google, adodanie wskaźników Core Web Vitals dolisty czynników algorytmicznych było tylkokwestią czasu.

Procent osób korzystających zurządzeń mobilnych doprzeglądania stron odwielu lat systematycznie wzrasta, stąd konieczność troski oto, aby ich doświadczenia naurządzeniach mobilnych idesktopowych były porównywalne.

Nieda się ukryć, żepromowanie stron przyjaznych dla użytkownika jest dla Google również działaniem wizerunkowym, które manacelu pozyskanie iutrzymanie zaufania internautów dotejwyszukiwarki.

Stąd wynika też walka zespamem iregularne aktualizacje podkątem wykluczania stron potencjalnie niebezpiecznych dla użytkownika (np.wroku 2021 Link Spam Update dwukrotnie przetoczył się przezSERPy, najpierw wlipcu, potem wpierwszym tygodniu listopada). Cotomawspólnego zCore Web Vitals?

Przykładowo wizualna niestabilność strony, naktórą wskazuje niski wskaźnik CLS, może powodować, żeużytkownik przypadkowo kliknie wlink, zaktórymniezamierzał podążać. Toczęste zjawisko naźle zoptymalizowanych podtym kątem mobilnych wersjach stron, alejest torównież popularny mechanizm działania stron spamerskich ipotencjalnie niebezpiecznych, które chcą doprowadzić dopobrania przeznieświadomego użytkownika szkodliwego kodu czyoprogramowania.

Napalcach jednej ręki można policzyć tych, którymnakomórce nigdy nieotworzyła się niechciana zakładka iniemusieli się zastanawiać, czyprzypadkiem niebędzie tomiało negatywnych konsekwencji.

Niedziwi zatem, żeGoogle stara się wykluczać zwyników wyszukiwania iniepromować nawysokich pozycjach wSERPach stron, które niesąwpełni przyjazne dla internautów, stąd też konieczność ich stałej analizy podtym kątem.

Jak sprawdzić czystrona wymaga optymalizacji podCore Web Vitals?

Istnieje wiele narzędzi, dzięki którymprzeanalizujesz wskaźniki CWV strony. Najpopularniejsze znich to: PageSpeed Insights, Google Search Console, Google Web Developer, Lighthouse, GTmetrix iWebPageTest.

PageSpeed Insights (PSI)

Odniedawna znajdziesz jepodadresem https://pagespeed.web.dev/. Narzędzie toprezentuje dwa zestawy danych – laboratoryjne orazdane rzeczywiste (odzwierciedlające dane zgromadzone przezGoogle odrealnych użytkowników odwiedzających analizowany adres wokresie ostatnich 28 dni).

Wpasku narzędziowym wystarczy dodać adres strony, którą chcemy przetestować ipoczekać naprezentację wyników. Otrzymamy jejako zestaw wskaźników dla wersji mobilnej idesktopowej. Jeśli dla danej strony Google niezgromadził dotychczas odpowiedniej ilości danych rzeczywistych, PSI przedstawi tylkodane laboratoryjne.

PageSpeed Insights sprawdza wyłącznie wskaźniki CWV dla wprowadzonego wpasku adresu, niedla całej witryny. Dlatego, aby jak najlepiej poznać wydajność poszczególnych sekcji strony, należy przetestować wyrywkowo kilkanaście stron, np.tych zktórychużytkownicy odwiedzają najczęściej (popularne kategorie produktowe, blog, cennik usług), nietylkosamą stronę główną.

Google Search Console

Właściciele stron znajdą również raport owskaźnikach CWV wnarzędziu Google Search Console wdziale “Podstawowe wskaźniki internetowe”, któryjest częścią kategorii “Eksperymenty ipersonalizacja”.

Podobnie jak PageSpeed Insights, Google Search Console prezentuje odrębne wyniki wskaźników CWV naurządzeniach mobilnych idesktopowych.

Wprzeciwieństwie jednak doPSI, które pozwala analizować pojedyncze adresy strony, Google Search Console raportuje całe grupy stron, które spełniają lub niespełniają konkretnych standardów CWV, przy czym zgóry grupuje razem adresy, które według zebranych odużytkowników danych mogą mieć podobną przyczynę problemu zwydajnością.

Google Web Developer wChrome

Powejściu nastronę iwciśnięciu klawisza funkcyjnego F12, przeglądarka Chrome udostępnia panel Google Web Developer, gdzie wzakładce “Wydajność” (Performance) można jąprzetestować wwersji desktopowej orazwróżnych ustawieniach mobilnych. Wten sposób można uzyskać szczegółowe informacje oelementach, które wpływają nawynik wskaźników CWV.

Dodatkowo wGoogle Web Developer znajduje się również inne bardzo popularne narzędzie dotestów laboratoryjnych, czyli Lighthouse.

Lighthouse

Tonarzędzie jest szczególnie lubiane przeztwórców stron internetowych, ponieważ umożliwia nietylkoszybką analizę strony podkątem wydajności iużyteczności, alejednocześnie wskazuje, czystrona jest zoptymalizowana podkątem SEO iczyniemaproblemów zułatwieniami dostępu czybezpieczeństwem.

Lighthouse – podobnie jak Google Web Developer – umożliwia testy wwersji mobile idesktop. Jeśli korzystasz zjakichkolwiek wtyczek doprzeglądarki Chrome ichcesz przeprowadzić test wLighthouse, rekomenduję wykonać gowtrybie incognito, aby uniknąć ewentualnego przekłamania wyników.

Zaletą Lighthouse jest łatwość użycia orazbardzo jasna prezentacja wyników, umożliwiająca ich zrozumienie nawet osobom dopiero zaczynającym swoją karierę jako projektant stron lub specjalista SEO.

Ponadto narzędzie tojest stale aktualizowane przezzespół programistów Google, więcniemaobaw, żebędzie prezentowało wyniki oparte nanieobowiązujących już wytycznych.

Zamiast korzystać znarzędzia Lighthouse przezGoogle Web Developer, można pobrać jewsklepie Google jako rozszerzenie doprzeglądarki imieć zawsze podręką czyraczej “na jedno kliknięcie”, wpasku narzędziowym.

Informacje owynikach wskaźników CWV strony, zaprezentowane iopisane identycznie jak wnarzędziu Lighthouse, można uzyskać również podadresem https://web.dev/measure/.

GTmetrix iWebPageTest

Tomniej popularne narzędzia dolaboratoryjnych testów wskaźników Core Web Vitals. Znajdziemy jeodpowiednio podadresem https://gtmetrix.com/ ihttps://www.webpagetest.org/ . Pierwsze znich – podobnie jak PageSpeed Insights – sprawdza wskaźniki wyłącznie dla adresu podanego przeztestującego. Zmiana opcji analizy (typ urządzenia ilokalizacja) wymaga jednak założenia konta ilogowania się doserwisu, aprzetestowanie strony wwersji namobile (narzeczywistych urządzeniach) wymaga już wykupiona wersji PRO.

Drugie narzędzie udostępnia większą ilość opcji bezpotrzeby logowania, jednak przeprowadzenie testu zaawansowanego może trwać nanim dość długo przy bardziej rozbudowanych stronach.

Narzędzia pokazują dobre wyniki wskaźników CWV? Toświetnie, ale…

…warto zwrócić uwagę nafakt, żewyniki uzyskane przezdewelopera strony podczas jej tworzenia itestowania jej użyteczności, wtym także wskaźników CWV, rzadko będą idealnie pokrywać się zpóźniejszymi wynikami gromadzonymi ianalizowanymi przezGoogle. Dlaczego?

Ztejprostej przyczyny, żedadzą wyniki właściwe dla jakości połączenia internetowego orazsprzętu, naktórympracuje web developer orazkilku możliwych ustawień, które oferuje narzędzie, zktóregokorzysta wdanej chwili.

Testy projektowanej strony wwarunkach laboratoryjnych (czyli tewykonywane m.in.poprzez narzędzia Lighthouse, WebPageTest czyDevTools wprzeglądarce Chrome) pozwolą nawykluczenie oczywistych błędów mających wpływ nadoświadczenia użytkowników, jednak nigdy niegwarantują, żepouruchomieniu strona sprawdzi się taksamo wkażdym innym środowisku uodbiorców docelowych.

Tymczasem Google ocenia stronę napodstawie danych zbieranych wczasie rzeczywistym odfaktycznych użytkowników odwiedzających stronę, którzykorzystają zniej wróżnych środowiskach, tj.naróżnych urządzeniach mobilnych, ekranach różnej rozdzielczości, korzystając raz zszybszych, innym razem słabszych połączeń internetowych (Wi-Fi, danych komórkowych czyświatłowodowych).

Przykładowo, nawynik wskaźnik LCP mogą wpłynąć opóźnienia serwera postronie użytkownika, naktóre web developer niemaprzecież wpływu. Zkolei wskaźnik CLS może zwracać różne wyniki nietylkozewzględu narozdzielczość ekranów urządzeń, alerównież wtedy, gdyużytkownik korzysta zwtyczek blokujących reklamy, comoże znacząco zmienić ostateczny układ strony, którą widzi odwiedzający.

Tym samym narzędzia dotestów laboratoryjnych sąświetnym punktem wyjściowym doanalizy potencjalnych błędów ioptymalizacji strony podkątem CWV, jednakże nigdy niedają 100% pewności, żealgorytmy Google ocenią stronę wten sam sposób.Dobrze jest też sprawdzić wskaźniki CWV strony wkilku narzędziach, gdyżrozbieżność wyników między nimi może być znacząca. Dane najbliższe rzeczywistego stanu otrzymamy zPageSpeed Insights czyinformacji zawartych wdziale Podstawowe wskaźnike internetowe wGoogle Search Console, aledopiero poopublikowaniu strony ipozgromadzeniu przezGoogle wystarczającej ilości danych pozwalających tym narzędziom nasporządzenie pełnego raportu.