W jaki sposób wskaźnik Core Web Vitals (CWV) może wpłynąć na widoczność Twojego sklepu w wyszukiwarce? Co zrobić, aby zoptymalizować stronę pod nowe wytyczne i nie stracić pozycji?
W 2020 r. Google wprowadziło nowe podstawowe wskaźniki rankingowe, tzw. Core Web Vitals (CWV). Pierwsze zmiany zostały zainicjowane w czerwcu 2021 r. a w sierpniu 2021 r. ostatecznie weszły w życie.
CWV jest strategią Google mającą na celu poprawienie jakości wyświetlanych stron internetowych. Firma dzięki tym usprawnieniom, chce dostarczać internautom najbardziej trafne wyniki wyszukiwania. Ma to duży związek z projektowaniem pozytywnych doświadczeń użytkownika na stronie internetowej. Oznacza to, że czytelne i szybkie strony będą widoczne wyżej w wynikach wyszukiwań.
CWV jest częścią Page Experience Signals czyli pomiaru użyteczności strony dla użytkownika pod względem szybkości ładowania oraz możliwości większej interakcji. Zaliczamy do nich:
– responsywność strony,
– szyfrowanie,
– brak reklam,
– Core Web Vitals.
Czy czas ładowania się strony wpływa na jej widoczność w wyszukiwarce Google?
Tak – potwierdzeniem tego jest wprowadzony czynnik CWV, który oficjalnie wpływa na pozycję strony internetowej w Google.
Core Web Vitals — kluczowe wskaźniki
Możemy wyróżnić dwa rodzaje danych gromadzonych w ramach CWV — naturalne oraz laboratoryjne. Pierwsze to informacje uzyskane na podstawie działań i testów realnych użytkowników strony. Dane laboratoryjne są efektem testów przeprowadzonych przez sztuczną inteligencję. Poniżej przedstawiamy najważniejsze wskaźniki Core Web Vitals.
- CLS (Cumulative Layout Shift) — czynnik związany ze stabilnością wizualną strony internetowej. CLS do 0,1 jest uważany za dobry, od 0,1 do 2,5 za przeciętny, a powyżej tej wartości, należy zoptymalizować układ strony oraz jej ruchome elementy.
- FID (First Input Delay) — czynnik, który wskazuje na zależność między czasem ładowania się strony a pierwszą akcją, jaką użytkownik może na niej wykonać. Dobrym wynikiem jest ten poniżej 100 ms, przeciętny — między 100 a 300 ms. Czerwona lampka ostrzegawcza powinna się włączyć, gdy FID przekracza 300 ms.
- LCP (Largest Contentful Paint) — dotyczy czasu, w którym załaduje się największy element w witrynie. Może to być grafika, film lub tekst. Jaki wynik uważany jest za dobry lub poprawny? Za dobry czas Google przyjął mniej niż 2,5 sekundy. Między 2,5 a 4 sekundy to przeciętny wynik, nad którym warto popracować. Kiedy największy element na stronie ładuje się dłużej niż 4 sekundy, może to zakończyć się to opuszczeniem strony przez użytkownika przed załadowaniem elementu, dlatego wynik ten Google uznał za alarmujący.
- TBT (Total Blocking Time) — jest to wskaźnik, który pokazuje czas pomiędzy załadowaniem się pierwszego elementu na stronie a możliwością wprowadzenia danych przez użytkownika.
- TTI (Time to Interactive) — wskaźnik, który mierzy czas pomiędzy ładowaniem strony a możliwością wprowadzenia danych przez użytkownika.
- FCP (First Contentful Paint) — wskaźnik, który odzwierciedla czas potrzebny do załadowania pierwszej grafiki, tekstu albo materiału wideo.
Core Web Vitals — jak i gdzie sprawdzić?
Gdzie można przetestować swoją stronę pod kątem Core Web Vitals? Jest kilka narzędzi dzięki którym można takie testy przeprowadzić. Pierwszym z nich jest PageSpeed Insight. Po wejściu na: https://pagespeed.web.dev/ i wpisaniu adresu testowanej witryny otrzymujemy wyniki. Drugim przydatnym narzędziem jest bezpłatna platforma dla webmasterów, czyli Google Search Console. Jeśli zweryfikowałeś już swoją stronę w GSC, wystarczy, że wejdziesz w “Eksperymenty i personalizacja”, a następnie w “Podstawowe wskaźniki internetowe”. Trzecim narzędziem open-source jest Lighthouse, który można uruchomić na dowolnej stronie internetowej. Dzięki niemu otrzymamy audyt wydajności, dostępności, progresywnych aplikacji internetowych, SEO i nie tylko. Uruchamiamy go poprzez Chrome DevTools.
Core Web Vitals strony — jak je zoptymalizować
Wszystko zależy oczywiście od tego, z którym parametrem jest problem. Poniżej przedstawiamy najczęstsze problemy dla wybranych parametrów oraz ich rozwiązanie.
LCP
- Zbyt długi czas renderowania w witrynie — najczęściej związany z nadmiernym czasem odpowiedzi serwera. Rozwiązaniem może być tutaj optymalizacja serwera lub wdrożenie CDN (system dostarczania treści).
- Blokowanie renderowania przez CSS lub JavaScript — uniemożliwia wczytanie się głównej zawartości witryny przed tymi plikami. Pomocne może okazać się usunięcie niekrytycznych i zbędnych skryptów.
- Renderowanie po stronie klienta — może uniemożliwić lub utrudnić użytkownikom działania na stronie, zanim cały JavaScript się nie wczyta. Rozwiązaniem może być optymalizacja tego typu renderowania już w czasie tworzenia strony, renderowanie wstępne lub renderowanie po stronie serwera.
FID
- Usunięcie nieaktualnych i zbędnych kodów JavaScript — dzięki temu przeglądarka będzie potrzebowała mniej czasu, by go załadować na stronie.
- Podział kodu na krótsze fragmenty — dzięki temu opóźnienie wpisywania danych na stronie będzie mniejsze.
- Uruchomienie głównego wątku JavaScript w tle, np. dzięki Web Worker. Dzięki temu strona załaduje się szybciej.
CLS
- Uwzględnienie szerokości i wysokości elementów graficznych (obrazków, reklam, ramek iframe) — pozwoli to na przyznanie miejsca przez przeglądarkę i ograniczenie ryzyka przesunięcia takiego elementu.
- Dynamiczna treść tylko pod wpływem interakcji użytkownika — wg Google lepiej zrezygnować z umieszczania treści nad już istniejącą, jeśli nie ma to wpływu na interakcję z użytkownikiem.
- Stosowanie pierwotnie załadowanych fontów — pozwoli to uniknąć zmian w układzie strony, które mogą być spowodowane pojawieniem się czcionek internetowych.
