Nowe kryteria Google: kluczowe wskaźniki internetowe
Opublikowany: 2020-12-01Zaktualizowano maj 2021
W marketingu SEO firmy, blogi, strony internetowe i platformy internetowe codziennie konkurują ze sobą. Na szczycie listy Google są tam, gdzie chcą być.
Z niezliczonych wpisów w Google 90% wymienionych witryn nigdy nie trafia na pierwszą stronę. 10%, które to robią, to płatne reklamy, wykresy wiedzy i około dziesięciu organicznych aukcji. Ruch między nimi jest nierównomierny. Mniej niż 3% internautów trafia do wyników na kolejnych stronach.
Do tej pory głównymi mechanizmami marketingu SEO były nagłówki, treść, tagi tytułów, słowa kluczowe, opisy obrazów, linki wewnętrzne, linki zwrotne itp. Koncentrując się na kontroli jakości, mamutowym silniku, Google będzie uwzględniał nowy wymagany.
Core Web Vitals mają stać się decydującym składnikiem agencji zajmujących się technicznym SEO w USA . Można się również spodziewać, że będzie przedefiniowywać wyniki wyszukiwania. Podczas gdy tradycyjny marketing SEO zasadniczo obejmuje trafność, odległość i widoczność, kluczowe czynniki internetowe ugruntują wartość.
Spis treści
- Czym są kluczowe wskaźniki internetowe?
- Trzy elementy kluczowych wskaźników internetowych
- Największa zawartość farby
- Opóźnienie pierwszego wejścia
- Łączna zmiana układu
- Podstawowe wskaźniki internetowe
- Podstawowe narzędzia do analizy wskaźników internetowych
- Dlaczego optymalizacja kluczowych wskaźników internetowych jest ważna?
- Wniosek
Czym są kluczowe wskaźniki internetowe?
Podstawowe wskaźniki internetowe to osobny zestaw wskaźników określających wrażenia użytkownika (UX) na stronach internetowych. Ta ostatnia obejmuje trzy różne pomiary szybkości strony i interakcji węzłów klienta. Kumulacja tych czynników zostanie uwzględniona w systemie punktacji, który określa priorytet, jaki strona otrzymuje jako wpis.
Trzy elementy kluczowych wskaźników internetowych
Największa zawartość farby
Largest Contentful Paint (LCP) to miara stworzona przez Google w celu zapewnienia satysfakcji użytkowników. Ten parametr skupia się bardziej na wydajności niż na prezentacji. Jeśli strona ładuje się zbyt długo, a internauta wychodzi, jest to uznawane za niezadowalające.
Czas wczytywania strony internetowej i czynniki doświadczenia Google, takie jak tagi obrazów i miniatury filmów, określają ocenę LCP. Obrazy tła z CSS i elementami tekstowymi, takimi jak akapity, nagłówki i listy, również są monitorowane pod kątem płynności.
Przyczyny złego LCP
Długie czasy odpowiedzi serwera
Szybkość renderowania strony uzależniona jest od czasu reakcji serwera. Im wolniejszy jest serwer, tym dłużej zajmie wyświetlenie na ekranie urządzenia.
Podstawowym rozwiązaniem jest tutaj optymalizacja serwera. Buforowanie zasobów i serwowanie HTML-ów w pamięci podręcznej przyspiesza procesy usługowe. Dodatkowo wskazane jest przekierowanie użytkowników do pobliskiej sieci CDN. Dzięki wczesnemu nawiązywaniu połączeń z osobami trzecimi opóźnienia stają się minimalne, co jest ważne w przypadku witryn responsywnych na urządzenia mobilne.
Blokowanie renderowania w CSS i JavaScript.
Przeglądarki dostarczają zawartość, analizując znaczniki HTML w drzewie DOM. Jeśli parser natrafi na jakiekolwiek zewnętrzne arkusze stylów, zatrzymuje się. Skrypty i zewnętrzne arkusze stylów opóźniają dystrybucję zasobów blokujących, FCP i ostatecznie LCP.
CSS i Java są solidne i mogą stracić „dużo na wadze” poprzez szacunek, minimalizację i minifikację. Oprogramowanie dostępne do kompaktowania Java to UglifyJS2, Closure Compiler i YUI Compressor. CSSnano, UNCSS i CSSO to wszystkie mechanizmy zdolne do kompresji CSS. Wraz z wdrożeniem tych narzędzi poprawi się czas optymalizacji ładowania.
Słabe czasy ładowania zasobów
Podczas gdy wzrost aktywności CSS i JavaScript przynosi złe rezultaty, inne komponenty okazują się równie problematyczne. Elementy negatywnie wpływające na LCP to <obraz >, < img > i < wideo > oraz komponenty na poziomie bloku zawierające węzły tekstowe.
Pomoże w tym optymalizacja i kompresja plików graficznych i tekstowych. Wstępne ładowanie niezbędnych zasobów i buforowanie zasobów przy użyciu innego pracownika serwisu skraca czas potrzebny.
Renderowanie użytkownika końcowego
Witryny, które wykonują większość renderowania na kliencie, tracą znaczną część kontroli. Wada tej opcji uwidacznia się przy użyciu dużych pakietów JavaScript. W większości przypadków treść nie jest wyświetlana, dopóki JavaScript nie zakończy renderowania; zagrozi to ratingom LCP.
Minimalizacja JavaScript jest kluczowa, a renderowanie po stronie serwera jest lepsze niż po stronie użytkownika. Innym rozwiązaniem jest prerendering, który pomoże zoptymalizować czas ładowania.
Opóźnienie pierwszego wejścia
Opóźnienie pierwszego wejścia (FID) mierzy czas od początkowej interakcji użytkownika do odpowiedzi przeglądarki. Jest to kluczowy czynnik decydujący o tym, czy klient opuści witrynę, czy nie. Opóźnienia zwykle występują, gdy główny wątek przeglądarki jest zajęty.
Pliki JavaScript ładowane przez lokalne aplikacje zwykle są odpowiedzialne za problemy z FID. To, co się dzieje, to próby przeanalizowania i wykonania przez przeglądarki, ale występuje opóźnienie, co prowadzi do braku odpowiedzi na urządzeniach końcowych. Niska ocena FID może oznaczać, że dana witryna lub strona nie nadaje się do użytku.
Przyczyny złego FID
JavaScript
Ogólnie rzecz biorąc, gdy główny wątek jest zajęty, przeglądarka nie może odpowiadać na interakcje. Ciężkie wykonanie JavaScriptu potęguje ten problem, powodując opóźnienia w szybkości ładowania.
Rozbijając długie zadania, możesz złagodzić zaległości. Dodatkowo ograniczenie czasu wykonywania JavaScriptu powinno poprawić responsywność. Pomocne jest również wykorzystanie webworkera. To wszystko są sposoby optymalizacji wskaźników witryny pod kątem interakcji.
Łączna zmiana układu
Miara Cumulative Layout Shift (CLS) mierzy stabilność projektu stron internetowych. Funkcjonuje tak, aby interakcje z klientem przebiegały tak naturalnie, jak to tylko możliwe. Internauci często doświadczają przerw lub przeskoków podczas przeglądania treści w witrynie. W związku z tym prowadzi to do przerwy w koncentracji i tworzy słabe wrażenia.
Niedogodność wynika ze słabej konstrukcji. Efekty przeważają na responsywnych stronach mobilnych i przeglądarkach stacjonarnych.
Brak poprawnych elementów konstrukcyjnych powoduje niestabilność wizualną. Ten ostatni ma tendencję do wymuszania nagłych zmian w układzie, niejednokrotnie powodując, że użytkownik nieumyślnie klika niepożądane treści. Typowymi przykładami są witryny z wyskakującymi reklamami.
Nowe projekty, nawet jeśli mają odpowiednią strukturę, mogą również spowalniać strony internetowe. Algorytm Google kompensuje to, pozwalając na pominięcie 500 ms przed rozpoczęciem procesu obliczania.
Najczęstsze przyczyny CLS
Obrazy bez wymiarów
Wykluczenie atrybutów rozmiaru szerokości i wysokości zarówno dla wideo, jak i zdjęć spowoduje niską pozycję w rankingu. Wiele osób nie rezerwuje miejsca na media, co skutkuje skokami i przesunięciami.
Rozwiązanie tutaj jest proste; zawsze uwzględniaj szerokość i wysokość. Inną opcją są pola proporcji CSS. Przydają się przy rezerwacji miejsca na stronach internetowych. Jest to szczególnie przydatne w witrynach, w których wyświetlane są reklamy.
Reklamy, osadzania i ramki iframe bez wymiarów
Reklamy w dużym stopniu przyczyniają się do tego problemu. Sieci reklamowe wybierają dynamiczny rozmiar w przeciwieństwie do wariantu statycznego, który zwiększa ruch na stronach internetowych. Niestety odbywa się to kosztem wrażeń z komputera stacjonarnego lub mobilnego.
Niektóre widżety umożliwiają osadzanie na stronie elementów, takich jak filmy, mapy i treści z mediów społecznościowych. Problem polega na tym, że strona często nie ma pojęcia o dokładnym rozmiarze lub składzie embed. Nie rezerwując miejsca, niestabilność staje się widoczna po załadowaniu strony.
Wstępne obliczenie niezbędnych potrzeb przestrzennych na osadzenie lub rezerwę miejsca zapobiega niebezpieczeństwu CLS. Narzędzia programistyczne przeglądarki są przydatne do uzyskania wysokości i szerokości wyniku. Po ustaleniu tego iframe automatycznie dopasuje zarezerwowane miejsce za każdym razem, gdy strona zostanie załadowana.
Treści wstrzykiwane dynamicznie
Nowo wstawione elementy na starych nośnikach również powodują zmiany układu. Typowymi przykładami są banery z wezwaniem do działania. Nie tylko blokują interakcję, ale raczej irytują niż przekonują.
Jeszcze raz zarezerwuj miejsce. Dodatkowo projektanci witryn mogą dodać szkielet interfejsu użytkownika. Ten ostatni to symbol zastępczy, który zapobiega migracji tekstu podczas ładowania obrazu.
Czcionki internetowe powodujące FOIT/FOUT
Pobieranie i renderowanie czcionek internetowych jest kluczowe dla Flash of Unstyled Text (FOUT). W takim przypadku nowy styl zastępuje druk zastępczy.
Dodatkową konsekwencją jest Flash of Invisible Text (FOIT), który ukrywa krój pisma do momentu pojawienia się nowego przypadku.
Interfejs API ładowania czcionek skraca czas potrzebny na uzyskanie niezbędnych stylów literniczych, minimalizując w ten sposób lub eliminując występowanie FOUT i FOIT.
Podstawowe wskaźniki internetowe
Jak wspomniano, trzy elementy Core Web Vital mają indywidualne pomiary. Każdy oceniany według różnych standardów czasowych.
- Dobra ocena LCP to mniej niż 2,5s. Google udzieli leniency na wszystko poniżej 4s, ale to nadal oznacza, że jest miejsce na poprawę.
- Jednostką miary FID są milisekundy i jeśli czas między wejściem użytkownika a reakcją na stronie spadnie poniżej 100, jest to idealne rozwiązanie. Dopuszczalna jest metryka 300 ms, ale wskazuje na problemy, które nadejdą. Wszystko powyżej 300ms prowadzi do spadku aukcji internetowej.
- Idealny odczyt dla CLS to zero. Algorytmy Google zaakceptują 0,1, ale ponieważ maksymalna akceptowalność wynosi 0,25, tworzy to zbyt mały margines elastyczności. Administratorzy serwisu mogą równie dobrze dążyć do pełnej perfekcji.
Podstawowe narzędzia do analizy wskaźników internetowych
- Web Vitals For Chrome jest jak każde inne rozszerzenie, a niektórzy mogą nie czuć się komfortowo z tą opcją ze względu na obawy dotyczące prywatności.
- Analiza szybkości strony to prosty interfejs umożliwiający przełączanie między opcjami na komputery i urządzenia mobilne. Wyniki na komputerze i urządzeniu inteligentnym różnią się niezależnie od używanego oprogramowania do analizy. Powyższe generuje dane terenowe rzeczywistych użytkowników Google przez 28 dni.
- Projekty Chrome Dev Tools i Lighthouse pozwalają im monitorować LCP i CLS. Niestety to samo oprogramowanie nie jest w stanie zmierzyć FID, ale do tego jest TBT.
W miarę rozpowszechniania się Core Web Vitals na scenie pojawi się coraz więcej narzędzi do monitorowania.
Dlaczego optymalizacja kluczowych wskaźników internetowych jest ważna?
Podstawowa aktualizacja Google ma nastąpić w maju 2021 r. Oznacza to, że od tego czasu zwykłe sygnały SEO nie będą wystarczające do utrzymania wysokiej pozycji w Google.
Jest to implementacja standardowego UX promującego jakość. Nie będzie to miało wpływu na witryny zgodne z nowymi kryteriami. Strony internetowe, które nie zostały dostosowane, z pewnością odczują efekty, pomimo tego, jak skuteczne jest ich SEO. Oferty ze słabymi kluczowymi wskaźnikami sieciowymi będą spadać w rankingu, robiąc miejsce dla podmiotów, które są zgodne.
Wniosek
Wyznaczając nowe regulacje w marketingu SEO, Google toruje drogę do poprawy. Standard Core Web Vital jest pierwszym, a wiele innych z pewnością podąży za nim. Środki te tworzą platformę nowej ery Internetu, która łączy się z innymi bezbłędnie powstającymi technologiami. Dodatkowo możesz skorzystać z tych wskazówek, aby przyspieszyć ładowanie witryny.