Co to są podstawowe wskaźniki internetowe i jak je poprawić? [2020]

Według Google, User experience jest jednym z kilku (około 200) czynników rankingowych, które wykorzystują do pozycjonowania witryn na stronie wyników wyszukiwania.

Tak więc optymalizacja pod kątem lepszego doświadczenia użytkownika pomaga witrynie osiągnąć długotrwały sukces w Internecie. Podstawowe wskaźniki Web Vitals pomagają mierzyć wrażenia użytkowników w witrynie i dają możliwość jej ulepszenia.

Zrozummy więc, co to jest i jak możesz poprawić swój wynik i dać swojej witrynie przewagę nad innymi.

Czym są kluczowe wskaźniki internetowe?

Podstawowe wskaźniki sieciowe to zestaw określonych czynników, które są niezbędne do zapewnienia wysokiej jakości obsługi w sieci. Składa się z trzech głównych pomiarów szybkości strony i interakcji użytkownika: największego wyrenderowania treści, pierwszego opóźnienia wejścia i skumulowanego przesunięcia układu.

Innymi słowy, podstawowe wskaźniki internetowe to podzbiór wskaźników internetowych używanych przez właścicieli witryn i wszystkie narzędzia Google do mierzenia komfortu użytkownika.

Istnieje kilka innych kluczowych funkcji internetowych, takich jak przyjazne dla urządzeń mobilnych, bezpieczne przeglądanie, HTTPS, brak natrętnych reklam pełnoekranowych itp., które mierzą wrażenia użytkownika w witrynie. Jednak niektórym użytkownikom bardzo trudno jest jednocześnie śledzić wszystkie wskaźniki użytkowania. Dlatego Google wprowadził koncepcję podstawowych statystyk internetowych, w której koncentruje się tylko na wczytywaniu kluczowych wskaźników, interaktywności i stabilności wizualnej .

Możesz śledzić podstawowe dane dotyczące witryny internetowej w sekcji „ulepszenia” na koncie w konsoli wyszukiwania. Możesz zobaczyć listę stron, na których wrażenia użytkownika nie są tak dobre, a także sugeruje, jak możesz je poprawić.

Dlaczego kluczowe elementy sieci są ważne dla SEO?

W tym roku Google ogłosił na centralnym blogu wyszukiwarki o sygnale jakości strony.

Wcześniej Google uwzględniał kilka sygnałów dotyczących jakości strony w rankingu, w tym:

• HTTPS
• Przyjazność dla urządzeń mobilnych
• Brak wyskakujących okienek pełnoekranowych
• „Bezpieczne przeglądanie” (zasadniczo brak złośliwego oprogramowania na Twojej stronie)

Ale teraz dodali do niej kluczowe elementy sieci. Odgrywa w tym główną rolę. Dobra jakość strony nie zastępuje odpowiedniej treści. Ale daje ci przewagę konkurencyjną nad stroną o niskiej jakości strony.

Jeśli jakość treści w obu witrynach jest taka sama, Google korzysta z sygnału jakości strony, aby wybrać zwycięzcę. Dlatego musisz popracować nad podstawowymi aspektami swojej witryny.

Ale nie martw się, masz czas, aby to naprawić do następnego roku 2021. Ale Google używa również poprzedniego wyniku wydajności do rankingu. Dlatego musisz zacząć nad tym pracować.

W tym artykule poprowadzę Cię, w jaki sposób możesz poprawić swój podstawowy wynik Web Vitals.

Największa zawartość farby (LCP)

LCP mierzy wydajność ładowania strony internetowej. Oznacza to, ile czasu zajmuje stronie całkowite załadowanie strony.

Odlicza czas ładowania pierwszej widocznej sekcji serwisu. Dlatego możesz określić priorytety swoich zasobów i najpierw załadować najważniejsze treści.

Według Google LCP nie przekracza 2,5 sekundy, gdy strona zaczyna się ładować.

