Core Web Vitals - jaki wpływ mają na SEO?

Google bierze pod uwagę kilkaset czynników rankingowych. W ostatnich latach najgłośniej jest o najnowszej grupie sygnałów dotyczących jakości strony, których analiza ma za zadanie premiować witryny szybkie i wygodne w użytkowaniu.

Google bierze pod uwagę kilkaset czynników rankingowych, na które składają się zarówno czynniki online (związane z optymalizacją strony), jak i te offline (związane głównie z pozyskiwaniem odnośników). Odpowiednia optymalizacja umożliwia uzyskanie wyższych pozycji w wynikach wyszukiwanie. Te natomiast można sprawdzać przy pomocy dostępnych na rynku narzędzi do monitorowania np. SeoStation. W ostatnich latach najgłośniej jest o najnowszej grupie sygnałów dotyczących jakości strony, których analiza ma za zadanie premiować witryny szybkie i wygodne w użytkowaniu.

Mianem Core Web Vitals określa się zestaw czynników rankingowych wdrożonych podczas aktualizacji algorytmu Google w 2021 roku. Czynniki te są ściśle związane z dbaniem o wygodę użytkowników odwiedzających strony, dlatego istotny wpływ na nie ma szybkość wczytywania witryny, aczkolwiek nie powinieneś poprzestawać tylko na tym wskaźniku.

Na pełen zestaw Core Web Vitals składają się trzy wskaźniki. Aby liczyć na lepszą pozycję w Google, należy chociaż w minimalnym stopniu zastosować każdy z nich, uzyskując wynik oznaczony kolorem zielonym:

LCP (Largest Contentful Paint)

To tzw. największe wyrenderowanie treści. Jest to czas niezbędny do pełnego wczytania największego elementu w postaci grafiki lub bloku tekstu, który wyświetla się na widocznym obszarze strony. Czas ten powinien wynosić maksymalnie 2,5 sekundy.

Wpływ na wartość wskaźnika LCP mają m.in.:

• czas odpowiedzi serwera,
• cachowanie plików statycznych takich jak obrazy czy style CSS,
• kompresja obrazów i plików tekstowych.

FID (First Input Delay)

Określany jako opóźnienie przy pierwszym działaniu jest miarą interaktywności. Jest to czas reakcji na wykonanie przez użytkownika jakiegokolwiek działania, np. kliknięcie w przycisk wysłania formularza. FID powinien zmieścić się w 100 milisekundach.

Wpływ na wartość FID mają m.in.:

• liczba zapytań do serwera,
• zewnętrzne skrypty.

CLS (Cumulative Layout Shift)

To tak zwane skumulowane przesunięcie układu. Analizuje, czy poszczególne elementy nie zaczynają zmieniać swojego położenia wraz z wczytywaniem innych elementów (np. reklam) lub próbą wykonania przez użytkownika jakiejś akcji. Wskaźnik CLS jest wyrażony liczbą od 0 do 1 i powinien być mniejszy bądź równy 0,1.

Aby zapobiec związanym z tym problemom, warto bezpośrednio w kodzie określić wymiary przestrzeni, w której pojawi się doczytany później element. Pozwoli to uniknąć sytuacji, w której użytkownik próbuje kliknąć link w menu, a ostatecznie klika w załadowany w ostatniej chwili banner.

Zmiany związane z ulepszeniami na stronie, które mają na celu poprawienie wskaźników Core Web Vitals, powinny być wprowadzane przez deweloperów. Główną zmianą, jaką Google zaleca osobom niedoświadczonym, jest rozpoczęcie od zmniejszenia rozmiaru strony tak, aby nie przekraczał 500 KB. Inną sugestią jest zmniejszenie do 50 liczby zasobów wczytywanych na stronie. Pozostałe zmiany warto nanosić na podstawie raportów wygenerowanych przez popularne narzędzia, które zostaną opisane w kolejnych rozdziałach. Należą do nich m.in.:

• upewnienie się co do wydajności serwera i tego, że używa najnowszej wersji PHP (przy jej zmianie należy upewnić się, że nie wpłynęła ona na poprawność działania strony);
• sprawdzenie wydajności innych motywów graficznych używanych CMS-ów i porównanie ich z obecnym;
• analiza używanych wtyczek i wyłączenie lub zamiana tych, które wczytują nieużywany na stronie kod CSS oraz JS, albo które generują duże ilości zbędnego kodu wydłużającego czas ładowania strony;
• łączenie wielu mniejszych plików (np. CSS) oraz usuwanie nieużywanych fragmentów kodu;
• minifikacja kodu HTML, CSS i JS polegająca na usunięciu nadmiarowych znaków w postaci komentarzy, spacji, znaków nowej linii itp., które znacząco zwiększają wagę tych plików;
• optymalizacja obrazków przed wgraniem ich na serwer, co pozwala obniżyć ich wagę i przyspiesza ich załadowanie;
• wczytywanie obrazków w rozmiarach, w jakich mają się wyświetlać na stronie i uwzględnienie ich rozmiarów w kodzie HTML (ustalenie ich szerokości i wysokości), co pozwala ograniczyć przesunięcie układu podczas ładowania poszczególnych elementów strony;
• korzystanie z pamięci podręcznej, dzięki czemu przeglądarka nie będzie musiała za każdym razem pobierać wszystkich zasobów łącznie z tymi, które są stałe.

Aktualizacja dotycząca jakości stron (czyli związana m.in. ze wskaźnikami Core Web Vitals) była wdrażana stopniowo od połowy czerwca do końca sierpnia 2021 roku. Od tej pory pod potrzeby ustalania rankingu były brane pod uwagę zarówno wskaźniki LCP, FID oraz CLS, jak i dostosowanie stron pod kątem urządzeń mobilnych, zabezpieczenie połączenia z nimi poprzez zastosowanie protokołu HTTPS, a także unikanie inwazyjnych reklam.

Więcej informacji dotyczących wskaźników oraz dostosowania stron stron pod urządzenia mobilne można znaleźć w darmowym e-booku „Podstawy mobile SEO, jak zbadać i zoptymalizować swoją stronę” autorstwa Marty Gryszko i Łukasza Suchego.

​

Artykuł partnera