Google w ostatnich latach coraz bardziej uwzględnia czynniki takie jak prędkość ładowania strony, optymalizacja mobilna i wiarygodność jako pozytywne czynniki wpływające na listowanie w wynikach wyszukiwania Google. W maju 2020 roku Google ogłosiło, że pewne wskaźniki dotyczące doświadczenia użytkownika na stronie (Page Experience Signals) zostaną zgrupowane, a w maju 2021 roku wskaźniki doświadczenia użytkownika na stronie zostały wdrożone jako nowy czynnik rankingowy dla witryn, łącząc różne czynniki w celu stworzenia kompleksowego obrazu jakości doświadczenia związane z przeglądaniem strony internetowej.

Szósty główny czynnik dla doświadczenia użytkownika i strony składa się z:

  • Prędkość ładowania
  • Interaktywność (FID - do lutego 2024), Interakcja z następnym malowaniem (INP - od marca 2024)
  • Stabilność wizualna (kumulacyjne zmiany w układzie)
  • Optymalizacja mobilna
  • Bezpieczne przeglądanie: brak złośliwego oprogramowania, brak podszywania się pod marki, …
  • HTTPS: Szyfrowanie za pomocą certyfikatu SSL
  • Brak nachalnych interstitiali (pełnoekranowych banerów)
Elementy podstawowe witryny i czynniki doświadczenia użytkownika na stronie.

Prędkość ładowania według podstawowych wskaźników jakości witryny

Pojęcie "ładowanie" odnosi się do szybkości ładowania strony internetowej, czyli jak szybko główna treść buduje się dla Twojego użytkownika. Google określa czas na wartość do 2,5 sekundy jako wartość celową, którą operatorzy witryn powinni dążyć do osiągnięcia dla swoich użytkowników.

Interaktywność i responsywność według podstawowych wskaźników jakości witryny

Interaktywność, w ramach pierwszego Opóźnienia pierwszej reakcji (First Input Delay), określa moment, kiedy strona faktycznie reaguje, gdy użytkownik chce z nią współdziałać ... na przykład poprzez przewijanie lub kliknięcie przycisku. Chodzi o szybkość reakcji strony internetowej na interakcje użytkownika. Ten okres czasu powinien być jak najkrótszy, a dobry wynik dla Google to do 100 ms. Od marca 2024 roku metryka została zastąpiona przez Interakcja z następnym malowaniem (INP). Interakcja z Następnym Malowaniem (INP) ocenia kompleksową zdolność reakcji strony na interakcje użytkownika, monitorując opóźnienia wszystkich kliknięć myszy, naciśnięć klawiszy i wpisów klawiatury, które występują podczas całej wizyty użytkownika na stronie. Końcowa wartość INP odpowiada najdłuższej zaobserwowanej interakcji, przy czym wartości odstające nie są brane pod uwagę. Odpowiedź czasowa jest tu definiowana jako okres między działaniem użytkownika a pojawieniem się widocznej reakcji.

Skrypt mojego samouczka dotyczącego marketingu internetowego, który został utworzony w aplikacji online Google Docs i obejmuje ponad 600 stron. Podczas pisania w późniejszych rozdziałach zauważyłem w przeglądarce drobne mikrozawiechy, ponieważ wyraźnie było widać, że ma trudności z płynnym ponownym ładowaniem setek stron, w tym wielu plików graficznych. Choć ta sytuacja niekoniecznie zatrzymywała mnie w pracy, była to jednak reaktywna zakłócenie korzystania. Postanowiłem więc utworzyć nowy dokument, w którym ten rozdział został utworzony, a następnie skopiować go do głównego skryptu. Chodzi tu właśnie o interaktywność witryn, aby doświadczenie użytkownika w różnych aspektach było pozytywne. Właśnie o to chodzi w reakcji na określone interakcje, takie jak przewijanie, klikanie, gesty i płynność animacji.

Kumulacyjne zmiany w układzie według podstawowych wskaźników jakości witryny

Kumulacyjne zmiany w układzie, czyli błędy CLS, występują, gdy Twoja strona internetowa ładowana jest asynchronicznie, a użytkownik na przykład czyta już obszar niżej, podczas gdy na górze nadal załadowuje się obrazek lub reklama o dużej wielkości pliku i finalne rozmieszczenie powoduje skok w dół. Często jest to wartość, która powoduje niezaliczenie testów dotyczących podstawowych wskaźników jakości witryny, jeśli sama strona ładowana jest szybko.

Testowanie prędkości ładowania za pomocą narzędzi online

Prędkość ładowania można testować tutaj:
https://pagespeed.web.dev/
https://gtmetrix.com/

Wynik narzędzia PageSpeed Insights dla TutKit - komputer stacjonarny

Alternatywnie można skorzystać z narzędzia Lighthouse dostępnego w funkcjach deweloperów w przeglądarce Chrome. Wystarczy nacisnąć F12, a następnie w menu po prawej stronie znajdziesz Lighthouse, za pomocą którego możesz przetestować aktualnie otwartą stronę internetową.

