Google Page Experience: aktualizacja rankingu

Ten artykuł został po raz pierwszy opublikowany w maju 2020 r. i został zaktualizowany w kwietniu 2021 r.

Badania firmy Google i badania branżowe wykazały, że użytkownicy wolą witryny internetowe o doskonałej jakości strony. Google zawsze sprawdza, jakie czynniki należy wziąć pod uwagę w wynikach rankingu, takie jak szybkość ładowania strony i przyjazność dla urządzeń mobilnych. Nadchodząca aktualizacja interfejsu strony uwzględnia szereg czynników, które stawiają użytkownika na pierwszym miejscu. Te „podstawowe informacje o sieci” pomogą Google udostępniać użytkownikom najlepsze treści.

Page Experience i kluczowe wskaźniki internetowe

Podstawowe wskaźniki internetowe to zestaw wskaźników, które pomagają właścicielom witryn mierzyć wymiary doświadczenia użytkownika, takie jak czas wczytywania, interaktywność i stabilność treści podczas jej wczytywania. Firma Google podała teraz szczegóły nadchodzącej zmiany w rankingu wyszukiwania, która uwzględni te dane dotyczące jakości strony.

Wprowadzany jest nowy sygnał, że Google twierdzi, że „łączy podstawowe wskaźniki internetowe z naszymi istniejącymi sygnałami dotyczącymi jakości strony, aby zapewnić całościowy obraz jakości doświadczenia użytkownika na stronie”.

Te zmiany zostaną wprowadzone w czerwcu 2021 r.

Ponadto kolejne sygnały dotyczące jakości strony będą uwzględniane co roku w miarę ewolucji oczekiwań użytkowników i zwiększania się możliwości Google do mierzenia większej liczby aspektów.

Ranking jakości strony

Więc jaki jest pomysł za tym? Zasadniczo posiadanie dobrego doświadczenia umożliwia ludziom osiągnięcie tego, czego chcą, a złe doświadczenie może uniemożliwić komuś znalezienie informacji, których szukają. Google chce pozostać miejscem docelowym dla osób poszukujących informacji, dlatego musi zapewniać najlepszą jakość wyszukiwania.

Dodając doświadczenie strony do miksu ze wszystkimi innymi sygnałami, celem jest ułatwienie osobom korzystającym z witryn znalezienie tego, czego szukają.

Wskaźniki strony najwyższego poziomu

Trzy główne elementy jakości strony to:

• Jak szybko ładuje się strona?
• Jak szybko strona reaguje na użytkowników?
• Jak stabilna jest strona (czy elementy przeskakują podczas ładowania)?

Teraz możemy przejrzeć niektóre metryki najwyższego poziomu, aby odszyfrować ich znaczenie. (Pierwsze 3 to tak zwane „podstawowe wskaźniki sieciowe”).

Podstawowe wskaźniki internetowe

• Największe wymalowanie treści (LCP) — ta metryka wyszukuje największy obraz lub blok tekstu. Mierzy, ile czasu zajmuje wczytanie tego elementu do widocznego obszaru. Może to być obraz bohatera lub duża część tekstu. (Idealnie powinno to być mniej niż lub równe 2,5 sekundy.)

• Kumulatywne przesunięcie układu (CLS) — ta metryka mierzy stabilność wizualną. Innymi słowy, mierzy, jak bardzo zmienia się treść podczas ładowania strony, co utrudnia czytanie lub przeglądanie treści. (Chcesz, aby to było mniejsze lub równe 0,1.)

• Opóźnienie pierwszego wejścia (FID) - odnosi się do tego, jak szybko strona reaguje na użytkownika (na przykład po kliknięciu przycisku). Mniej niż lub równy 100 ms jest idealny do tego.

Warto również pamiętać o następujących wskaźnikach jako przydatnych miarach skuteczności strony:

• First contentful paint (FCP) — ten wskaźnik mierzy, ile czasu zajmuje wczytanie tekstu w części strony widocznej na ekranie. To jest zawartość, którą widzisz bez konieczności przewijania. Zbyt wiele czcionek i duże pliki czcionek wpłyną na ten wynik. Podobnie jak spowolni ładowanie czcionek z zasobów zewnętrznych.

• Indeks prędkości (SI) — ta metryka rejestruje zmiany wizualne powyżej przystanku. Oznacza to, że wszystkie filmy i zdjęcia bohaterów wpływają na wynik indeksu prędkości.

• Czas na interakcję (TTI) — ten wskaźnik mierzy, ile czasu zajmuje przygotowanie strony do wprowadzenia danych przez użytkownika. Późne ładowanie aplikacji i skryptów śledzenia lub analizy wpłynie na ten wskaźnik.

• Całkowity czas blokowania (TBT) — ta metryka jest podobna do TTI, ale mierzy łączny czas blokowania na stronie. Odnosi się to do tego, że użytkownik nie może klikać elementów ani przewijać strony.

