Podstawowe wskaźniki internetowe: definicja, wprowadzenie do LCP, FID i CLS oraz wskazówki dotyczące optymalizacji podstawowych wskaźników internetowych

Rok 2021 jest niezwykły pod wieloma względami. Wyszukiwarki ewoluowały i stały się bardziej konkurencyjne niż kiedykolwiek wcześniej. Google planuje wprowadzić nowe, zmieniające zasady gry metryki rankingu stron internetowych w swojej wyszukiwarce. Dobry UX i wrażenia na stronie staną się kluczowym czynnikiem w rankingu – wszystko dzięki nowo wprowadzonym i wkrótce udostępnionym kluczowym elementom sieciowym Google.

Wraz z przewidywanym wprowadzeniem podstawowych funkcji internetowych Google pod koniec tego roku, coraz ważniejsze staje się dla firm nadrabianie zaległości i optymalizowanie swoich stron internetowych zgodnie z tym czynnikiem rankingowym.

Jeśli nie wiesz, czym są kluczowe wskaźniki internetowe, z czego się składają i co możesz zrobić, aby zoptymalizować kluczowe wskaźniki internetowe swojej witryny, czytaj dalej. Ten blog jest dla Ciebie.

W tym blogu omówimy od A do z kluczowych informacji o sieci i pomożemy Ci zoptymalizować Twoją stronę internetową pod tym samym kątem. Zaczynajmy.

Co to są podstawowe wskaźniki internetowe?

Źródło obrazu: web.dev

Podstawowe wskaźniki internetowe to sygnały rankingowe lub zestaw kryteriów i danych używanych przez Google do oceny ogólnego zadowolenia użytkowników Twojej witryny. Podstawowe wskaźniki internetowe Google oceniają szybkość, responsywność i stabilność wizualną Twojej witryny oraz istniejące sygnały dotyczące wygody użytkownika, aby ocenić ogólne wrażenia ze strony i przyjazność dla użytkownika.

Google planuje uruchomić ten nowy sygnał rankingowy, próbując ulepszyć sposób, w jaki analizuje ogólne wrażenia zapewniane przez Twoją stronę. Kulminacja tych danych zostanie zebrana razem przez tę wyszukiwarkę, aby ustawić Twoją witrynę w jej SERPS.

Im wyższy ranking Twojej witryny, tym wyższa będzie jej widoczność. Ponieważ jakość strony staje się ważnym elementem rankingu, nieuniknione jest zwracanie na to uwagi. Aby sprawdzić podstawowe dane dotyczące witryny internetowej, poszukaj sekcji „ulepszenia” na koncie Google Search Console.

Dlaczego kluczowe wskaźniki internetowe są ważne?

Podstawowe wskaźniki internetowe to sygnały rankingowe, które są częścią wyniku Google „jakość strony”. Jest to ważne, ponieważ Google sprawia, że ​​jakość strony jest oficjalnym czynnikiem rankingowym w Google.
Źródło obrazu: backlinko.com

Oto kilka powodów, dla których kluczowe informacje dotyczące sieci są ważne i dlaczego powinny mieć dla Ciebie znaczenie:

• Jest to ogromna szansa na ranking dla nadchodzących witryn, które mogą w pełni wykorzystać tę nową zmianę w ocenie rankingu Google na wczesnym etapie.
• W wojnie między dwiema witrynami o podobnej jakości treści i rankingu witryn, jakość strony może mieć ogromne znaczenie.
• Kluczowe wskaźniki sieciowe stają się teraz coraz bardziej krytyczne, ponieważ witryny, które cieszyły się niezrównanymi rankingami w SERP Google, są teraz narażone na ryzyko utraty obecnego rankingu na rzecz równie konkurencyjnych witryn, jeśli nie spełniają nowych standardów obsługi strony.

Biorąc to wszystko pod uwagę, należy pamiętać, że ocena jakości strony to tylko jeden z około 200 czynników rankingowych, które Google wykorzystuje do pozycjonowania witryn.

