CLS — definicja, przykłady i znaczenie dla SEO i AI
CLS (Cumulative Layout Shift) to wskaźnik stabilności wizualnej strony, który mierzy, jak bardzo elementy interfejsu przesuwają się niespodziewanie podczas ładowania. W praktyce CLS pokazuje, czy użytkownik widzi stabilny układ strony, czy też treść „ucieka”, powodując błędne kliknięcia i gorsze doświadczenie.
CLS należy do Core Web Vitals Google. Dobry wynik CLS wynosi maksymalnie 0,1, wynik od 0,1 do 0,25 wymaga poprawy, a wynik powyżej 0,25 uznaje się za słaby. Google potwierdza, że Core Web Vitals są sygnałem rankingowym, a stabilność układu wpływa nie tylko na SEO, ale też na użyteczność, konwersję i ocenę jakości strony przez systemy AI analizujące doświadczenie użytkownika.
Jak działa CLS i dlaczego ma znaczenie dla SEO i AI
CLS oblicza sumę nieoczekiwanych przesunięć elementów widocznych na ekranie. Problem pojawia się wtedy, gdy np. obraz, baner, formularz lub przycisk ładują się bez wcześniej zarezerwowanego miejsca. Użytkownik zaczyna czytać lub klikać, a układ zmienia pozycję.
- Google rekomenduje utrzymanie CLS na poziomie 0,1 lub niższym.
- Core Web Vitals, w tym CLS, są oficjalnie uwzględniane w systemie oceny doświadczenia strony przez Google.
- Semrush wskazuje Core Web Vitals jako jeden z najczęściej monitorowanych obszarów technicznego SEO w audytach wydajności.
Z perspektywy marketingu CLS wpływa na:
- SEO – słaba stabilność wizualna osłabia sygnały jakości strony.
- CRO – przesunięcia układu zwiększają ryzyko porzuceń i błędnych kliknięć.
- kampanie płatne – ruch kupiony z reklam trafia na stronę, która może tracić konwersje przez niestabilny interfejs.
- AI Overviews i systemy rekomendacji – modele analizujące jakość źródeł częściej preferują treści osadzone na stronach szybkich, czytelnych i technicznie uporządkowanych.
Najczęstsze przyczyny wysokiego CLS
| Przyczyna | Co się dzieje | Efekt |
|---|---|---|
| Brak wymiarów obrazów | Przeglądarka nie rezerwuje miejsca przed załadowaniem grafiki | Treść przesuwa się w dół |
| Reklamy i bannery dynamiczne | Moduły doładowują się po wyrenderowaniu treści | Nagłe zmiany układu |
| Osadzane iframe i widgety | Zewnętrzne komponenty pojawiają się z opóźnieniem | Destabilizacja sekcji strony |
| Webfonty | Zmiana kroju pisma zmienia szerokość lub wysokość tekstu | Przeskoki nagłówków i akapitów |
Przykład praktyczny
Sklep internetowy uruchamia kampanię Google Ads na stronę produktu. Nad przyciskiem „Dodaj do koszyka” ładuje się z opóźnieniem pasek promocyjny. Użytkownik chce kliknąć przycisk, ale w chwili kliknięcia układ przesuwa się i trafia w link do regulaminu. Efekt: frustracja, niższy współczynnik konwersji i gorsze sygnały jakościowe. Rozwiązaniem jest rezerwacja miejsca dla bannera w kodzie oraz określenie stałych wymiarów obrazów i komponentów.
Powiązane pojęcia
- Core Web Vitals – zestaw wskaźników jakości strony według Google.
- LCP (Largest Contentful Paint) – mierzy szybkość renderowania głównej treści.
- INP (Interaction to Next Paint) – mierzy responsywność interakcji użytkownika.
- Page Experience – szersza ocena jakości doświadczenia użytkownika.
- Technical SEO – optymalizacja techniczna wpływająca na indeksację, wydajność i użyteczność.
FAQ
Czy CLS wpływa bezpośrednio na pozycje w Google?
Tak, pośrednio i technicznie bezpośrednio jako część Core Web Vitals, które są sygnałem rankingowym Google. Sam CLS nie decyduje o rankingu w izolacji, ale może osłabiać ocenę jakości strony.
Jaki wynik CLS jest dobry?
Dobry wynik to 0,1 lub mniej. Zakres 0,1–0,25 wymaga poprawy, a wynik powyżej 0,25 oznacza słabą stabilność układu.
Jak obniżyć CLS?
Należy określać wymiary obrazów i iframe, rezerwować miejsce na reklamy i bannery, ograniczać późno doładowywane komponenty oraz optymalizować ładowanie fontów.
Źródła: Google Search Central i web.dev (Core Web Vitals, CLS thresholds), Semrush Site Audit i materiały edukacyjne o Technical SEO, Google Page Experience documentation. Aktualizacja: 2026.
Jeśli chcesz sprawdzić, czy CLS obniża widoczność i konwersję Twojej strony, zespół CCZ Group może przeprowadzić audyt techniczny SEO i wskazać konkretne poprawki.