Coraz trudniejszym zadaniem dla Google jest ilościowe określenie jakości obsługi witryny, co doprowadziło do stworzenia i rozwoju narzędzi do pomiaru każdego aspektu doświadczenia użytkownika. Narzędzia często używane do mierzenia wygody użytkownika w witrynie to PageSpeed Insights, Lighthouse i Google Search Console .
Aby ułatwić webmasterom monitorowanie i ulepszanie doświadczeń użytkowników, Google opublikował 5 maja 2020 r. w Google Search Console raport „ Core Web Vitals ” . Raport czerpie dane z silnika Web Vital, upraszczając środowisko sieciowe do trzech jednorodnych metryk. Google określa je jako „trzy najważniejsze wskaźniki dotyczące wszystkich doświadczeń internetowych”.
Aktualizacja ma na celu ułatwienie webmasterom i właścicielom witryn ulepszanie ich witryn bez konieczności zatrudniania guru wydajności lub przechodzenia przez liczne złożone raporty analityczne . Ma również na celu pomóc Google w rankingu witryn pod kątem ich UX w wyszukiwaniach.
Co to są kluczowe wskaźniki internetowe?
Trzy podstawowe wskaźniki internetowe reprezentują trzy różne fazy doświadczenia użytkownika: ładowanie, interaktywność witryny i stabilność wizualną zawartości strony internetowej. Te trzy zostały zaprojektowane tak, aby były wymiernymi i konsekwentnymi ulepszeniami tych wskaźników, które ostatecznie poprawiają wrażenia użytkownika w „rzeczywistym świecie”.
Korzystając z konsoli wyszukiwania Google, możesz przeanalizować witrynę, aby zobaczyć, ile adresów URL ma status „słaba”, „wymaga poprawy” lub „dobra”. Dzięki temu analityka jest wystarczająco prosta, aby początkujący webmasterzy i właściciele witryn mogli zrozumieć raport skuteczności .
Jakie dane są mierzone w Core Web Vitals?
Według Google trzy omówione poniżej wskaźniki są używane jako podstawowe wskaźniki internetowe. Jednak Google stwierdził również, że te dane będą ewoluować w czasie, dlatego ważne jest, aby być na bieżąco z najnowszymi danymi od Google. Trzy metryki to;
- Największy ból treściowy (LCP)
- Zbiorcza zmiana układu (CLS)
- Opóźnienie pierwszego wejścia (FID)
Największa zawartość farby (LCP)
LCP mierzy wydajność ładowania jako pierwszy wskaźnik analizowany w istotnych elementach dowolnej witryny internetowej; średni czas potrzebny do załadowania największego elementu treści strony do widocznego obszaru.
Rozmiar elementu zależy przede wszystkim od jego widocznego rozmiaru dla użytkownika w rzutni. Wszelkie treści znajdujące się poza widocznym obszarem użytkownika, przycięte lub niewidoczne, nie będą brane pod uwagę przy określaniu rozmiaru elementu. Dodatkowo, tylko określone kategorie elementów są brane pod uwagę jako część LCP:
- Elementy obrazu
- Elementy z obrazami tła, które są ładowane za pomocą funkcji URL zamiast gradientu CSS
- Elementy obrazu wewnątrz elementu SVG
- Elementy wideo
- Elementy blokowe zawierające węzły tekstowe lub dowolne inne elementy na poziomie śródliniowym
Ponieważ największy element na stronie może się zmieniać podczas wczytywania strony, Google bierze pod uwagę najnowszy, największy element do momentu pełnego załadowania strony lub rozpoczęcia interakcji użytkownika z zawartością strony.
Opóźnienie pierwszego wejścia (FID)
- FID to wskaźnik mierzący interaktywność witryny. Mierzy czas, jaki potrzebuje przeglądarka, aby odpowiedzieć na kliknięcie przycisku, linku lub kontrolki obsługiwanej przez JavaScript przez użytkownika.
- Czasami jednak główny wątek jest zajęty i nie może odpowiadać na polecenia użytkownika. Nazywa się to opóźnieniem wejściowym, które często jest spowodowane zbyt dużą ilością pracy przeglądarki użytkownika na obsłudze ciężkich plików JavaScript. Gdy przeglądarka znajduje się w opóźnieniu wejścia, pojawia się opóźnienie między wejściem a akcją.
- Opóźnienie pierwszego wejścia ma na celu skupienie się wyłącznie na zdarzeniach nakazanych przez użytkownika, takich jak stuknięcia, kliknięcia i naciśnięcia przycisków, zamiast na interfejsach na stronie, takich jak powiększanie i przewijanie.
Zbiorcza zmiana układu (CLS)
Czy kiedykolwiek dzieliło Cię jedno kliknięcie od wybrania obrazu, filmu lub linku na stronie, który nagle wstrząsa, aktualizuje lub przesuwa się i nagle znajdujesz się w AppStore? Ten ruch/wstrząs jest spowodowany skumulowanym przesunięciem układu lub w kategoriach laika; jak bardzo strona się przesuwa podczas ładowania. Google zdecydowanie zamierza zapobiegać CLS.
Przeglądarka mierzy CLS, oceniając dwie oddzielne klatki pod kątem ich rozmiarów okien ekranu względem ruchu niestabilnych elementów w okienkach ekranu. Wynik jest iloczynem funkcji odległości i funkcji uderzenia. Zasadniczo Google będzie w stanie stwierdzić, kiedy elementy na stronie przesuną się za daleko i umieścić je niżej na stronach wyników wyszukiwania.
Jakich narzędzi możesz użyć do optymalizacji podstawowych funkcji internetowych?
Ponieważ trzy podstawowe wskaźniki internetowe są integralnym elementem aktualizacji Page Experience, Google uwzględnia metryki w narzędziach powszechnie używanych do optymalizacji stron przez webmasterów i SEO. Ponieważ wszyscy musimy mierzyć sukces kluczowych wskaźników internetowych naszych witryn, słuszne jest tylko uzyskanie odpowiednich narzędzi do pracy.
BEZPŁATNA ANALIZA SEO
Statystyki PageSpeed
Google PageSpeed Insights to jedno z najczęściej używanych narzędzi do pomiaru szybkości strony. Oprócz tego, że webmaster może zobaczyć wynik swojej strony, zawierają one również podstawowe wskaźniki sieciowe, które są pomocne dla użytkownika, ponieważ dają mu wgląd w to, jak dobra jest strona.
PageSpeed Insights to doskonałe narzędzie do mierzenia sukcesu działań SEO . Jednak nie jest to najlepsza opcja, jeśli zamierzasz zoptymalizować swoją witrynę pod kątem podstawowych wskaźników internetowych, ponieważ w narzędziu brakuje wielu szczegółów. Na przykład, aby sprawdzić strony, które wymagają ulepszeń w zakresie określonych podstawowych wskaźników internetowych, musisz wrócić do konsoli wyszukiwania Google .
Konsola wyszukiwania Google
Gdy chcesz sprawdzić konkretną stronę pod kątem jej podstawowych parametrów internetowych, po prostu zaloguj się do Google Search Console swojej witryny i wybierz przycisk Web Core Vitals na pasku bocznym konsoli, a pojawi się raport.
Jeśli chcesz sprawdzić raport, kliknij „Typ”, a Google Search Console pokaże Ci strony, które aktualnie wykonują „Zły”, „Wymaga poprawy” lub „Dobry”. Po zidentyfikowaniu stron, które wymagają optymalizacji pod kątem podstawowych wskaźników internetowych Google, możesz teraz przejść do korzystania z PageSpeed Insights, aby wyświetlić sugestie dotyczące optymalizacji tych konkretnych stron.
Raport wrażenia użytkownika Chrome
Ten raport o doświadczeniach użytkowników Chrome zawiera rzeczywiste dane o tym, jak użytkownicy Chrome postrzegają strony internetowe.
Wskaźniki są oparte głównie na rzeczywistych danych. Raport porównuje doświadczenia rzeczywistych użytkowników strony internetowej z lokalnymi lub wirtualnymi testami w symulowanych i zdefiniowanych środowiskach. Dzięki temu porównaniu będziesz mógł wyraźnie zobaczyć zestaw zmiennych, które tworzą i prowadzą do dobrego doświadczenia użytkownika.
Narzędzia programistyczne Chrome
Chrome Dev Tools to zestaw narzędzi do tworzenia witryn internetowych, które są wbudowane w Google Chrome. Dzięki tym narzędziom możesz szybko edytować strony internetowe w locie i naprawiać błędy, aby szybciej tworzyć wysokiej jakości witryny.
Ponadto Chrome Dev Tools pozwala właścicielowi witryny lub webmasterowi znaleźć i rozwiązać problemy dotyczące niestabilności wizualnej na stronie internetowej, które mogą powodować skumulowane przesunięcie układu (CLS).
Rozszerzenie Web Vitals
Wskaźniki Core Web Vitals są również dostępne dla webmasterów i właścicieli witryn w nowym rozszerzeniu. Zapewniając informacje zwrotne w czasie rzeczywistym na temat wszystkich trzech kluczowych wskaźników internetowych, to rozszerzenie jest zgodne z testami i raportami Chrome wykorzystującymi dane z Google i innych narzędzi. Pomoże to nie tylko webmasterowi diagnozować jego strony internetowe w ruchu, ale także pomoże w pomiarze wydajności stron konkurencji, które chcesz dopasować lub pokonać. Dzięki rozszerzeniu Web Vitals możesz zaoszczędzić czas, szybciej dostosować się do sytuacji na rynku i zwiększyć wydajność swoich poleceń.
Jak analizować kluczowe wyniki dla komputerów stacjonarnych i mobilnych?
Możesz uzyskać dostęp do niezależnej analizy w Web Vitals między urządzeniami stacjonarnymi / laptopami a urządzeniami mobilnymi. W niektórych narzędziach omówionych powyżej możesz uruchomić test lub zapytanie na określonej kategorii urządzeń, a gdy oba są dostępne w tym samym narzędziu (np. Google PageSpeed Insights), możesz łatwo przełączać się między nimi. Domyślnym ustawieniem PageSpeed Insights są statystyki urządzeń mobilnych. Aby zobaczyć różnicę między obiema kategoriami urządzeń na swoich stronach, musisz przejść na kartę komputerową.
Konsola wyszukiwarki Google zawiera teraz podstawowe dane dotyczące kluczowych wskaźników internetowych, gdy dostępne są dane dotyczące wrażeń użytkownika Chrome. Podczas uzyskiwania dostępu do Core Web Vitals obie kategorie urządzeń są wyświetlane na pulpicie konsoli Google. W tym miejscu możesz wyświetlić grupy stron, w których występują problemy.
Aby wyświetlić wyniki Web Vital na komputerach i urządzeniach mobilnych w nowym raporcie dotyczącym wrażeń użytkowników przeglądarki Chrome (CrUX), musisz skonfigurować „komputer” lub „telefon” jako czynniki postaci urządzenia w instrukcjach SQL.
Jaki wynik jest dobry w Core Web Vitals?
Poza oceną trzystopniową („Słaba”, „Wymaga poprawy” i „Dobra”), Google definiuje każdą ocenę z ustalonym progiem, aby wspomóc rozwój webmasterów. Następujące progi określają każdy żywot:
- Największe malowanie treści (LCP) : Aby zapewnić dobre wrażenia użytkownika, LCP powinno nastąpić w ciągu 2,5 sekundy ładowania strony.
- Opóźnienie pierwszego wejścia (FID) : strony powinny mieć mniej niż 100 milisekund FID, aby zapewnić dobre wrażenia użytkownika na stronie.
- Kumulatywne przesunięcie układu (CLS) : aby zapewnić użytkownikom dobre wrażenia, strony powinny zachowywać mniej niż 0,1 CLS.
Aby mieć pewność, że Twoje strony osiągają zalecane wyniki, Google zaleca mierzenie 75 percentyla wczytywania stron na platformach mobilnych i stacjonarnych.
Czy kluczowe wskaźniki internetowe wpłyną na moje oceny w wyszukiwarce Google?
Twój wynik w Core Web Vitals wpłynie na Twoją ocenę wyszukiwania od 2021 r. Obecnie strony nie są oceniane za pomocą Core Web Vitals. W 2021 r. Core Web Vitals dołączy do bezpieczeństwa, przyjazności dla urządzeń mobilnych, bezpieczeństwa i braku wyskakujących okienek jako sygnałów do pomiaru ogólnego doświadczenia użytkownika na stronie. Webmasterzy i właściciele mają 6 miesięcy wypowiedzenia, zanim Google zacznie używać Core Web Vitals jako sygnału rankingowego. Możesz jednak mierzyć i poprawiać metryki już teraz.
Wskazówki, jak poprawić swój wynik Core Web Vitals
Większości typowych poprawek ogólnej szybkości strony będzie również towarzyszył element poprawy podstawowych wskaźników internetowych Twojej strony. Według Google możesz poprawić swoje kluczowe wskaźniki internetowe poprzez:
- Zmniejszenie rozmiaru strony do mniej niż 500 KB
- Ograniczenie zasobów strony do 50 w celu poprawy wydajności mobilnej
- Używanie AMP do poprawy szybkości ładowania strony
Web.dev zawiera wskazówki dotyczące konkretnych wskaźników kluczowych wskaźników internetowych, które są świetnym źródłem, z którego każdy webmaster zajmujący się SEO lub tworzeniem witryn internetowych powinien często korzystać:
- Optymalizacja LCP
- Optymalizacja FID
- Optymalizacja pod kątem CLS
Możesz też użyć narzędzia do testowania PageSpeed Insights, aby monitorować wprowadzane zmiany. Jest pod tym względem doskonały, ponieważ umożliwia weryfikowanie zmian podstawowych wskaźników internetowych na stronie raportu.
Od dawna użytkownicy PageSpeed Insights mogą już znać podobne dane, z których większość na pewno pozostanie. Core Web Vitals jest zwieńczeniem tych wskaźników i ma na celu wyjście z nimi ze złożoności środowiska programisty. Podstawowe wskaźniki internetowe są łatwe do przebicia się przez szum i zapewniają przejrzystość wśród mniejszej liczby i większych metryk do naśladowania.
Dane laboratoryjne a dane terenowe
W zależności od dostępnych warunków wyniki mogą się bardzo różnić, dosłownie zmieniając się, gdy użytkownicy poruszają się po stronach. Niezbędne jest, aby wiedzieć, w jaki sposób każdy wynik jest zestawiony w tabeli w określonym środowisku. Jednak wyniki można zinterpretować dopiero po ustaleniu, czy dane były danymi terenowymi, czy laboratoryjnymi.
Podstawowe dane laboratoryjne Web Vitals są gromadzone przy użyciu interfejsu API przeglądarki jako liczniki zdarzeń ładowania strony i matematyczne szacunki symulujące interaktywność użytkownika. Podczas gdy dane pola Core Web Vitals składają się z podobnych metryk, są one gromadzone na podstawie rzeczywistych doświadczeń użytkowników podczas nawigacji po stronach internetowych, podczas gdy wynikowe wartości licznika zdarzeń są przesyłane do repozytorium.
Korzystając z PageSpeed Insights, Chrome Dev Tools i nowego rozszerzenia przeglądarki Web Vitals Chrome, zarówno programiści, jak i specjaliści SEO mają dostęp do danych laboratoryjnych w czasie rzeczywistym. Zliczając czasy skryptu blokującego wątki, PSI i WebPage Test generują wyniki interaktywności Twojej strony na podstawie zdarzeń wczytywania strony.
Te laboratoryjne narzędzia danych są nieocenione w przepływie pracy w raportowaniu, a także w poprawianiu wyników Core Web Vitals i powinny zawsze znajdować się w Twoim arsenale SEO. Jeśli nie zauważysz problemów w danych terenowych, te dane laboratoryjne mogą być również wszystkim, czego potrzebujesz jako programista, jeśli Twoja witryna jest oparta tylko na kilku szablonach.
Biblioteka Web Vitals JavaScript może być również przydatna w przepływie pracy, jeśli jest używana jako potok testowy. Biblioteka jest dostępna za pośrednictwem CDN i może być włączona do produkcji HTML i skonfigurowana do przesyłania niezależnie zebranych danych terenowych do centrów zestawiania w celu uzyskania raportów.
Lighthouse oferuje webmasterowi różne punkty dostępu, które są szczególnie przydatne w pracy programistycznej. Zawiera kilka testów, które pomagają zapewnić przestrzeganie ustalonych standardów internetowych. Lighthouse może również pomóc w debugowaniu sytuacji, w których rozwiązujesz problemy związane z Core Web Vitals.
Porównanie danych terenowych z wynikami laboratoryjnymi
Chrome, Firefox, Safari, Opera mini i inne nowoczesne przeglądarki mierzą, jak użytkownicy w czasie rzeczywistym korzystają z Twoich witryn na swoich urządzeniach za pomocą wbudowanego interfejsu API JavaScript. Jak wspomniano, Google zbiera i raportuje swoje dane terenowe od użytkowników Chrome za pośrednictwem raportu CrUX, używając czasami tych samych interfejsów API przeglądarki.
O wiele łatwiej jest uzyskać dostęp do rzeczywistych danych pola, gdy potwierdzisz, że Twoje strony zawierają dane pola w CrUX. Odbywa się to poprzez weryfikację własności swojej witryny w Google Search Console. Panel Search Console wyświetla dane pól w interfejsie, który umożliwia drążenie za pomocą kliknięć zamiast pisania zapytań SQL.
Alternatywnie możesz użyć PSI, który wykorzystuje dane terenowe sięgające do 28 dni. Interfejs API, który kieruje raportem aktualności, to niezależna biblioteka JavaScript typu open source, którą można wprowadzić do przepływu pracy programistycznej lub użyć do sterowania pulpitem nawigacyjnym aplikacji. PSI może również służyć jako samodzielna aplikacja, w której programista stworzył już zgrabny frontend dla aplikacji.
Jak rozwiązywać problemy z raportowaniem wskaźników internetowych
Ze względu na charakter niektórych harmonogramów raportów i sposób gromadzenia danych należy zweryfikować dane laboratoryjne, skorelując je z danymi terenowymi i debugując rozbieżności. Na przykład kolejne wczytywanie stron może różnić się wynikami podczas monitorowania wskaźników internetowych za pomocą rozszerzenia. Powodów może być kilka.
Przeglądarka ma możliwość łączenia interaktywnych wartości za pośrednictwem rozszerzenia podczas przeglądania strony w sposób podobny do rzeczywistych danych pola. Korzystając z własnej pamięci podręcznej, Twoja przeglądarka może również szybciej zbierać zasoby podczas odświeżania.
Aby uzyskać najdokładniejsze dane i wyniki lokalne podczas optymalizacji pod kątem Core Web Vitals za pomocą Narzędzi dla deweloperów Chrome i rozszerzenia Web Vitals, pamiętaj o wyczyszczeniu pamięci podręcznej lub ominięciu jej, naciskając shift-refresh w przeglądarce internetowej w swoim przepływie pracy. Kolejną genialną wskazówką jest załadowanie strony „o pustej” przed rozpoczęciem sesji monitorowania wydajności i nagrywania w Dev Tools, aby rozpocząć pisanie raportu.
Dane terenowe i laboratoryjne są zazwyczaj bardzo podobne i nie bez powodu. Za każdym razem, gdy wprowadzisz jakiekolwiek znaczące zmiany w którymkolwiek z nich, Twoje wyniki laboratoryjne będą wyprzedzać dane z pola lub odwrotnie. W związku z tym, jeśli zauważysz, że Twoje testy w terenie kończą się niepowodzeniem, a już poprawiłeś wyniki laboratoryjne, musisz albo uzbroić się w cierpliwość, aby dane z pola nadrobiły zaległości z danymi laboratoryjnymi, albo przekazać dane z pola niezależnie za pośrednictwem usługi Analytics, aby zweryfikuj to.
Chociaż może wydawać się dość oczywiste, że CLS jest najtrudniejszym wynikiem danych pola do dopasowania lokalnie, niekoniecznie tak jest. Możesz użyć rozszerzenia Chrome, aby ustawić opcję przyklejenia nakładki Core Web Vitals, a następnie możesz obserwować zmiany wyników podczas nawigacji i interakcji ze stroną.
To samo działa dla FID. Twój wynik staje się interakcją na pierwszej stronie (przewijanie, kliknięcie, powiększanie lub wprowadzanie z klawiatury) po dodaniu zadań blokujących wątki do chwili.
Bardzo szczegółowe informacje dostępne w Chrome Dev Tools umożliwiają rozwiązywanie problemów z CLS na poziomie miniatury z odtwarzaniem i nagrywaniem wydajności. Kliknij sekcję „Doświadczenie”, która wyświetla przesunięcia CLS w nagraniu. Możesz również podświetlić przesunięcia na wyświetlaczu, używając ustawienia, które powoduje miganie elementów na niebiesko, gdy się przesuwają i zapisuje je w wynikach.
Drobne wskaźniki internetowe
Chociaż LCP, FID i CLS są uważane za kluczowe wskaźniki internetowe, istnieje kilka innych pomniejszych wskaźników, które można wykorzystać do zapewnienia doskonałego doświadczenia użytkownika. Są one popularnie nazywane Minor web Vitals lub po prostu web Vitals.
- Czas do pierwszego bajtu : TTFB to czas potrzebny przeglądarce na odebranie pierwszego bajtu zawartości strony
- Czas na interaktywność : TTI to czas potrzebny stronie na załadowanie swoich zasobów podrzędnych i możliwość reagowania na polecenia użytkownika.
- Całkowity czas blokowania : TBT zajmuje się czasem między FCP a TTI, gdy w wątku wystąpił całkowity blok, uniemożliwiając stronie reagowanie na dane wejściowe użytkownika.
Wniosek końcowy
Optymalizacja pod kątem Core Web Vitals z pewnością będzie wielką sprawą, jeśli chcesz, aby Twoje strony znalazły się wysoko w SERP w nadchodzącym roku. Ponieważ trzy podstawowe kluczowe informacje są w swej istocie techniczne, może być wielu webmasterów, którzy mają mniejszą wiedzę w tym konkretnym aspekcie.
Jest jednak wielu programistów i doświadczonych ekspertów technicznych SEO , którzy pomogą Ci w tym zakresie. Mamy nadzieję, że przedstawiliśmy Ci jasny wgląd w Google Web Core Vitals.