Aby wyprzedzić konkurencję i cieszyć się przewagą w rankingu nad innymi, powinieneś stale optymalizować swoją istniejącą strategię SEO na stronie i poza nią, jednocześnie optymalizując kluczowe elementy witryny internetowej. Chociaż nie stracisz swojego rankingu z dnia na dzień, z pewnością możesz zwiększyć swoje szanse w rankingu, z wyprzedzeniem optymalizując kluczowe elementy sieci.

Trzy sygnały kluczowych wskaźników internetowych:

Źródło obrazu: web.dev

Trzy najważniejsze pomiary szybkości strony i interakcji użytkowników uwzględnione przez Google w ramach oceny podstawowych wskaźników internetowych obejmują:

• Największa zawartość farby (LCP)
• Opóźnienie pierwszego wejścia (FID)
• Zbiorcza zmiana układu (CLS)

Sygnał 1: Największa zawartość farby (LCP): sprawdza wydajność ładowania

LCP to pierwszy kluczowy wskaźnik sieciowy używany przez Google do obliczania oceny jakości strony. Mierzy wydajność ładowania Twojej strony internetowej.

Największy contentful paint lub LCP można zdefiniować jako czas potrzebny do załadowania strony w witrynie z perspektywy rzeczywistego użytkownika. Krótko mówiąc, czas, jaki zajmuje użytkownikowi od kliknięcia linku do wyświetlenia większości treści witryny na ekranie, nazywa się LCP.

LCP skupia się na tym, co naprawdę ma znaczenie, jeśli chodzi o szybkość strony, tj. zdolność użytkownika do oglądania Twojej strony i interakcji z nią bez przeszkód.

Aby sprawdzić swój wynik LCP, skorzystaj z Google Page Speed ​​Insights. Wszystko co musisz zrobić to:

• Odwiedź narzędzie Google Page Speed ​​Insights .
• Wpisz swoją witrynę w polu wyszukiwania.
• Kliknij Analizuj.

Po kliknięciu „analizuj”, Google pokaże Ci wyczerpujący raport dotyczący Twojej bieżącej strony. Przejrzyj go, aby poznać luki w swojej witrynie. Wyniki dadzą Ci również wgląd w wydajność Twojej strony internetowej w świecie rzeczywistym na podstawie danych przeglądarki Chrome.

Możesz też bezpośrednio przeglądać dane LCP w Google Search Console (GSC). Zalecamy korzystanie z Google Page Speed ​​Insights z następujących powodów:

• W PageSpeed ​​Insights otrzymasz raport pojedynczej strony internetowej, którą wpisałeś na pasku wyszukiwania do analizy. W konsoli wyszukiwania zobaczysz dane LCP całej swojej witryny.
• Dzięki Google Search Console otrzymasz pełną listę adresów URL w swojej witrynie, które są dobre, złe lub gdzieś pomiędzy.
• Wytyczne Google dotyczące LCP klasyfikują LCP Twojej witryny jako „dobre”, „słabe” i „wymaga poprawy”.

Idealny pomiar LCP trwa 2,5 sekundy lub szybciej. Im szybciej ładuje się główna treść Twojej strony, tym lepszy jest Twój wynik LCP. Może to stanowić wyzwanie, jeśli masz dużą witrynę z dużymi stronami i wieloma funkcjami.

Sygnał 2: Opóźnienie pierwszego wejścia (FID): Sprawdza interaktywność / responsywność

Opóźnienie pierwszego wejścia to drugi kluczowy element sieci Google. Mierzy interaktywność.

Mówiąc prościej, opóźnienie pierwszego wejścia (FID) odnosi się do czasu potrzebnego, aby strona stała się interaktywna. Można powiedzieć, że mierzy czas potrzebny na wykonanie czynności na stronie. Dokładniej, mierzy czas, jaki zajmuje użytkownikom zrobienie czegoś na Twojej stronie.

Idealny pomiar FID to mniej niż 100 ms.

Oto kilka przykładów interakcji na stronie, które są obliczane dla oceny FID:

• Czas potrzebny użytkownikowi na wybranie opcji z menu.
• Czas potrzebny użytkownikowi na wprowadzenie adresu e-mail w polu.
• Czas potrzebny użytkownikowi na kliknięcie łącza w nawigacji witryny.

W przypadku witryn biznesowych, które zbierają dane użytkowników lub proszą o dane logowania, punktacja FID jest niezwykle istotna.

Sygnał 3: Łączna zmiana układu (CLS): sprawdza stabilność wizualną

Cumulative Layout Shift (CLS) to kluczowy element sieci, który mierzy stabilność wizualną. Jest to metryka, która oblicza wszystkie zmiany układu, które nie są spowodowane interakcją użytkownika. Innymi słowy, możemy powiedzieć, że ta metryka uwzględnia wizualną stabilność strony podczas jej wczytywania.

Jeśli więcej elementów na Twojej stronie porusza się podczas ładowania strony, tym wyższy będzie Twój CLS. Im mniej elementów porusza się podczas ładowania strony, tym niższy CLS.

Im niższy CLS, tym lepszy wynik strony.

Wynik CLS mniejszy niż 0,1 jest uważany za idealny dla strony internetowej, więc upewnij się, że kierujesz go na ten cel, jednocześnie optymalizując witrynę pod kątem optymalnej jakości strony.

Jak zoptymalizować trzy kluczowe wskaźniki internetowe (LCP, FID, CLS)

Optymalizacja trzech kluczowych elementów witryny jest ważna, aby poprawić wydajność strony i ogólną jakość strony internetowej. Oto kilka sposobów na ich ulepszenie.
Jak zoptymalizować największą zawartość treści (LCP):

Oto lista tego, co możesz zrobić, aby ulepszyć LCP swojej witryny:

• Zminimalizuj swój CSS: im mniejszy CSS, tym szybszy LCP.
• Usuń duże elementy strony: Na szczęście Google Page Speed ​​Insights pokaże Ci, czy w Twojej witrynie znajduje się element, który spowalnia LCP Twojej strony. Gdy zidentyfikujesz, co to jest, możesz szybko go rozwiązać. Na przykład analiza wyniku Techmagnate w LCP w Google Page Speed ​​Insights pokazuje ten element jako wadliwy:
• Uaktualnij swojego hosta internetowego: lepszy hosting zapewnia szybsze ładowanie (w tym LCP).
• Usuń niepotrzebne skrypty firm trzecich: Unikaj skryptów firm trzecich tak bardzo, jak to możliwe.
• Skonfiguruj leniwe ładowanie: leniwe ładowanie oznacza, że ​​obrazy ładują się tylko wtedy, gdy użytkownik dotrze do tego punktu na Twojej stronie internetowej, na którym znajduje się obraz. Ustawiając leniwe ładowanie, możesz szybciej osiągnąć LCP.

Stosowanie się do powyższych wskazówek może pomóc w zwiększeniu perfekcji LCP potrzebnej do uzyskania dobrego wyniku LCP. Im wyższy wynik LCP, tym lepszy wynik doświadczenia strony i szanse na ranking. Więc zoptymalizuj swój LCP teraz, jeśli jeszcze tego nie zrobiłeś.

Jak zoptymalizować opóźnienie pierwszego wejścia (FID):

Oto kilka kroków, które możesz wykonać, aby poprawić wyniki FID swojej witryny:

• Minimalizuj (lub odkładaj) JavaScript: Minimalizacja lub odkładanie kodu JS na Twojej stronie może pomóc w zwiększeniu szybkości FID Twojej strony internetowej, ponieważ potrzeba, aby Twoja przeglądarka ładowała JS, została zmniejszona lub wyeliminowana.
• Usuń niekrytyczne skrypty innych firm: skrypty innych firm, takie jak Google Analytics i mapy ciepła, mogą negatywnie wpłynąć na FID i szybkość ładowania treści. Zidentyfikuj te, które nie są kluczowe dla Twojej witryny i usuń je, jeśli nie są kluczowe dla Twojej witryny.
• Utrzymuj niską liczbę żądań i małe rozmiary przesyłania: zoptymalizuj kod, aby ograniczyć liczbę żądań i zminimalizować rozmiary przesyłanych plików HTML, multimediów, obrazów itp.