Prędkość ładowania strony oraz jej reaktywność zależy od wielu czynników, takich jak wydajność serwera, jakość kodu, moment wczytywania treści, wielkość plików graficznych, ikon w formacie SVG zamiast PNG, itp. Dlatego warto się najpierw skupić na zaleceniach odnośnie GTMetrix i PageSpeed Insight, aby osiągnąć globalne ulepszenia, jeśli wartości jeszcze nie są zadowalające.

Google jeden podsumowany wskaźnik podaje także dla nowych podstawowych wskaźników jakości witryny w ramach doświadczenia użytkownika na stronie. Dodatkowo w Google Search Console masz możliwość otrzymać przyporządkowanie do poszczególnych stron Twojej witryny. To pomoże Ci zidentyfikować i naprawić problemy na Twoich stronach podczas analizy.

Optymalizacja mobilna witryny w kontekście doświadczenia użytkownika na stronie

Optymalizacja mobilna witryny można przetestować także za pomocą narzędzi deweloperskich w przeglądarce Chrome dzięki opcji Przełącznika Paska Narzędziowego Urządzenia (Ctrl + Shift + M).

Specjalnie dla programistów ważne jest czasami możliwość śledzenia, jak układ reaguje na konkretne urządzenie, na przykład gdy klient zgłasza problem z np. starszym modelem iPhone'a. W Chrome = F12 można aktywować różne urządzenia, które przedstawiają rozdzielczości. Istnieją również profesjonalne narzędzia, które przeprowadzają kompleksowe testy, takie jak narzędzie Lambda Test.

Do optymalizacji mobilnej należy również zapewnić użytkownikom wygodne korzystanie z treści na smartfonie, bez potrzeby powiększania! Oznacza to także, że treści widoczne na dużym biurkowym komputerze nie muszą być koniecznie widoczne na smartfonie. Smartfon korzysta z innych (mobilnych) mechanizmów interakcji, jak na przykład dotyk zamiast kliknięcia. Ma to znaczenie szczególnie w przypadku popularnych elementów typu hover na stronach internetowych, które w tej formie nie działają na smartfonach. 

Również dzisiaj smartfon często stanowi początek poszukiwań, które być może później będą kontynuowane na innym urządzeniu, takim jak tablet lub komputer stacjonarny. Chodzi tutaj o początek długiej podróży klienta przez wiele urządzeń, dlatego też doświadczenie użytkownika musi uwzględniać także korzystanie z różnych urządzeń.

Przykład z osobistego doświadczenia związanego z korzystaniem z różnych urządzeń: ja i moja partnerka mamy troje dzieci. niedawno byliśmy w krytym basenie przyjaciela. Mój smartfon leżał w leżaku w pobliżu basenu. Przyszedł mi do głowy myśl, co by było, gdyby przez przypadek lub jedno z dzieci telefon wpadł do wody. Smartfon już teraz reguluje połowę mojego życia. Jednakże myśl ta nabrała na znaczeniu, ponieważ zarządzałem także moim portfelem inwestycyjnym za pomocą smartfona. 100% mobilnie... tak reklamuje się Trade Republic, mój broker online. Nagle uświadomiłem sobie, że nie miałbym możliwości zrobienia kopii zapasowej w przypadku utraty smartfona. Przez wiele godzin lub nawet dni nie mógłbym zalogować się do mojego portfela. Każdy, kto miał w ciągu dnia kilka papierów wartościowych z wysokim dźwigniem i bliskim progiem Knockoutu w swoim portfelu, może sobie wyobrazić, że taka sytuacja może wywołać pewne niepokoje. 100% mobilny stał się dla mnie zatem potencjalnym minusem, dlatego założyłem nowe konto u innego nowoczesnego brokera, gdzie mogę zarówno inwestować mobilnie, jak i przez komputer stacjonarny. W międzyczasie Trade Republic wprowadził także wersję desktopową - to dobre!

Bezpieczne przeglądanie w kontekście doświadczenia użytkownika na stronie

Bezpieczne przeglądanie oznacza, że Twoja strona internetowa nie dostarcza złośliwego oprogramowania oraz że przestrzegasz określonych zasad, na przykład że nie używasz logo marek, których nie wolno Ci używać, ani nie udajesz produktów markowych, których nie masz w portfolio. Do tego należy również, aby na przykład przycisk odtwarzania wideo rzeczywiście odtwarzał wideo, a nie rozpoczynał pobieranie dla użytkownika. Szczególnie punkt dotyczący złośliwego oprogramowania jest dla wielu stron internetowych stanowi największe ryzyko w kontekście bezpiecznego przeglądania, które można ograniczyć poprzez regularne aktualizacje systemu CMS i wtyczek. Jeśli Twoja strona internetowa nie musi koniecznie zawierać formularza kontaktowego, warto zastanowić się nad jego usunięciem, ponieważ pola formularza mogą stanowić wejście dla hakerów lub automatycznych ataków typu SQL Injects, Crosssite Scripting, kody heksadecymalne itp.