LCP różni się od innych metryk, takich jak Time To First Byte (TTFY) i First contentful paint , ponieważ mierzy rzeczywistą wydajność z raportu Chrome UX.

Koncentruje się na czasie ładowania strony, aby zobaczyć rzeczywistego użytkownika i rozpocząć interakcję ze stroną internetową.

Możesz sprawdzić swój wynik LCP w statystykach szybkości strony Google . Pokazuje dane, sprawdzając całą witrynę i pokazuje listę adresów URL, w których należy poprawić.

Możesz zobaczyć mobilny wynik mojej witryny, który wynosi około 60 i można to poprawić, jeśli pracuję nad projektem mojej witryny mobilnej. Na komputerze mój wynik witryny jest powyżej 90, ale na urządzeniu mobilnym jest to tylko 60 z powodu dużej ilości treści.

Ale nie polegaj całkowicie na tym wyniku, ponieważ zmienia się on z czasem i czasami prosi o usunięcie niezbędnych wtyczek lub skryptów w celu poprawy wydajności.

W konsoli wyszukiwania Google możesz również zobaczyć alert dotyczący wykreślania dużej zawartości. (GSC)

LCP jest również podzielony na trzy kategorie.

1. Dobrze
2. Potrzebuje poprawy
3. Słaby.

Jeśli LCP jest poniżej 2,5 s , to jest to uważane za dobre, wynik od 2,5 s do 4 s jest uważany za wymaga poprawy, a wynik powyżej 4 s jest uważany za słaby.

Możesz również zauważyć, że osiągnięcie LCP poniżej 2,5 na urządzeniach mobilnych jest bardzo trudne. Zawsze staraj się utrzymywać go poniżej 4 sekund.

Kroki w celu poprawy wyniku LCP:

Skonfiguruj leniwe ładowanie

rozważ użycie Lazy Loading na swojej stronie. Jeśli używasz WordPressa 5.4 lub nowszego , leniwe ładowanie jest domyślnie włączone na obrazach. Powinieneś skupić się na filmach Lazy Loading, ponieważ spowalnia strony.

Usuń niepotrzebne skrypty innych firm:

Upewnij się, że używasz tylko niezbędnego skryptu i usuń wszystkie skrypty innych firm ze swojej witryny. Upewnij się, że skróciłeś blokowanie głównego wątku do około 150 do 160 ms.

Uaktualnij hosting:

Staraj się korzystać z lepszego i bardziej niezawodnego hostingu w zależności od rozmiaru Twojej witryny. Odgrywa bardzo ważną rolę w szybkości ładowania strony.

Jeśli nie wiesz, jak wybrać najlepszy hosting, powinieneś skorzystać z Przewodnika Różne rodzaje hostingu z przewodnikiem zakupu .

Usuń duże elementy strony:

Narzędzie analizy szybkości strony pokazuje duże elementy strony, które możesz usunąć, aby poprawić swój wynik.

Zminimalizuj CSS

Duże elementy CSS wpływają na wynik LCP witryny. Dlatego powinieneś zminimalizować swój kod CSS, aby ulepszyć LCP.

Opóźnienie pierwszego wejścia (FID)

Pierwsze opóźnienie wejścia mierzy czas potrzebny użytkownikowi na interakcję z Twoją stroną. Oznacza to czas potrzebny przeglądarce na przetworzenie Twojej strony internetowej, a użytkownik będzie mógł wchodzić w interakcję ze stroną, np . kliknąć link, przewinąć stronę lub wprowadzić dane logowania itp.

Główną przyczyną opóźnień w interakcji użytkownika są główne zadania skryptu blokujące wątki .

Bardzo ważne jest, aby czas FID był niski, ponieważ ma to bezpośredni wpływ na wrażenia użytkownika na Twojej stronie. Google ustalił akceptowalny wynik FID poniżej 100 MS .

W przypadku witryn takich jak Blogi lub artykuły FID nie ma większego znaczenia, ponieważ interakcja, która ma miejsce, polega na przewijaniu strony lub powiększaniu lub pomniejszaniu, zasubskrybowaniu biuletynu e-mail.