Jak zoptymalizować skumulowane przesunięcie układu (CLS):

Oto kilka prostych działań, które możesz podjąć, aby ulepszyć swój CLS:

• Przydziel elementom reklamy zarezerwowane miejsce na swojej stronie internetowej: wykonanie tego prostego zadania zapewni, że treść pozostanie tam, gdzie powinna. Strony internetowe, które nie mają wyznaczonej przestrzeni reklamowej, mają tendencję do zakłócania struktury treści i pozycjonowania, czasami przesuwając ją w górę iw dół strony, co skutkuje wysokim CLS i złą oceną jakości strony.
• Dodaj nowe elementy interfejsu użytkownika w części widocznej na ekranie: gdy użytkownik przegląda stronę w Twojej witrynie, oczekuje, że elementy pozostaną na swoim miejscu. Dodając elementy interfejsu użytkownika, możesz zapewnić, że tak się stanie, a struktura zawartości strony pozostanie nienaruszona.
• Użyj wymiaru atrybutu set size dla mediów: ważne jest używanie wymiaru atrybutu set size dla mediów, takich jak filmy, obrazy, GIF-y, infografiki lub inne elementy multimedialne. Dzięki temu dowiesz się, ile miejsca ten element zajmie na tej stronie, pomagając w ten sposób chronić witrynę przed bezprecedensowym niewłaściwym umieszczeniem treści.

Nasze usługi projektowania i rozwoju witryn internetowych pomagają zoptymalizować podstawowy wynik Web Vitals.

Jak zmierzyć wynik Web Vitals:

Teraz, gdy już wiesz, jakie są trzy podstawowe wskaźniki sieciowe, oto kilka narzędzi, które pomogą Ci je zmierzyć.

• Google Search Console: Innym potężnym i niezwykle wygodnym narzędziem do analizy najważniejszych informacji o sieci jest Google Search Console. Jest wyposażony w unikalny raport z kluczowych danych internetowych w sekcji ulepszeń, który możesz sprawdzić za każdym razem, gdy przeprowadzasz audyt witryny. Najlepsza część: zamiast pokazywać wydajność pojedynczej strony internetowej, konsola wyszukiwania wyświetla wszystkie dane dotyczące wydajności strony za jednym razem.
• PageSpeed ​​Insight: Google PageSpeed ​​Insight to potężne narzędzie, które pokazuje najważniejsze informacje o Twojej stronie internetowej wraz z cennymi poradami na temat ulepszeń, które możesz wprowadzić.
• Lighthouse: Lighthouse to kolejne narzędzie Google, którego możesz używać do mierzenia kluczowych wskaźników internetowych. Wcześniej przeznaczony do audytu PWA, teraz przekształcił się w potężne narzędzie do monitorowania wydajności. Uzbrojony w dodatkowe funkcje i kontrole SEO, latarnię morską można trafnie opisać jako potężne narzędzie do analizy danych dotyczących szybkości i jakości strony internetowej.
• GT Metrix: GT Metrix to witryna służąca do testowania i monitorowania wydajności witryny. Jest to bezpłatne narzędzie, którego możesz użyć do oceny wydajności LCP, TBT i CLS.

Jak przeprowadzić audyt Core Web Vitals za pomocą Screaming Frog:

Koncepcja audytu kluczowych wskaźników sieciowych jest stosunkowo nowa. Dla tych z Was, którzy chcą być przygotowani i zoptymalizować kluczowe elementy swojej witryny, użycie narzędzia takiego jak Screaming Frog może pomóc, zwłaszcza jeśli masz już subskrypcję członkostwa premium.

Oto, czego będziesz potrzebować:

• Płatna wersja Screaming Frog.
• Klucz interfejsu PageSpeed ​​Insights API.
• Domena stron internetowych, które chcesz audytować.

Zaczynajmy.

Krok 1: Połącz klucz API PageSpeed ​​Insights z Screaming Frog

