Core Web Vitals: co to jest i dlaczego Mobile-First decyduje o zyskach z Twoich reklam
Prowadzisz kampanie w Google Ads, Meta Ads albo na TikToku, a koszt pozyskania klienta rośnie. Przyczyną bywa nie treść reklam, tylko stan techniczny strony docelowej. Core Web Vitals i projektowanie Mobile-First wpływają na koszt reklam i na liczbę zapytań. W tym artykule wyjaśniam, co to jest Core Web Vitals, jak czytać te wskaźniki i jak szybkość landing page'a przekłada się na budżet marketingowy.
Kacper Możdżeń, Landingo · aktualizacja:
W skrócie
- Core Web Vitals (Podstawowe wskaźniki internetowe): trzy wskaźniki Google, które mierzą szybkość ładowania, czas reakcji na działania użytkownika i stabilność układu strony.
- Szybkość a koszty: wolna strona traci odwiedzających przed załadowaniem i może dostać niższą ocenę strony docelowej w Google Ads, co podnosi koszt kliknięcia (CPC).
- Mobile-First: strona projektowana najpierw na telefon, potem na komputer. Konieczność w usługach lokalnych, sprzedaży internetowej i kampaniach w mediach społecznościowych.
1. LCP, INP i CLS: trzy wskaźniki Google w prostych słowach
Core Web Vitals to wskaźniki Google, które mierzą, jak użytkownicy odbierają stronę podczas wizyty.
- LCP: ładowanieGłówna treść w mniej niż 2,5 s
- INP: reakcjaOdpowiedź na kliknięcie w mniej niż 200 ms
- CLS: stabilnośćPrzesunięcia układu poniżej 0,1
- LCP (Largest Contentful Paint), czas ładowania głównej treści. Mierzy, po jakim czasie pojawia się największy element na ekranie, np. zdjęcie w sekcji hero albo nagłówek H1. Cel: poniżej 2,5 sekundy.
- INP (Interaction to Next Paint), czas reakcji. Mierzy, jak szybko strona odpowiada na działanie użytkownika: kliknięcie przycisku, rozwinięcie menu, wpisanie tekstu w formularz. Cel: poniżej 200 milisekund.
- CLS (Cumulative Layout Shift), stabilność układu. Mierzy, czy elementy przesuwają się podczas ładowania. Chcesz kliknąć przycisk, strona się doczytuje, przycisk przeskakuje i trafiasz w coś innego: to właśnie wysoki CLS. Cel: poniżej 0,1.
2. Wpływ szybkości strony na Google Ads
Szybkość strony to nie tylko pozycjonowanie w wynikach organicznych. W płatnych reklamach decyduje też o zwrocie z wydatków na reklamę (ROAS).
Wolna strona
- Więcej osób wychodzi przed załadowaniem
- Niższa ocena strony docelowej
- Wyższy koszt kliknięcia
- Mniej zapytań z tego samego budżetu
Szybka strona
- Odwiedzający widzą ofertę od razu
- Lepsza ocena strony docelowej
- Niższy koszt kliknięcia
- Więcej zapytań z tego samego budżetu
Skutki wolnego landing page'a
- Odwiedzający wychodzą przed załadowaniem. Według badania Google z 2017 roku, gdy czas ładowania strony na telefonie rośnie z 1 do 3 sekund, prawdopodobieństwo opuszczenia strony rośnie o 32%. Przy wzroście z 1 do 5 sekund rośnie o 90%.
- Niższy Wynik Jakości w Google Ads. Google ocenia jakość strony docelowej, a szybkość jest jednym z elementów tej oceny. Przy niższym Wyniku Jakości płacisz za kliknięcie więcej niż konkurencja z szybszą stroną.
3. Mobile first indexing: Google ocenia wersję na telefon
Od kilku lat Google indeksuje strony na podstawie ich wersji mobilnej (mobile first indexing). Jeśli wersja na telefon ma mniej treści albo działa gorzej niż wersja na komputer, Google ocenia stronę po tej słabszej wersji.
Przez lata strony projektowano na monitory komputerów, a wersję mobilną tworzono przez ich zmniejszanie. Mobile-First odwraca ten proces: projekt zaczyna się od najmniejszego ekranu.
4. Optymalizacja stron pod smartfony: branże, w których to priorytet
- Usługi lokalne i gastronomia. Pomoc drogowa, hydraulik, ślusarz, restauracja, fryzjer, medycyna estetyczna. Klient szuka ich na telefonie, często w nagłej potrzebie. Numer telefonu musi być klikalny i widoczny bez powiększania ekranu.
- Nieruchomości. Nabywcy przeglądają oferty mieszkań na telefonie, często w mediach społecznościowych. Rzuty mieszkań i formularz pobrania karty lokalu muszą być czytelne na pionowym ekranie. Więcej w artykule landing page dla dewelopera.
- Sklepy internetowe i marki modowe. Zakupy pod wpływem impulsu. Każda przeszkoda na telefonie, np. za małe pola w formularzu dostawy, kończy się porzuconym koszykiem.
- Usługi B2B i zbieranie zapytań (OZE, fotowoltaika, finanse). Osoby decyzyjne też przeglądają reklamy na telefonie, między spotkaniami. Krótki formularz z dwoma polami sprawdza się na małym ekranie lepiej niż rozbudowana tabela.
5. Jak przyspieszyć stronę mobilną
- Zmniejsz zdjęcia i zapisz je w formacie WebP albo AVIF, w rozmiarze dopasowanym do ekranu telefonu.
- Usuń zbędne skrypty i wtyczki, zwłaszcza te, które ładują się przed główną treścią.
- Zarezerwuj miejsce na zdjęcia i banery, podając ich wymiary, żeby układ nie przeskakiwał podczas ładowania (CLS).
- Ogranicz liczbę fontów i wczytuj tylko te grubości, których używasz.
- Sprawdź wynik w PageSpeed Insights i popraw najpierw to, co narzędzie oznacza jako najważniejsze.
6. Mobile-First w Landingo
WordPress z wieloma wtyczkami i kreatory SaaS często mają słabe wyniki w PageSpeed Insights na telefonie. Strony Landingo są projektowane inaczej:
- Bez wtyczek. Strona zawiera tylko kod, którego potrzebuje.
- Zdjęcia w lekkich formatach, dopasowane do ekranu telefonu.
- Sprawdzenie na telefonie przed pokazaniem. Każdą stronę sprawdzam w oknie o szerokości telefonu (390 px): bez przewijania w bok, z przyciskami na tyle dużymi, że łatwo w nie trafić palcem.
- 96/100Wydajność
- 2,3 sLCP, próg 2,5 s
- 0,003CLS, próg 0,1
- 100/100SEO
Wynik strony landingo.pl w PageSpeed Insights na telefonie: czas blokowania 0 ms, pozostałe wyniki na schemacie. To wynik testu laboratoryjnego z jednego pomiaru, więc przy powtórzeniu może się nieco różnić.
Częste pytania
Jak sprawdzić Core Web Vitals swojej strony?
Bezpłatnie w narzędziu Google PageSpeed Insights (pagespeed.web.dev). Wpisz adres landing page'a, a dostaniesz raport dla telefonu i komputera.
Co jest ważniejsze: wygląd czy wyniki Core Web Vitals?
Jedno nie wyklucza drugiego. Z punktu widzenia budżetu reklamowego szybkość i wersja mobilna decydują jednak o tym, czy użytkownik w ogóle zobaczy projekt. Strona, którą odwiedzający opuści przed załadowaniem, nie przyniesie zapytań. Strony z rozbudowanymi animacjami, które pozostają szybkie, przygotowuję w Landingo PRO.
Czy poprawa Core Web Vitals obniży koszty w Google Ads?
Może. Ocena strony docelowej jest składową Wyniku Jakości, a wyższy Wynik Jakości pozwala uzyskać lepszą pozycję reklamy przy niższej stawce za kliknięcie. Szybkość to jednak tylko jeden z elementów tej oceny, obok dopasowania treści strony do reklamy.
Sprawdź, jak szybka może być Twoja strona
Zamów bezpłatny podgląd: dwie lub trzy wersje strony w 3 dni robocze, sprawdzone na telefonie przed wysłaniem. Ceny i porównanie z rynkiem: ile kosztuje landing page.