W sierpniu 2021 r. Google wycofał swoje wcześniejsze stanowisko i oświadczył, że bezpieczne przeglądanie nie będzie już brane pod uwagę jako czynnik rankingowy. Ten krok został uzasadniony tym, że wielu właścicieli stron nie może być obarczanych odpowiedzialnością za ataki hakerskie. Niemniej jednak zalecenia dotyczące bezpiecznego przeglądania można znaleźć w raportach PageSpeed Insights i Lighthouse. Dlatego można przypuszczać, że temat ten nie został jeszcze ostatecznie zamknięty pod względem SEO.

Strony Google PageSpeed Insights Bezpieczne przeglądanie.

Bezpieczne połączenia za pomocą protokołu HTTPS dla wysokiej jakości doświadczenia użytkownika na stronie

HTTPS jest standardem już dzisiaj. Każda strona powinna mieć certyfikat SSL. Istnieje nawet ryzyko ostrzeżeń dla właścicieli stron, które nie posiadają certyfikatu SSL.

Szczególnie istotne jest również, aby obrazy, które zostały umieszczone przed przyporządkowaniem certyfikatu SSL, również zostały dostosowane w kodzie z http na https. W przeciwnym razie przeglądarka oznaczy stronę jako niebezpieczną. Dotyczy to szczególnie stron WordPress - czyli najczęściej używanego systemu CMS w ogóle.

Rezygnacja z interstitialów

Ostatnim punktem na liście jest rezygnacja z nachalnych interstitiali, czyli pełnoekranowych banerów, które bardzo rzadko sprawiają, że serca Twoich użytkowników biją szybciej. Przynoszą jedynie frustrację i powodują negatywne emocje oraz szybkie zakończenie interakcji. W tym kontekście warto zastanowić się również nad szybko pojawiającymi się banerami z zapisem do newslettera. Banery informujące o plikach cookie dla nowych klientów także są frustrujące. Jeśli użytkownik pojawiający się na stronie opuszcza ją natychmiast po zobaczeniu takiego banera, sygnał użytkownika dla Google również jest negatywny.

Baner pełnoekranowy bezpośrednio pomiędzy treściami.

Podsumowanie dotyczące czynników doświadczenia użytkownika na stronie

Dostosowanie do czynników Google w celu zapewnienia wysokiej jakości doświadczenia użytkownika i strony internetowej w większości przypadków powinno być wykonane przez Twoich programistów lub agencję, która się Tobą zajmuje. Jako pracownik działu marketingu ważne jest, abyś wiedział, według jakich metryk mierzone jest doświadczenie użytkownika na stronie i jakich narzędzi w tym celu możesz użyć. Jeśli wykonawcą optymalizacji jest Twoja agencja, upewnij się, że umowa jasno określa, że prace muszą prowadzić do bardzo dobrych wyników pomiarów w celu zatwierdzenia usługi. Bądź absolutnie świadomy, że od maja 2021 r. doświadczenie użytkownika ma aktywny wpływ na wyniki wyszukiwania i pozycjonowanie stron w Google. Skutki zmian w rankingu odczują również Twoi konkurenci i dostosują swoje strony internetowe, o ile spadły one w rankingach wyników wyszukiwania do nowych wymagań.

Jeśli chcesz zająć wyższe pozycje w wynikach wyszukiwania Google ze swoją obecnością online, nie możesz uniknąć tematu doświadczenia użytkownika na stronie. Ostatecznie robisz to nie tylko z powodów związanych z SEO, ale również jako element swojego doświadczenia marki, dzięki czemu Twoi klienci docelowi będą mieli jeszcze większą skłonność do pożądanego zachowania.

Jakie inne elementy zwiększają doświadczenie użytkownika na Twojej stronie internetowej w szczególności? W zasadzie są to wszystkie punkty styku, na które użytkownik natrafia w trakcie swojej podróży klienta wzdłuż lejka sprzedażowego do pożądanej konwersji. O tym więcej w kolejnych częściach tej serii pomocy.

Page Experience jest czynnikiem rankingowym SEO dla Google (podstawowe wskaźniki witryny)

Opublikowano na z Matthias Petri
Opublikowano na: Od Matthias Petri
Matthias Petri założył razem z bratem Stefanem Petri agencję 4eck Media GmbH & Co. KG w 2010 roku. Wspólnie z zespołem prowadzi popularne forum branżowe PSD-Tutorials.de oraz portal edukacyjny TutKit.com. Opublikował wiele szkoleń z obróbki zdjęć, marketingu i designu oraz wykładał jako wykładowca na FHM Rostock w dziedzinie „Marketingu cyfrowego & Komunikacji”. Za swoją pracę został wielokrotnie nagrodzony, m.in. specjalną nagrodą Website-Awards Meklemburgii-Pomorza 2011 oraz jako Kreatywny Realizator Meklemburgii-Pomorza 2015. W 2016 roku został mianowany Fellowem Kompetencyjnego Centrum Przemysłu Kultury & Kreatywności Bundu oraz zaangażował się w inicjatywę „Jesteśmy Wschodem” jako przedsiębiorca i dyrektor wykonawczy z wieloma innymi postaciami pochodzącymi z Niemiec Wschodnich.