Krok 1, aby użyć Screaming Frog do optymalizacji kluczowych parametrów internetowych, obejmuje połączenie z nim klucza API PageSpeed ​​Insights. Gdy je połączysz, uzyskasz dostęp do danych i rekomendacji PageSpeed ​​Insights strona po stronie na pulpicie nawigacyjnym Screaming Frog.

Oto kroki, które należy wykonać:

• Otwórz Screaming Frog → Konfiguracja → Dostęp do API → PageSpeed ​​Insights.
• Przekieruj swój klucz API z PageSpeed ​​Insights do pola „Secret Key”.
• Kliknij „ Połącz ”.
• Po kliknięciu „Połącz”, kliknij „ Dane ”.
• Wybierz metryki, które chcesz kontrolować, i kliknij „ OK ”.

Krok 2: Przeszukaj witrynę.

Następny krok obejmuje indeksowanie Twojej witryny.

Wystarczy wpisać nazwę domeny witryny, którą chcesz zaindeksować, w polu „Wprowadź adres URL do pająka”. Po wprowadzeniu wpisu poczekaj, aż załadują się paski postępu „Przeszukuj” i „API”.

Gdy załadują się do 100%, możesz przeanalizować swoje dane.

Krok 3: Zgłoś problem odpowiednim władzom.

Po tym, jak narzędzie załaduje Twoje dane, otrzymasz kompilację wszystkich stron internetowych w Twojej witrynie. Tutaj musisz przeanalizować liczbę stron internetowych, które nie spełniają minimalnych progów Core Web Vitals pod względem wartości procentowych.

Oto kilka kroków, które możesz wykonać:

• Kliknij górny pasek nawigacyjny.
• Kliknij opcję Paginacja .
• Kliknij Szybkość strony z menu rozwijanego.
• Kliknij Eksportuj .

Po wyeksportowaniu danych wypełnij następujące kolumny:

• Najdłuższy czas malowania treści (ms): Umieść filtr, aby znaleźć strony z LCP 4000 ms lub więcej.
• Całkowity czas blokowania (ms): Umieść filtr, aby znaleźć strony z 300 ms TBT lub więcej.
• Zbiorcze przesunięcie układu: Umieść filtr, aby znaleźć strony z 0,25 CLS lub więcej.

Na podstawie tych danych możesz stworzyć raport i wysłać go do klienta. Jeśli przeprowadzasz ten audyt pod kątem wewnętrznych wymagań dotyczących optymalizacji jakości strony, możesz wysłać te dane do odpowiedniego zespołu, który może odpowiednio przeprowadzić optymalizację strony.

Krok 4: Zgłoś problemy dotyczące stron z zaleceniami.

Teraz jest to krok, w którym robi się ciekawie. Teraz wiesz, jaki procent stron w Twojej witrynie nie spełnia minimalnych standardów Core Google Web Vitals. Co następne?

Zrób zgrabną kompilację odpowiednich problemów w oparciu o dane, na które chcesz kierować reklamy. Oto, co możesz zrobić:

• Po prawej stronie karty „Przegląd” przewiń w dół do PageSpeed.
• Tutaj znajdziesz problemy i zalecenia związane z szybkością strony Twojej witryny, w tym potencjalne rozwiązania mające na celu poprawę podstawowych wskaźników sieciowych.
• Lista rozwijana szybkości strony będzie zawierać różne dane, takie jak:
  • Wyeliminuj zasoby blokujące renderowanie (wpływa na LCP)
  • Zminimalizuj CSS (wpływa na LCP)
  • Zminimalizuj JavaScript (wpływa na FID)
  • Usuń nieużywany CSS (wpływa na LCP)
  • Usunięto nieużywany Javascript (wpływa na FID)
  • (i wiele więcej)
• Kliknij problem, aby zobaczyć liczbę stron, których dotyczy problem, i wyeksportuj te dane do swojego arkusza roboczego. Pomoże to wyeksportować wszystkie adresy URL z odpowiednimi problemami.
• Na podstawie tych danych możesz dokonać wezwania do osądu dotyczącego usunięcia lub odroczenia tych elementów ze swojej strony internetowej.