Ważne jest, aby pamiętać, że te kluczowe informacje dotyczące sieci nie są w żadnym wypadku jedynym sposobem oceny Twojej witryny. Podczas oceny Twoich stron Google bierze pod uwagę wiele, wiele czynników. Chociaż nacisk kładziony jest tutaj z pewnością na wrażenia użytkownika, Google powiedział, że posiadanie świetnej treści nadal będzie ważniejszą kwestią: będzie starać się pozycjonować strony z najlepszymi ogólnymi informacjami, nawet jeśli wrażenia ze strony nie są najlepsze z najlepszych.

Google nie powiedziało, ile waży każdy czynnik, ale potwierdziło, że „dobra jakość strony nie zastępuje świetnej, trafnej treści”. Jeśli jednak wszystkie inne czynniki są takie same, jakość strony może być czynnikiem decydującym o Twojej widoczności.

Aktualizacja Search Console

Firma Google dodała do Search Console nową sekcję o nazwie „Podstawowe wskaźniki internetowe”, która zawiera raporty dotyczące wyników Twojej witryny w porównaniu z nowymi danymi dotyczącymi „Wyświetlania strony”. Z tego raportu dowiesz się, gdzie należy ulepszyć i jak wprowadzić te ulepszenia.

Google zaktualizowało swoje narzędzia, takie jak Lighthouse i PageSpeed ​​Insights, aby umożliwić właścicielom witryn lepszy pomiar własnej wydajności i poprawę jakości strony dla odwiedzających. Nasz artykuł o audytach szybkości witryny daje dobry przegląd różnych narzędzi, z których możesz korzystać, a także ich korzyści i ograniczeń w zakresie oceny Twojej witryny.

Jak przygotować się do podstawowych wskaźników internetowych (nie wszystkie mają zastosowanie do sklepów Shopify)

1 Największa zawartość farby (LCP)

Potencjalny problem: wolne czasy odpowiedzi serwera

Rozwiązania

a) Zasoby w pamięci podręcznej — jeśli kod HTML jest statyczny, jego buforowanie może uniemożliwić jego ponowne utworzenie, gdy nie jest to konieczne, zmniejszając zużycie zasobów.

b) Kierowanie użytkowników do CDN - sieć dostarczania treści korzysta z serwerów w wielu lokalizacjach na całym świecie, co eliminuje problem użytkowników, którzy mają wolniejszą witrynę z powodu dużej odległości od jednego serwera.

Potencjalny problem: wolne czasy ładowania zasobów

Rozwiązania

a) Zoptymalizuj i skompresuj swoje obrazy za pomocą tinypng - zmniejsza to rozmiar plików bez utraty jakości, dzięki czemu ładują się szybciej, ale nadal wyglądają dobrze.

b) Użyj obrazu CDN - zmniejszy to ładunek obrazu, dostarczy obrazy dostosowane do każdego urządzenia, które tego żąda, i wyśle ​​obrazy z brzegu sieci.

Potencjalny problem: renderowanie po stronie klienta

Rozwiązania

a) Zminimalizuj swój JavaScript i odłóż nieużywany JavaScript

b) Użyj renderowania po stronie serwera, jeśli jest to możliwe

Potencjalny problem: JavaScript i CSS

Rozwiązania

a) Zminimalizuj swój CSS — pliki CSS często zawierają znaki, które ułatwiają czytanie, ale które nie są potrzebne przeglądarce. Zminimalizowanie ich usuwa je i czyści, dzięki czemu skróci się czas potrzebny na renderowanie strony.

b) Pobierz i udostępnij użytkownikom minimalną ilość niezbędnego kodu JavaScript. Zmniejszenie ilości blokującego JavaScript oznacza szybsze renderowanie, a tym samym lepsze LCP.

2 Łączna zmiana układu (CLS)

Potencjalny problem: nieoczekiwane zmiany układu

Rozwiązania

a) Dołącz atrybuty rozmiaru do zasobów, takich jak wideo i obrazy, aby przeglądarka przydzieliła odpowiednią ilość miejsca na obiekt przed jego załadowaniem.

b) Upewnij się, że dynamicznie wstrzykiwana zawartość jest wstawiana tylko pod istniejącą zawartością, aby nie powodowała nieoczekiwanych zmian w układzie.

3 Opóźnienie pierwszego wejścia (FID)

Potencjalny problem: przeglądarka nie reaguje szybko na użytkownika (prawdopodobnie dlatego, że nadal wykonuje JavaScript)

Rozwiązania

a) Podziel długotrwały kod na mniejsze zadania. Długie zadania powodują, że strona nie odpowiada, gdy zajmuje się zadaniami. Podzielenie ich na łatwiejsze do zarządzania porcje może pomóc w zmniejszeniu opóźnienia wejściowego.

b) Dalsze skrócenie czasu wykonywania JavaScriptu poprzez odroczenie nieużywanego JS. Jeśli przeglądarka nie potrzebuje kodu do renderowania strony, odłóż go – oznacza to, że strona jest szybciej gotowa do interakcji użytkownika.

Jeśli potrzebujesz wsparcia, aby upewnić się, że Twoje SEO, treść lub witryna są zgodne z najnowszymi wytycznymi, skontaktuj się z nami, a nasi eksperci Shopify w zakresie projektowania, rozwoju i SEO z przyjemnością omówią, w jaki sposób możemy Ci pomóc.