Ale w przypadku witryny, w której wymagane jest logowanie lub rejestracja, FID odgrywa w niej główną rolę. Ponieważ użytkownicy muszą wpisać dane logowania w formularzu, a akceptacja danych przez witrynę zajmuje bardzo dużo czasu, spowoduje to bardzo złe wrażenia użytkownika.

FID jest również ważny w przypadku witryn takich jak witryny e-commerce, w których użytkownicy muszą dodać produkt do koszyka i zalogować się na konto użytkownika. Dlatego musisz popracować nad zminimalizowaniem opóźnienia pierwszego wejścia (FID).

Kroki w celu poprawy wyniku FID:

Usuń niepotrzebne skrypty innych firm:

Możesz poprawić swój wynik FID, usuwając niepotrzebne skrypty (takie jak Google Analytics, mapy ciepła, Onesignal itp.)

Odrocz JavaScript:

Jeśli Twoja witryna ładuje JavaScript na początku ładowania strony, użytkownicy mają trudności z szybką interakcją. Dlatego możesz włączyć JavaScript Defer za pomocą wtyczek pamięci podręcznej, takich jak WP-Rocket, pamięć podręczna Litespeed itp.

Załaduje pliki javascript, które nie są potrzebne na początku ładowania strony. Znacznie poprawi to ogólną szybkość witryny.

Włącz pamięć podręczną przeglądarki:

Włączając pamięć podręczną przeglądarki, zaoszczędzisz wiele zasobów serwera, a Twoja witryna nie będzie żądać wszystkich plików dla starych użytkowników. Przeglądarka załaduje podstawowe pliki z pliku pamięci podręcznej i poprawi wynik FID.

Włącz kompresję Gzip

Możesz zmniejszyć rozmiar pliku HTML i CSS nawet o 80 procent, włączając kompresję Gzip. Możesz to zrobić przez Cloudflare CDN lub z pulpitu hostingowego.

Zbiorcza zmiana układu (CLS)

Skumulowana zmiana układu skupia się na ogólnej stabilności wizualnej Twojej witryny. Zwykle dzieje się tak z powodu manipulacji DOM lub braku atrybutów wymiarów dla głównych elementów multimedialnych.

Według Google CLS powinien być poniżej 0,1 . Na poniższych grafikach możesz lepiej zrozumieć, w jaki sposób skumulowane zmiany układu zachodzą w witrynie.

Kroki w celu poprawy wyniku CLS

Użyj wymiarów atrybutu set size dla plików multimedialnych (wideo, obrazy, GIF-y, infografiki itp.):

Możesz zdefiniować określony rozmiar nośnika, aby przeglądarka użytkownika wiedziała, ile miejsca zajmie ten element. Aby nie zmienił się po pełnym załadowaniu strony.

Zarezerwowane miejsce na umieszczenie reklamy

Jeśli korzystasz z reklam automatycznych w AdSense, Twoje reklamy wyświetlają się losowo, a czasami wyświetlają poniższą treść. Dlatego musisz zarezerwować określone miejsce na umieszczenie reklamy w witrynie.

Dodaj nowe elementy interfejsu użytkownika pod stroną internetową:

Jeśli używasz niektórych elementów interfejsu użytkownika, takich jak wyskakujące okienka, możesz wyświetlić je na dole swojej witryny. W ten sposób nie obniży zawartości i nie poprawi wyniku CLS.

Wniosek

Podstawowe wskaźniki internetowe to jedne z najlepszych sygnałów, jakie dają obecnie deweloperzy i właściciele witryn. Jeśli postępujesz zgodnie z powyższymi wskazówkami, możesz łatwo poprawić ogólną szybkość i poprawić swój podstawowy wynik sieciowy.

Teraz twoja kolej.

Którą metodę wypróbujesz najpierw, daj mi znać w sekcji komentarzy?

Jeśli podoba Ci się ten artykuł, udostępnij go społeczności blogerów w mediach społecznościowych.