Dodatkowe informacje: Co to jest SEO Page Speed

Krok 5: Po audycie i optymalizacji, ponownie zindeksuj witrynę i porównaj.

Po zidentyfikowaniu czynników wpływających na kluczowe wskaźniki sieciowe Google, możesz dokonać optymalizacji. Po optymalizacji Twoim zadaniem jest ponowne zindeksowanie witryny w celu oceny wyników.

Porównaj odsetek stron internetowych, które nie spełniają minimalnych wymagań dotyczących kluczowych wskaźników witryny po optymalizacji, z wartościami przed optymalizacją.

Inne czynniki wpływające na jakość strony, które należy wziąć pod uwagę:

Oto lista najważniejszych dodatkowych czynników, które Google uważa za niezbędne dla wygody użytkownika:

• Bezpieczne przeglądanie: jeśli Twoja witryna nie pozwala na bezpieczne przeglądanie, zostanie to uznane za naruszenie standardów jakości strony i uzyskasz niski wynik jakości strony. Dlatego upewnij się, że Twoja witryna nie zawiera złośliwych lub zwodniczych treści, takich jak złośliwe oprogramowanie. Możesz sprawdzić standardy bezpieczeństwa swojej witryny w Raporcie Google dotyczącym problemów z bezpieczeństwem.
• HTTPS: witryny, które zaczynają się od protokołu HTTPS, mają większe szanse na bezpieczne połączenie z witryną. Jeśli nie masz witryny, która zaczyna się od HTTPS, dowiedz się, jak zabezpieczyć swoją witrynę za pomocą protokołu HTTPS tutaj.
• Przyjazność dla urządzeń mobilnych: sprawdź, czy Twoja strona internetowa jest przyjazna dla urządzeń mobilnych, korzystając z Testu optymalizacji mobilnej Google. Jeśli w tej szybkiej ocenie Twoja strona internetowa nie jest „przyjazna dla urządzeń mobilnych”, zastosuj strategie optymalizacji witryny pod kątem telefonów komórkowych i tabletów. Pomóc może między innymi poprawa UX i UI oraz doskonalenie nawigacji poza kanwą.
• Brak natrętnych reklam pełnoekranowych: zawartość Twojej strony internetowej powinna być łatwo dostępna dla użytkownika. Brak tego może spowodować, że uzyskasz niski wynik doświadczenia ze strony. Oto najważniejsze rzeczy, których należy unikać, aby zawartość strony internetowej była bardziej dostępna dla użytkowników:
  • Unikaj używania wyskakujących okienek, które blokują większość treści Twojej witryny.
  • Unikaj wyświetlania samodzielnej reklamy pełnoekranowej, która zajmuje cały ekran. Jest to uciążliwe, ponieważ użytkownik musi je odrzucić, zanim uzyska dostęp do głównej zawartości.

Wniosek:

Google jest gotowe do wprowadzenia kluczowych wskaźników internetowych jako kluczowego sygnału rankingowego w maju 2021 r. Potrzeba tej godziny polega na tym, aby firmy z wyprzedzeniem zoptymalizowały swoje witryny internetowe pod kątem tych kluczowych kryteriów rankingowych.

W tym blogu zilustrowaliśmy bardzo potrzebne kroki, które możesz podjąć, aby poprawić kluczowe informacje o swojej sieci. Omówiliśmy, czym jest kluczowa strona internetowa, trzy najważniejsze wskaźniki dla kluczowych wskaźników internetowych i co możesz zrobić, aby zoptymalizować swoją stronę internetową, aby uzyskać dobry wynik SEO.

Przedstawiliśmy również krótki hack do analizy doświadczenia strony dla tych, którzy używają Screaming Frog do audytu witryny. Mamy nadzieję, że podane przez nas informacje pomogły. Zaimplementuj je w swojej strategii optymalizacji witryny, aby utrzymać pozycję w rankingu Google.

Daj nam znać w sekcji komentarzy, jeśli masz jakiekolwiek wątpliwości lub pytania.

Bardzo chcielibyśmy usłyszeć od Ciebie.