Aplikacje
Strony internetowe
Marketing internetowy
Jakub 
W 2020 roku pojawiła się informacja, że Google planuje wprowadzić nowy czynnik rankingowy — Core Web Vitals. Są to podstawowe czynniki internetowe, które ujednolicają wymagania pod kątem doświadczeń użytkownika. Poprawa Core Web Vitals to ciągły proces obejmujący diagnostykę, identyfikację problematycznych elementów oraz wdrażanie poprawek.
Czym jest Core Web Vitals?
Core Web Vitals (CWV) to podstawowe wskaźniki internetowe wskazane przez Google jako czynnik rankingowy. Zostały wprowadzone po to, aby ujednolicić strony pod kątem doświadczeń użytkownika, w zakresie ładowania strony, interaktywności i stabilności wizualnej. Te czynniki rankingowe nie są niczym nowym. Są powiązane z trendem maksymalizacji użyteczności stron pod kątem wymagań użytkowników.
Po wprowadzeniu CWV na znaczeniu zyskały przede wszystkim strony spełniające wszystkie standardy Google dotyczące atrakcyjności dla użytkowników. Właściciele stron musieli skupić się na konkretnych obszarach, aby dopasować się do aktualizacji algorytmów.
Co obejmują podstawowe wskaźniki internetowe?
Podstawowe wskaźniki internetowe dotyczą przede wszystkim pracowania nad tymi aspektami strony, które zapewniają wysoką wygodę użytkowania. Najważniejsze jest skupienie się na maksymalnym skracaniu czasu ładowania strony. Wymagania dotyczą zarówno wersji desktopowej, jak i mobilnej.
Z przeprowadzonych analiz otrzymasz raport z zakresu SXO, który wskaże:
- wynik wysoki — warto obserwować wskaźnik, ale nie musisz podejmować żadnych działań;
- wymagana poprawa — należy poddać analizie wskaźniki i je obserwować, a także wdrożyć rozwiązania, które wpłyną na poprawę;
- niski wynik — strona jest słabej jakości, a wskaźnik może mieć negatywny wpływ na współczynnik odrzuceń.
Przeczytaj również
LCP, INP, CLS—co oznaczają te skróty?
- LCP (Largest Contentful Paint) — im szybciej strona internetowa ładuje się, tym jest bardziej przyjazna dla użytkownika. Wskaźnik ten określa czas renderowania największego fragmentu zawartości na stronie. Dobry wynik to poniżej 2,5 sekundy. Elementem LCP może być zarówno tekst, film, jak i zdjęcie. Jeżeli wynik nie jest satysfakcjonujący, konieczne jest wprowadzenie poprawek.
- INP (Interaction to Next Paint) — jest to nic innego jak interakcja do kolejnego wyrenderowania strony. Wskaźnik mierzy szybkość reakcji strony na interakcje użytkownika. Dobrym znakiem jest niski wynik INP. Oznacza, że interakcje na stronie przebiegają płynnie i szybko.
- CLS (Cumulative Layout Shift) — wskaźnik ten określa stabilność elementów na stronie internetowej. Dotyczy sumy widocznych przesunięć podczas ładowania się strony. Są to najczęściej zdjęcia, które ładują się dłużej niż przejście do kolejnego pola. Dobrze zoptymalizowane działania w tym aspekcie sprawiają, że użytkownik nie zniechęca się zbyt długo wyświetlaną reklamą.
Usługi programistyczne i marketingowe w Twoim mieście
Jak poprawić Core Web Vitals?
Dostępnych jest kilka dobrych praktyk, które odpowiadają na pytanie, jak poprawić Core Web Vitals. Wdrażając te rozwiązania, możesz osiągnąć o wiele lepsze wyniki.
- Optymalizacja plików graficznych i ich rozmiarów — jednym z największych elementów na stronie są zdjęcia. Wpływają na wynik LCP. Konieczne jest korzystanie z nowoczesnych formatów takich, jak WebP czy AVIF, a także kompresowanie plików bez utraty jakości.
- Przyspieszenie odpowiedzi strony serwera — warto zainwestować w wydajny hosting, a także wyłączyć cache’owanie. Konieczne jest również postawienie na CDN, czyli Content Delivery Network. Jest to tzw. sieć dostarczania zawartości bazująca na serwerach rozproszonych po całym świecie. Należy dążyć do TTFB (Time to First Byte) poniżej 0,8 sekundy.
- Eliminacja zasobów blokujących renderowanie — pliki CSS i JavaScript ładujące się synchronicznie opóźniają wyświetlenie treści. Szybsze wyrenderowanie zawartości uda się osiągnąć wprowadzając minifikację kodu, wstrzykiwanie krytycznego CSS oraz odraczanie mniej istotnych skryptów za pomocą defer lub async.
- Zostawienie przestrzeni dla dynamicznych elementów — im więcej na stronie jest wyskakujących elementów, tym CLS jest wyższy. Aby to ograniczyć, warto ustalić rozmiary dla wszystkich obrazów, video, a także ramek iframe. Na szczególną uwagę zasługują banery reklamowe i dynamicznie ładowane elementy strony.
- Optymalizacja JavaScript — aby osiągnąć dobry wynik INP, warto przeprowadzić Code splitting, usuwanie nieużywanego kodu i minimalizację manipulacji DOM. Znacząco poprawisz w ten sposób responsywność strony internetowej.
- Prawidłowe ładowanie czcionek — font-display: swap zapobiega efektowi „niewidzialnego tekstu”, a także wpływa na stabilny układ strony.
Nad Core Web Vitals musisz pracować cały czas. Nie wystarczy jednorazowe wprowadzenie zmian. Twoje wyniki mogą pogarszać się wraz z każdą aktualizacją CMS, dodaniem nowych wtyczek czy wprowadzeniu zmian w kodzie.
Warto regularnie sprawdzać osiągane wyniki w Google Search Console. Konieczne jest także skorzystanie z alertów wyświetlanych przez RUM. Szybko wychwycisz problemy na stronie i zareagujesz tak, aby Twoje wyniki nie pogorszyły się.
Core Web Vitals a SEO
Core Web Vitals są bardzo ważnymi czynnikami rankingowymi. Nie należy jednak podchodzić do nich na zasadzie konieczności osiągania dobrych wyników i wypracowywania na tej podstawie wyższej pozycji w Google.
Core Web Vitals są oficjalną częścią szerszego sygnału rankingowego o nazwie Page Experience. Strona z lepszymi wskaźnikami Page Experience (w tym CWV) może uzyskać wyższą pozycję.
Google bierze pod uwagę zachowania użytkowników, aby ustalić jakość wyników wyszukiwania. Im lepszy jest CWV, tym możesz osiągnąć większe zadowolenie użytkowników. Automatycznie algorytmy Google zwracają uwagę na Twoją stronę i pozycjonują ją wyżej.
Praktyczne porady, jak poprawić Core Web Vitals
Nie ma jednej złotej zasady, jak poprawić Core Web Vitals. Są jednak pewne praktyki, które w tym pomagają:
- Zadbaj o użyteczność strony.
- Kontroluj, czy wskaźniki LCP, INP i CLS są dobrej jakości.
- Jeżeli otrzymujesz sygnały, że coś na stronie nie działa poprawnie, w pierwszej kolejności sprawdź serwer, CMS, technologię, w jakiej napisana jest strona oraz liczbę zastosowanych rozszerzeń.
