W zeszłym roku firma Google ogłosiła nowy wskaźnik wydajności witryn internetowych: Core Web Vitals mierzą czas ładowania (LCP), szybkość reakcji (FID) oraz stabilność wizualną (CLS) strony internetowej. Celem tej inicjatywy jest poszerzenie wiedzy twórców stron internetowych o doświadczeniach użytkownika, a tym samym optymalizacja miejsca ich witryn w rankingu na stronach SERP. Te nowe metryki, które wchodzą w czerwcu 2021 r., stanowią dodatek do istniejących wskaźników SEO, takich jak możliwość użytkowania na urządzeniach mobilnych, bezpieczne korzystanie z przeglądarki, bezpieczeństwo HTTPS oraz wytyczne w zakresie niepożądanych wyskakujących okienek.

Kryteria Google Page Experience © Google

Przy pomocy tych nowych kluczowych kryteriów wszystkie elementy, składające się na witryny internetowe są analizowane przez wiodący algorytm wyszukiwarki i mogą wpłynąć na całościową wydajność witryny: treści, materiały filmowe i graficzne, kod oraz… reklamy. Jak zminimalizować wpływ reklam na Core Web Vitals i chronić SEO? Zanim przejdziemy do porad zacznijmy od tego, czym są wskaźniki Core Web Vitals.  

Czy Core Web Vitals trzeba się bać?

Cel Google jest prosty. Dzięki Core Web Vitals nasz gigant z Mountain View chce promować witryny oferujące najwyższy poziom satysfakcji użytkownika, a jednocześnie piętnować niezoptymalizowane strony o długim czasie ładowania, słabym przystosowaniu do urządzeń mobilnych lub zbyt natrętne reklamy czy przesunięcia treści, zmieniające nawigację użytkownika.

Twórcy witryn nie zlekceważyli informacji o Core Web Vitals, ponieważ w listopadzie zeszłego roku Google odnotowało, że „średnio o 70% więcej użytkowników korzysta z Lighthouse and PageSpeed Insights”, dwóch narzędzi do pomiaru komfortu użytkowania. 

Trzy wskaźniki CWV

  • LCP (Largest Contentful Paint): Ten wskaźnik analizuje czas ładowania strony. Dobry LCP to 2,5 sekundy od rozpoczęcia ładowania.
  • FID (First Input Delay): Ten czynnik mierzy czas potrzebny witrynie na interakcję. FID nie powinien przekraczać 100 ms. 
  • CLS (Cumulative Layout Shift): Ten element sprawdza stabilność wizualną strony. Aby zapewnić wysoki komfort użytkowania idealna wartość nie przekracza 0,1.

Nasze wysiłki koncentrują się na ostatnim wskaźniku, CLS, którego celem jest uniknięcie przeskakiwania treści w wyniku ładowania reklam. Twórcy witryn mogą naprawdę wiele zyskać przez optymalizację Core Web Vitals. Utrzymanie komfortu użytkowania na wysokim poziomie to klucz do zwiększenia ruchu. Dzięki optymalizacji CLS pomagamy także twórcom w pozyskiwaniu odbiorców.

Nasze zalecenia w zakresie optymalizacji wskaźnika CLS

Rozwiązania Opti Digital obejmują wprowadzanie wielorozmiarowego i dynamicznego odświeżania w obrębie slotów reklamowych, które mogą spowodować nieoczekiwane przeskakiwanie treści. Aby tego uniknąć zalecamy stworzenie nadrzędnego div o minimalnej wysokości dla divów znaczników reklamy. Jeśli mniejszy rozmiar przyjmie się na rynku, sugerujemy także ustawienie pionowego wyśrodkowania w CSS. Pomoże to wizualnie zmniejszyć marginesy, które mogą pojawić się przy wyśrodkowaniu wysokości reklamy.

Poniżej podajemy minimalne zalecane przez nas rozmiary:

  • 250Px dla umieszczania pozycji w urządzeniach mobilnych
  • 280px dla umieszczania pozycji między akapitami treści na komputerach stacjonarnych
  • 600px dla dużych kątów
  • 250px dla mega bannerów

Przeczytaj: Najlepsze formaty reklam w 2021 roku

Już niedługo będziemy zarządzać optymalizacją wskaźnika CLS bezpośrednio w naszych tagach, ale na razie wolimy pozostawić tę kwestię twórcy witryny, aby zapewnić zysk w zakresie zwinności i wydajności. Nasz skrypt ładuje się w trybie asynchronicznym, dlatego wyniki są lepsze, gdy rozmiary są określone z użyciem kodu HTML znajdującego się na serwerach twórcy, tym bardziej że obliczenia CLS zaczynają się ok. 200 lub 300 ms po załadowaniu strony. 

Po skorzystaniu z powyższych rad jeden z naszych klientów przygotowujących treści redakcyjne ograniczył przeskakiwanie treści na swojej witrynie, przez co zapewnił większy komfort użytkowania swoim odbiorcom:

Wynik CLS naszego klienta przed optymalizacją i po optymalizacji Opti Digital (styczeń 2021 i maj 2021)

Nasze rozwiązania z zakresu Core Web Vitals umożliwiają twórcom dalsze uzyskiwanie korzyści finansowych ze swojej powierzchni reklamowej bez szkody dla komfortu użytkowania, zapewniając dobrą pozycję na stronach SERP w celu pozyskania odbiorców. Aby zautomatyzować optymalizację wskaźnika CLS dla klientów jesteśmy w trakcie aktualizowania wszystkich naszych znaczników reklamowych… (Wkrótce opowiemy więcej o tym nowym rozwiązaniu).

Chcesz sprawdzić nasze sugestie? Masz pytania o sposoby optymalizacji, które stosujemy, aby poprawić twój wynik CLS? Skontaktuj się ze swoim opiekunem klienta lub napisz do nas tutaj.