1. Mobile first index – rewolucja rewolucji
2. Wersja mobilna to standard
3. Dobry UX, a najlepiej Data Driven UX Design
4. Mobile Friendliness to konwersje
5. Przyszłość mobile friendliness
6. Rok Era mobile

W marcu 2015 roku pisaliśmy o przyjazności stron www dla mobile na blogu Bluerank. Przez te kilka lat z galopującego trendu przeszliśmy do standardu w świecie projektowania i tworzenia witryn Internetowych. Zmieniły się wykorzystywane technologie, podejście do designu czy oczekiwania użytkowników. Poniżej znajduje się cytat ze wspomnianego artykułu:

Od kilku lat ilość użytkowników urządzeń mobilnych sukcesywnie rośnie. Coraz więcej z nas korzysta ze smartfonów oraz tabletów również w celu wyszukiwania online. Oczywiste jest, że Google bierze pod uwagę tenże bardzo istotny trend i wdraża zmiany w swoim najważniejszym produkcie jakim jest wyszukiwarka. Od 21 kwietnia 2015 roku przyjazność serwisu dla urządzeń mobilnych będzie miała ogromne znaczenie dla rankingów serwisu w wynikach wyszukiwania na urządzeniach przenośnych.

Od tego czasu zmieniło się właściwie wszystko. Algorytmy Google przez ostatnie siedem lat były wymyślnie (lub pokrętnie!) strojone pod urządzenia mobilne, wytyczne pojawiające się w dokumentacji coraz mocniej sugerowały, że przyszłością są smartfony (wtedy nie tylko one – zapalmy tu świeczkę dla tabletów). Google wskazywał nam, że niesławny rok mobile to tak naprawdę era mobile. Branża zachłysnęła się hasłem „rok mobile”, gdy Google tak naprawdę przygotowywał fundamenty do jego rozpoczęcia. 

Rewolucja rozkręcała się powoli i może nieśmiało, jednak pojedyncze jej elementy możemy dostrzec na tej siedmioletniej osi czasu. Mniejsze bądź większe. A więc… w którym miejscu tej rewolucji jesteśmy? Czym jest przyjazność mobilna i przede wszystkim – dokąd zmierza?

Mobile first index – rewolucja rewolucji

Jako że lubię historię, to cofnijmy się o kilka lat wstecz. Mobile first index, jak dobrze pamiętamy, był pierwszym tak zdecydowanym ruchem ze strony Google wskazującym na nadchodzącą dominację urządzeń mobilnych. Ale wyraźne sygnały pojawiały się znacznie wcześniej. W mojej pamięci utkwił mi wpis Google: Finding More Friendly Search, kiedy to gigant ogłosił, że przyjazność urządzeń mobilnych będzie sygnałem rankingowym. W tamtych czasach, mimo że moją działką odpowiedzialności było zarządzanie wersjami oprogramowania w innym miejscu pracy, to czułem napięcie z powodu tej pozornie niewielkiej zmiany. Nie masz RWD? Nie posiadasz wersji mobilnej? Niepewność to dobre słowo, by opisać tamto uczucie.

Co miał na celu „more friendly search”? Lepsze dopasowanie wyników wyszukiwania do aktualnie wykorzystywanego urządzenia. Ot, tylko tyle i aż tyle.

Nikt nie chciał przeglądać na ekranie dowolnego urządzenia niezoptymalizowanej, niewygodnej i często niezbyt atrakcyjnej witryny, a co gorsza – niespójnej pomiędzy wersjami (zazwyczaj trzema: mobile, tablet i desktop). Przypomnę jedynie, że były to czasy, gdy na rynku pojawił się iPhone 6 czy Galaxy S5, czyli urządzenia stworzone do konsumpcji treści – duże ekrany o uczciwym zagęszczeniu pikseli i poprawnej wydajności w tamtym okresie, dawały użytkownikom całkiem niezłą swobodę i komfort korzystania z Sieci.

Niestety – takie urządzenia były w naszym kraju rzadkością (cena flagowca zaczynała się od 3000 zł i kończyła nawet na 5000 zł!). Królowały przede wszystkim low-endy i mid-endy o mniejszych ekranach (3,5 – 4 cala) i bardzo przeciętnych rozdzielczościach, a także wyjątkowo słabych procesorach. Wspominam o tym, by wskazać przede wszystkim jak trudne było w tamtych czasach zaprojektowanie witryny, która zachowa wszystkie funkcjonalności i treści dla użytkownika nie przytłaczając go ilością wizualnych elementów bez perspektywy, dokąd będzie zmierzać Google, ale i cała branża.

Pod koniec 2016 roku mogliśmy przeczytać taki oto komunikat na stronie Google:

Mobile First Index przyniósł realną zmianę dzięki pozornie prostej modyfikacji. Dawniej projektowanie wersji mobilnej było często zadaniem pobocznym o mniejszym priorytecie, co powodowało generowanie antywzorców UX na stronie jak np. mniejsza ilość treści na mobile czy usunięcie części istotnej nawigacji. W końcu mniejszy ekran, mniej miejsca na treść, więc najprostszym sposobem optymalizacji było… usuwanie lub ukrywanie. Oczekiwaniem użytkowników oraz Google było otrzymaniem tych samych doświadczeń niezależnie od wykorzystywanej platformy – telefonu, tabletu, laptopa czy konsoli do gier. I tego dotyczyła zmiana.

W 2020 roku Google całkowicie przeszedł na indeksację mobilną, co spowodowało, że treści tej wersji witryny są wykorzystywane do indeksacji oraz ustalania rankingu. O Page Experience i Core Web Vitals w 2021 nie wspomnę, ale zaproszę Was do mojego artykułu: Core Web Vitals – podstawowe wskaźniki Internetowe.

Wersja mobilna to standard

Ale co wpływa na jej przyjazność, czyli mityczne „mobile friendliness?”. Chciałoby się rzec, że wszystko – możemy jednak skategoryzować te elementy i utworzyć konkretne ich grupy. Na początek spójrzmy jeszcze na dokumentację Google, która definiuje trzy główne punkty:

1. Ułatw życie klientom.
2. Zmierz efektywność witryny, sprawdzając, jak łatwo użytkownicy mogą w niej wykonać najczęstsze czynności.
3. Wybierz szablon, motyw lub projekt witryny mobilnej przystosowany do różnych urządzeń (np. postaw na elastyczne projektowanie witryn).

Jasne i klarowne! Z mojej perspektywy dzielę przyjazność mobilną na takie obszary jak:

Dobry UX, a najlepiej Data Driven UX Design

Projektowanie witryny na podstawie realnych danych swoich użytkowników, ich zachowania i wzorców, to niezwykle skuteczny sposób na tworzenie hipotez, które można następnie przekuć w niezwykle udane i co ważne – minimalizujące ryzyka wdrożenia. Ważne jest to, by był to ciągły proces doskonalenia bazujący na Evolutionary Site Design. Całość można skutecznie zamknąć w prostym cyklu Deminga, czyli podejściu Plan-Do-Study-Act.

Bezpieczeństwo

Zostawiamy coraz więcej wrażliwych danych w Sieci. Prostota zakupów dzięki szybkim płatnościom, mnogość sposobów logowania, wykorzystanie biometryki, zapisywania haseł, powiązań pomiędzy witrynami… Generuje coraz więcej niebezpieczeństw. Użytkownicy są coraz bardziej świadomi i oczekują, że dane pozostawione na stronie będą bezpieczne, szyfrowane, witryna powinna jednak dbać o edukowanie użytkowników w kontekście np. tworzenia bezpiecznych haseł. Dodam jeszcze, że HTTPS jest jednym z wymogów Page Experience, więc jego brak jest na dziś po prostu niedopuszczalny. Należy zadbać o bezpieczeństwo użytkowników nie tylko w obrębie Internetu, ale także zapewnić ich, że np. ich przesyłka jest bezpieczna czy wskazać możliwość ubezpieczenia produktu.

Wydajność

Można by to zamknąć w Core Web Vitals, ale obszar wydajności jest znacznie bardziej złożony niż kilka metryk. Użytkownik poza dobrym interfejsem i architekturą informacji oczekuje prędkości, płynności, a często i efektowności (vide Apple!). Wszystkie te oczekiwania są często ze sobą sprzeczne. Więcej efektów jest równoznaczne z większym obciążeniem Twojego urządzenia, a co za tym idzie – spadkiem wydajności witryny. Optymalizacja prędkości ładowania i wydajności to jeden z najobszerniejszych obszarów SEO, ale i jeden z najistotniejszych w pierwszych miesiącach każdego projektu SEO.

Jasność przekazu

Przyjazność mobilna w tym przypadku to odpowiednia optymalizacja sekcji above the fold i projektowanie architektury informacji w logiczny oraz przyjazny dla użytkownika sposób, także w obszarze nawigacji. Oznacza to, że jeżeli użytkownik wpisuje zapytanie w wyszukiwarkę, zaś na pierwszym miejscu wyników wyszukiwania znajduje się nasza strona, to jesteśmy zobligowani do tego, by zwrócić mu jak najszybciej wartościową odpowiedź. Ile razy trafiłeś na artykuł w sieci, który zadawał kontrowersyjne pytanie i właściwie na nie odpowiadał?

Dostępność

Nie chcemy wykluczać żadnej grupy ludzi z możliwości korzystania z naszej witryny. Dotyczy to łatwości nawigacji, czytelności, jasności kierowanych komunikatów, kolorystyki, wielkości poszczególnych elementów czy nie stosowania wyskakujących okien. Przykład: prowadzisz stronę, na której sprzedajesz farby? Warto umieścić na stronach dodatkowe informacje dla osób cierpiących na konkretny rodzaj ślepoty barw. Warto korzystać z zasad Web Content Accessibility Guidelines (WCAG). Niezwykle istotne dla niektórych branż (w szczególności dla YMYL).

W każdej tej grupie moglibyśmy wypisać zapewne po kilkadziesiąt pomniejszych elementów wpływających na przyjazność stron dla urządzeń mobilnych. Ważne jest przede wszystkim to, by słuchać użytkowników, badać ich zachowania i testować różnego rodzaju rozwiązania wspierające proces zakupowy czy inną zaprojektowaną w określonym celu drogę dla użytkownika.

Mobile Friendliness to konwersje

Optymalizacja konwersji to temat rzeka, ale i niezwykle istotny w projektach SEO. Pewnymi wytycznymi możemy w dość dużym stopniu wpłynąć na jakość pozyskiwanego ruchu, jego kaloryczność. W miejscu, gdzie kończy się SEO może rozpocząć się CRO i SXO. Z chęcią poruszę ten temat w osobnym artykule, zaś teraz wrócę do wyjaśnienia czemu przyjazność może wpłynąć pozytywnie na konwersje.

Spełnianie oczekiwań użytkowników

Niezwykle trudny i złożony obszar optymalizacji witryny. Należy znać oczekiwania i potrzeby swoich klientów, rozumieć ich ścieżkę (Customer Journey), ale także posiadać wiedzę i umiejętności, by przenieść to bezpośrednio na witrynę. Na przykład w postaci idealnego interfejsu użytkownika posiadającego istotne funkcjonalności, świetną architekturę informacji, dzięki której poprowadzimy użytkownika według konkretnego szablonu do celu. Zwrócenie uwagi na kolorystykę, umiejscowienie elementów konwertujących, przydatność i istotność obszaru above the fold, ale i projektowanie z myślą o konkretnych proporcjach uwagi…

To wszystko są dość podstawowe działania poprowadzenia użytkownika do celu niczym scenariusz filmu. Przyjazność mobilna to odpowiedź na te potrzeby w mniejszym bądź większym stopniu – algorytmy Google to jeden z obszarów, na które warto zwracać uwagę.

Użytkownicy zawsze powinni być w centrum naszego zainteresowania.

Przyszłość mobile friendliness

Przyszłość może nie być tak bardzo różna od dziś. Już teraz widzimy coraz silniejsze zacieranie granic pomiędzy aplikacjami internetowymi a natywnymi dzięki zastosowaniu PWA. Możliwość dodania Twojej ulubionej strony na pulpicie smartfona niemal nieodróżnialnej od aplikacji dedykowanej danemu systemowi, to wspaniały feature UX. Jednak za PWA stoją wspaniałe rozwiązania i technologie, dzięki którym korzystanie z witryny jest po prostu przyjemniejsze.

Widzimy też silny trend SPA (Single Page App) i chętniejsze wykorzystywanie systemów szkieletowych, by budować nowoczesne witryny. Jestem ogromnym fanem tego podejścia, nawet biorąc pod uwagę jego nierówną przyjazność SEO i wyzwaniami związanymi z renderowaniem i skanowaniem witryny przez roboty indeksujące. Projekty witryn, które można nazwać „seamless” zawsze są dla mnie wspaniałym doświadczeniem podczas interakcji.

I wiele innych jak chociażby szersze wykorzystanie Motion UI, coraz lepsze zabezpieczenia i ochrona danych użytkowników, wykorzystanie AI czy API-first development. Wiele buzzwordów, ale i szans kreowanie na jeszcze lepszych doświadczeń. Fajnie!

Rok Era mobile

Era mobile nastała dawno temu. Posiadanie wersji mobilnej witryny – czy to RWD czy AWD jest standardem. Zagwarantowanie użytkownikom wygodnego, komfortowego i bezpiecznego środowiska do interakcji, to najlepsza metoda dbania o przyjazność mobilną witryny. Google będzie dbać przede wszystkim o dostępność i jak najszersze grono odbiorców swojej wyszukiwarki i znajdującej się w jej bazie strony.

Optymalizacja serwisu pod kątem SXO ma na celu wzmocnienie pozytywnych doświadczeń z korzystania z witryny i podkreślenie odpowiedzi na ich oczekiwania, ale również odnosi się do wzrostu konwersji czy wydajności serwisu. SXO łączy praktyki UX ze spojrzeniem SEO (często Technicznego), by serwis był nie tylko maksymalnie przyjazny użytkownikom, ale również przyjazny robotom indeksującym. Rekomendacje dla serwisu powinny być również zgodne z kampaniami performance’owymi, co oznacza, że optymalizacja SXO wpłynie nie tylko na SEO, ale również na kampanie płatne.

Czym jest SXO?

Dlaczego SXO jest ważniejsze niż kiedykolwiek wcześniej? 

Odpowiedź jest krótka – w pełni wdrożona aktualizacja Google Page Experience Update na czele z Core Web Vitals.

Aktualizacja Google Page Experience dotyczy tego, jak użytkownicy postrzegają doświadczenie interakcji ze stroną internetową. W aktualizacji Google kładzie nacisk na czynniki UX (tzw. user-centric), takie jak szybkość ładowania stron, szybkość, z jaką witryna reaguje na kliknięcie użytkownika, czy dostosowanie do urządzeń mobilnych. Optymalizacja pod kątem tych czynników ma za zadanie sprawić, że strony będą dawały użytkownikom lepsze doświadczenia, a także pomoże dostosować witryny do oczekiwań użytkowników urządzeń mobilnych. W tym miejscu warto zaznaczyć, że elementy tj. zbyt długie wczytywanie strony może spowodować zniechęcenie użytkownika do odwiedzin, co w konsekwencji doprowadzi do porzucenia strony na rzecz innej z wyników wyszukiwania (górna granica wczytywania się strony internetowej na urządzeniach mobilnych to 5 sekund, co w dzisiejszych czasach może być postrzegane przez użytkowników jako… bardzo długi czas oczekiwania). 

Co ważne, Google od kilku lat budował portfolio odpowiednich narzędzi i mechanizmów wspierających prace webmasterskie. Z początkiem czerwca 2021 roku część wykorzystywanych metryk – Core Web Vitals,  została uwzględniona przy całościowej ocenie witryny, a z początkiem 2022 także poszerzono je o komputery osobiste.

Warto mieć na uwadze, że lepsze doświadczenia użytkowników mogą przyczynić się to do sukcesu biznesowego w Internecie – zwiększenie ich zaangażowania oraz wyeliminowanie kłopotliwych miejsc przyczyni się do zwiększenia konwersji na stronie. 

Jeżeli jesteśmy nastawieni na osiągnięcie największej skuteczności w działaniach, które mają przyczynić się do większej realizacji celów na stronie internetowej, musimy zadbać również o ogólne wrażenie użytkownika, który odwiedza naszą stronę internetową. Wędrówką poznawczą, czyli zapoznaniem się z zawartością serwisu, w tym przypadku będzie:

• Wprowadzenie zapytania do wyszukiwarki,
• sprawdzenie zawartości wybranej strony,
• konwersja wytworzona na stronie WWW.

Wszelkie działania podjęte w celu zwiększenia konwersji na stronie to właśnie działania Search Experience Optimization, czyli połączenie optymalizacji strony pod kątem wyszukiwarek internetowych (SEO) z optymalizacją elementów pod kątem użyteczności, ale i dostępności, co w konsekwencji przekłada się na efektywne wykorzystanie zasobów w postaci ruchu i widoczności wypracowanej w projekcie SEO i przekucie ich na zaangażowanie użytkownika, konwersje i sprzedaż.

Audyt SXO: hybryda SEO i UX

Audyt SXO to dokument łączy wiele praktyk UX ze spojrzeniem SEO. Efektem audytu SXO są rekomendacje i dobre praktyki tworzone po to, by serwis był nie tylko maksymalnie przyjazny użytkownikom, ale również przyjazny robotom indeksującym i zgodny ze sztuką optymalizacji. Co ważne – wszystkie poniższe rekomendacje są zgodne z kampaniami performance’owymi, co oznacza, że optymalizacja SXO wpłynie nie tylko na SEO, ale również na kampanie płatne. 

Przykładowe obszary weryfikowane w Audycie SXO, to:

• Zaangażowanie użytkowników
  • z uwzględnieniem kolorystyki i prowadzeniem użytkownika,
  • prezentacja treści i umiejscowieniem elementów nawigacyjnych,
  • value proposition,
  • jasność przekazu, spójność nawigacji, CTA,
  • estetyka.

• Dostępność
  • udogodnienia i zasady dostępności WCAG,
  • elementy animowane,
  • obsługa na urządzeniach mobilnych, obsługa z wykorzystaniem różnych sposobów trzymania urządzenia,
  • typografia, czytelność oraz formatowanie: UX Writing.
    
• Ogólne
  • above the fold & below the fold,
  • proporcje uwagi,
  • poszerzenie nawigacji o nawigację facetową, filtrowanie oraz metody sortowania i prezentacja,
  • efektywne wykorzystanie Social Media.

I wiele innych związanych z poszczególnymi etapami Customer Journey: See Think Do Care jak np. koszyk i badania zachowania użytkowników.

Audyt SXO – korzyści

Audyt SXO pomoże w identyfikacji, na którym etapie ścieżki użytkownicy rezygnują z konwersji (co przeszkadza w tym procesie, utrudnia go) – niewystarczająca treść w obrębie serwisu? Powolnie działająca strona? Brak przystosowania serwisu do użytkowników mobile? Przyczyn może być wiele, zarówno w warstwie zewnętrznej (interfejs), jak i technicznej. Wpływ na doświadczenie użytkownika mają m.in.:

• Intuicyjność obsługi.
• Jasne ścieżki postępowania.
• Architektura strony.
• Projekt graficzny.
• Szybkość ładowania strony
• Czytelność treści. 

Rzetelnie wykonany audyt SXO pomoże zidentyfikować wszystkie te elementy wraz z odpowiednimi rekomendacjami optymalizacji. 

Jakie korzyści przynosi optymalizacja SXO?

Korzyść płynąca z synergii działań Search Engine Optimization z Search Experience Optimization to bez wątpienia pozyskanie dużego ruchu z organicznych wyników wyszukiwania z jednoczesnymi działaniami mającymi na celu przekucie go w ruch kaloryczny, konwertujący. Podstrony serwisu wyposażone w szereg udogodnień dla użytkowników i działające w sposób intuicyjny będą przez nich lepiej odbierane. Co więcej, w znaczącym stopniu przyczynią się wykonania określonych akcji, np. zapisanie się na newsletter, dokonanie zakupu w sklepie internetowym lub zwiększenie zaangażowania w przeglądaniu artykułów na stronie (i wydłużeniem sesji w konsekwencji). Więcej informacji na temat optymalizacji strony pod kątem wyszukiwarek internetowych znajdziesz na blogu Bluerank. Poniżej skupimy się na kwestiach związanych z User Experience i SXO.

Optymalizacja strony www pod kątem doświadczeń użytkownika – User Experience design

Pisząc o UX warto wspomnieć o heurystykach Nielsena, które są podstawowym elementem w procesie przygotowywania rekomendacji. Mimo upływu lat heurystyki te są dalej aktualne i szeroko wykorzystywane zarówno w projektowaniu stron WWW, jak i aplikacji internetowych, mogące być fundamentem do większych i bardziej rozbudowanych działań. Są jednym z filarów naszych działań, ale zarazem jednym z wielu podejść, z których korzystamy – na przestrzeni lat wypracowaliśmy proces składający się z czterech etapów i ponad 200 elementów, na które zwracamy przy pracy nad optymalizacją SXO.

Jak optymalizacja doświadczenia użytkownika może wpłynąć na konwersje?

1. Skrócenie czasu ładowania strony.
2. Zapewnienie łatwej nawigacji oraz funkcji wyszukiwania na komputerach i urządzeniach mobilnych.
3. Zapewnienie trafnych, unikalnych i użytecznych treści dostosowanych do reklam tekstowych.
4. Budowanie zaufania na stronie (np. dodanie oceny/rekomendacji użytkowników).
5. Odpowiednie dostosowanie (uproszczenie) formularza kontaktowego / zamówienia zorientowany na klienta układ informacji na kartach produktów i kartach kategorii.
6. Planowanie testów za pomocą wybranych narzędzi np. Hotjar, Google Optimize lub autorskie rozwiązanie

Strona internetowa podczas dokonywania analizy SXO jest poddawana szczegółowej analizie z wykorzystaniem wiedzy i istniejących norm jakościowych z np. Google Search Quality Raters Guidelines, Google Design, zasad WCAG czy dobrych praktyk i podstaw projektowania witryn. Dalszy etap przybiera formę pętli:

Dlaczego testowanie jest ważną częścią optymalizacji UX?

Nieodzownym elementem optymalizacji jest przygotowanie planu testów, w którym znajdują się hipotezy, a także wszelkie warianty testowe utworzone na podstawie wcześniejszego etapu. Posiadając gotowy plan, wdrażamy odpowiednie testy i po uzyskaniu odpowiedniego poziomu jakości danych przechodzimy do fazy analizy. Na podstawie wykonanych testów (A/B, split-testów czy wielowariantowych) dobierane jest optymalnym rozwiązaniem, które daje realną wartość w optymalizacji np. konwersji. 

Testowanie: Podstawą SXO jest świadome podejmowanie decyzji

Pętla testowa jest niezwykle ważnym etapem, który pozwala nam na podejmowanie świadomych decyzji opartych o dane i twarde wnioski, usuwając pierwiastek szacowania i domysłów. Jedną z wad testowania jest jego czasochłonność – każdy test powinien być wykonany w określonym czasie, by uzyskać istotność statystyczną. Zazwyczaj jest to okres od tygodnia do nawet miesiąca w zależności od ruchu generowanego przez witrynę. Co ważne – zaledwie 30% testów kończy się sukcesem, co oznacza, że bez testów A/B istnieje 70% ryzyko, że zaimplementowane zmiany w ogóle nie wpłyną na istotne wskaźniki lub zakończą się porażką. Wbrew pozorom jest to bardzo dobra informacja i kluczowy etap procesu zarządzania ryzykiem – lepiej ocenić potencjał wdrożenia na podstawie wartościowych danych niż przeczucia.

Takie działanie zapewnia całej witrynie ciągły, nieustanny rozwój. Wiele serwisów rozwija się w nieregularnych (i bardzo długich) odstępach czasu – od redesignu do redesignu (RSR – Revolutionary Website Redesign). Przy tak dużych wdrożeniach nie tylko użytkownicy mogą zareagować negatywnie np. ze względu na szerokie zmiany i wymuszenie innego zachowania na stronie, ale również roboty indeksujące potrzebujące wykonać pełną ewaluację witryny.

Działaniami opartymi o testy, obserwowanie zachowania użytkowników i dbanie o spełnianie ich oczekiwań, drobne zmiany mogą być wprowadzane regularnie (ESR – Evolutionary Site Redesign). Wdrożenie nawyku optymalizacji konwersji oraz cyklicznego testowania A/B pozwala uzyskać bardzo dobre wyniki, ale również zabezpiecza nas przed ryzykiem nietrafionych, błędnych decyzji, pozawala na wychwycenie drobnych zmian, ale i szans.

Dlaczego przebudowanie witryny jest potrzebne, a czasami nawet konieczne?

Celem przebudowania może być uczynienie treści bardziej czytelnymi (UX Writing), dodanie nowej funkcjonalności, czy choćby zwiększenie konwersji. Dla każdej z witryn cel przeprojektowania będzie inny, jest jednak kilka kluczowych wskaźników, które mogą być wskazówkami, że to właśnie czas na przeprojektowanie:

• Nasza witryna nie jest responsywna, 
• wydajność witryny maleje, 
• konwersję w naszej witrynie maleją lub są na niskim poziomie,
• konkurenci naszej marki przebudowali swoją stronę internetową,
• nasza witryna wygląda na przestarzałą.

Przy złożonych działaniach związanych z przebudową serwisu czy migracją SEO czy SXO mogą okazać się niewystarczające. Kompleksowe podejście Technicznego SEO, to kolejny niezwykle istotny filar działań optymalizacyjnych, który skupia się na odpowiednim doborze technologii, ale i zagospodarowaniu np. optymalizacji budżetu skanowania poprzez dokładne spojrzenie na proces skanowania, renderowania oraz indeksacji treści.

Czym jest RSR?

RSR zakłada przebudowę całej witryny internetowej w jednym ujęciu w średnim cyklu pięciu lat: pełna aktualizacja stylistyczna, przegląd funkcjonalności, poprawa użyteczności. Zasadniczo powstaje nowy rewolucyjny projekt sklepu internetowego. Rewolucyjne podejście do przeprojektowania było normą przez wiele lat. Częstą praktyką było aktualizowanie witryn internetowych co 3-5 lat, równocześnie pomijają w tym okresie jakiekolwiek ulepszenia strony. Nadrzędnym problemem jest to, że to przeprojektowanie często opiera się głównie na estetyce, a nie na danych analitycznych lub opiniach użytkowników. W sytuacji kiedy co kilka lat zastępujemy starą wersję witryny nową, pomijając w międzyczasie jakiekolwiek optymalizacje, nie jesteśmy w stanie poprawić doświadczeń użytkowników, ale zastąpić je nowymi – niekoniecznie lepszymi. 

Czym jest ESR?

Odmiennym podejściem jest za to Evolutionary Site Redesign. Jest to proces aktualizowania projektu strony internetowej w kontrolowany i przetestowany sposób poprzez zastosowanie taktycznych testów A/B. Testy pozwalają zbadać wpływ każdej aktualizacji projektu na konwersje i przychody ze sprzedaży. 

Zamiast szokować i zrażać odwiedzających zupełnie nowym UI/UX, podejście ESR skupia się na zmianie pojedynczego elementu, skupiając się tylko na tym, co aktualnie wymaga optymalizacji. Zbyt duże zmiany wizualne mogą być dla użytkowników frustrujące i wprowadzić w konsekwencji nowe problemu. Podejście ESR koncentruje się na danych analitycznych i metrykach użytkowników, aby określić, które części witryny wymagają ulepszenia. Chociaż czasami jest on wolniejszy niż podejście rewolucyjne, wyniki są często znacznie lepsze. Przeprojektowanie front-endu może wyglądać niesamowicie, ale jeśli nie jest poparte dogłębnymi wskaźnikami analitycznymi, nie wpłynie tak spektakularnie na wydajność witryny, jak oczekiwano. Wreszcie ESR umożliwia szybkie wdrażanie aktualizacji i ulepszeń. Małe zmiany można szybko przetestować i wdrożyć, co powoduje serię niewielkich zmian wprowadzanych przez pewien okres czasu, w którym użytkownicy mają czas na aklimatyzację do nowych aspektów po kolei. Pozwala to witrynie na ciągłe ulepszanie doświadczenia użytkownika, co zapewnia użytkownikom coraz większe zadowolenie z witryny.

Podsumowanie – SXO w 2022 roku

Optymalizacja strony pod kątem wyszukiwarek SEO jest bardzo ważna, jeżeli chcemy, aby nasza strona była wysoko w wynikach wyszukiwania. SXO nie tak dawno temu było pieśnią przyszłości, dziś jest to teraźniejszość i działanie w znacznym stopniu wspierające działania w Sieci. Search Engine Experience jest istotnym obszarem optymalizacji User Experience – rozszerzeniem działań SEO, ale i skupieniem się na oczekiwaniach użytkownika w kontekście tego, co zastanie na witrynie po wejściu z wyników wyszukiwania.

Odpowiednie prowadzenie go kolorem, elementami wizualnymi, fajną i klarowną architekturą informacji czy po prostu speł

Na jakie elementy strony warto szczególnie zwrócić uwagę w 2022 r.?

• Intuicyjna nawigacja – nawigacja na stronie powinna być na tyle intuicyjna
  i przejrzysta, aby użytkownicy, który pierwszy raz ją odwiedzają, nie mieli problemów z poruszaniem się po niej. Użytkownik musi mieć możliwość zrealizowania założonego celu wizyty, zaś struktura serwisu, architektura informacji, elementy interaktywne i sama nawigacja nie mogą być przeszkodą w jego osiągnięciu.
• Design – element, który jest przede wszystkim widoczny dla użytkowników. Musi być czytelny i przejrzysty, dający jasne sygnały użytkownikom – również kolorystyczne. Oryginalny wygląd oraz czytelność pozwolą na zaciekawienie użytkowników i zatrzymanie ich na dłużej.
• Mobilna wersja – jest to element obowiązkowy w 2022 roku i najbliższych latach. Urządzenia mobilne zdominowały świat i nie ma co do tego żadnych wątpliwości. Dopasowanie strony pod najpopularniejsze urządzenia, także te o niestandardowych proporcjach ekranu, ale również optymalizacja witryny pod słabsze smartfony czy łącza, powinno być ważnym celem do osiągnięcia dla każdej witryny.

Rozszerzenie działań na stronie pozwoli na rozszerzenie ich perspektywy oraz rozwój stron zgodnie z oczekiwaniami użytkowników. Rozwijanie się wraz z oczekiwaniami użytkowników, rynkiem, trendami, to działanie perspektywiczne i bezpieczne. Dzięki temu użytkownicy będący na stronie wykonają zaplanowane przez nas akcje, co przełoży się na zrealizowanie celów biznesowych.

Warto również mieć na uwadze to, że Search Quality Team (zespół pracowników Google zajmujący się jakością oraz walką ze SPAM-em w wynikach wyszukiwania) może ręcznie oceniać naszą stronę pod kątem jej przyjazności dla użytkowników.

W końcu Wasza strona jest przygotowana dla ludzi, a nie dla robotów.

źródło: https://www.nngroup.com/articles/ten-usability-heuristics/ 

opracowanie: Bluerank

Spis treści:

1. Wydarzenie roku
2. Najważniejsze trendy w 2021 roku, trend na 2022 
3. Co pandemia zmieniła w mojej branży w 2021 roku?
4. Największe wyzwanie na 2022 rok

Wydarzenie roku

Obszar SEO obfitował w tym roku we wszelkiego rodzaju wydarzenia. Osiem potwierdzonych zmian algorytmicznych, trzy niepotwierdzone i zapewne setki (lub może i tysiące) pomniejszych korekt, których zauważenie wymaga przetworzenia ogromnych ilości danych, BERT, MUM, Core Web Vitals .  

Jeżeli miałbym wskazać jedno wydarzenie roku, to byłoby to zapewne wdrożenie Core Web Vitals. Nie ze względu na to, że była to największa czy najpoważniejsza zmiana, ale dlatego, że hasło stało się drugim rokiem mobile (i nie dziwne, bo globalny ruch mobilny wynosi około 54% całego ruchu w Internecie). O ile Google w sprytny sposób chciał pokazać, by właściciele witryn kładli nacisk na platformy mobilne oraz zwracali większą uwagę na oczekiwania i doświadczenia użytkowników, to komunikacja tej inicjatywy w mediach sugerowała, że może nastać koniec Internetu. Core Web Vitals, które wbrew wielu nie wywróciły naszej branży do góry nogami, ale zdecydowanie wpłynęły na szerokość prowadzonych prac w obszarze SEO oraz SXO.  

Core Web Vitals poszerzyło zakres prac SEO o ważne i wartościowe obszary UX, ale i wyznaczyło pewien kierunek na kolejny rok (a może i lata). Kierunek o jeszcze mocniejszym skupieniu na intencjach, zarządzaniu oczekiwaniami użytkowników, budowaniu długofalowego zaufania oraz monolitycznego autorytetu.  

Trudno się jednak temu dziwić. W końcu ponad 92% ruchu mobilnego generowana jest dzięki platformie Google. 

Źródła danych:  

• % ruchu mobilnego: https://www.statista.com/ 
• Mobilny market share Google: https://www.netmarketshare.com/ 

Najważniejsze trendy w 2021 roku, trend na 2022 

Myślę, że tu dość płynnie wejdziemy w 2022 rok z trendami dominującymi lub rozpoczynającymi swoją dominację w 2021. Jednym tchem: AI, intencje oraz UX. Ilość danych jakie analizujemy oraz konieczność identyfikacji i rozumienia intencji, potrzeb użytkowników wymagają korzystania z narzędzi bazujących na najnowszych rozwiązaniach technologicznych. Dawniej wystarczył nam Excel do analiz danych, dziś kontynuujemy tę drogę z wykorzystaniem AI. I ten trend na pewno nie zwolni. 

Nie zapominajmy również o współpracy. Każdy kolejny rok będzie pogłębiał, by synergia pomiędzy SEO a innymi kanałami jak chociażby PPC czy PR była coraz silniejsza.

Co pandemia zmieniła w mojej branży w 2021 roku?

Najchętniej wylistowałbym całkiem pokaźną liczbę pozycji, bo zmieniła całkiem sporo. I o ile pandemia generuje wiele wyzwań i dodatkowych trudności, to również wymusiła kilka wartościowych zmian. Chociażby wcześniej wspomniany nacisk na UX, który w naszej branży nigdy nie był tak silny jak dziś i dbanie, by użytkownik nie porzucił witryny podczas procesu zakupowego (sam jako użytkownik bardzo doceniam wszelkie zmiany, które ułatwiają mi zakupy). W roku 2020 widzieliśmy w branży znaczne ograniczenie budżetów na działania, był to okres, którego nikomu nie muszę przypominać. Za to 2021 rok pokazuje, że “online” ma się lepiej niż kiedykolwiek. Widzimy niezwykle szybki rozwój całego rynku e-commerce, wzrost inwestycji w nowoczesne rozwiązania oparte o AI, NLP czy po prostu… coraz szybsze zakupy (dostawy pod drzwi nawet po kilku godzinach od złożenia zamówienia!).  

Zwrot wielu firm w stronę silnych i zdecydowanych działań w Sieci zdecydowanie się opłacił (wystarczy spojrzeć na wyniki finansowe spółki LPP), ale jednocześnie pandemia zmusiła wiele firm do dużych inwestycji w kanał sprzedaży internetowej, by walczyć o klienta. W środowisku, gdzie konkurencja staje się coraz silniejsza i jest jej coraz więcej – nie jest to proste.

A jest to o tyle istotne, że według badania przygotowanego przez Gemius aż 77% internautów dokonało zakupów online przynajmniej raz w 2021 roku. 

W tym wszystkim jest też łyżka dziegciu, bo nie można nie wspomnieć o trudnościach w porównywaniu czy prognozowaniu danych ze względu na anomalię poprzedniego roku i nieprzewidywalność zmian trendów czy konieczność bardzo szybkiej adaptacji do zmieniających się warunków. Są to wyzwania, które jeszcze kilka lat temu nie istniały. Z tego powodu Zespoły SEO powinny posiadać w swoich szeregach Specjalistów posiadających kompetencje z obszarów UX, Data Science czy programowania. 

 
LPP: https://retailnet.pl/2021/12/09/92825-przemyslaw-lutkiewicz-lpp-w-ciagu-9-miesiecy-tego-roku-wzrost-sprzedazy-o-ponad-72-proc/

Największe wyzwanie na 2022 rok

Bez wątpienia będzie to porównywanie i prognozowanie danych i budowanie unikalnych kompetencji w Zespołach SEO. Nie mogę nie wspomnieć też o adaptacji do zmienności warunków – przede wszystkim algorytmicznych, ale i sytuacji pandemicznej czy społecznej. Dawniej izolacja zmian wprowadzanych przez Google nie była dość skomplikowana, jednak obecnie skala złożoności systemów Google… jest niewyobrażalna. Będzie to rzutowało na wiele obszarów SEO, ale prawdopodobnie najmocniej na planowanie i tworzenie wartościowych treści. Celowo użyłem słowa przebić, bo wystarczy spojrzeć jak masywna jest konkurencja w każdej branży. Wspomniałem o intencjach? 

SEO z roku na rok staje się coraz bardziej złożonym procesem. Konieczność silnego skupienia się na rentowności oraz monetyzacji ze względu na rosnące koszty działań SEO wymuszą zwiększanie efektywności czy poszukiwania głębszego uzasadnienia biznesowego dla proponowanych działań marketingowych.

Do tej puli dojdzie również jedna z większych zmian ostatnich lat, a mianowicie Core Web Vitals, czyli Podstawowe Wskaźniki Internetowe. Co ważne – te wskaźniki będą częścią algorytmów Google od połowy czerwca 2021.

Background |  Core Web Vitals i Page Experience

Wydajność witryny i czas ładowania to prawdopodobnie najważniejsze czynniki wpływające na zadowolenie użytkowników, patrząc na ich szeroki wpływ na odbiór działania witryny. Można pomyśleć, że wraz z rozwojem technologii i mocy urządzeń mobilnych twórcy witryn zaczęli stosować coraz to bardziej wyszukane i przyjemne dla oka, ale jednocześnie wymagające mniejszych zasobów, rozwiązania. Częściowo jest to prawdą, jednak w większości przypadków scenariusze są zupełnie inne. Każdy element wdrożony na stronie niesie za sobą wykorzystanie w większym stopniu np. procesora urządzenia, pamięci czy ilości pobieranych danych. Musimy przy tym pamiętać, że budżet wydajnościowy, tak jak każdy, jest ograniczony. 

A powody? Chęć pójścia na skróty i wykorzystywanie dużej ilości wtyczek, co niepotrzebnie wykorzystuje cenne zasoby serwerowe, korzystanie z prostszych ścieżek do celu i dykt przy wdrażaniu nowych funkcjonalności (działania generujące i pogłębiające dług techniczny), dzięki czemu kod witryny staje się piekłem dla programistów i osób zarządzających, czy po prostu brak odpowiedniej wiedzy, narzędzi i osób, by efektywnie optymalizować witrynę w ustalonych ramach budżetowych. 

Google postanowiło wyjść naprzeciw i stworzyło zbiór dobrych praktyk i prostych zasad będących wskazówkami nie tylko jak stworzyć witrynę, ale przede wszystkim – czego oczekują użytkownicy. Wytyczne oraz porady są kierowane zarówno do osób świetnie obeznanych z technologią, ale również tych, którzy stawiają w tym świecie pierwsze kroki. Zaplecze stworzone przez Google do pozyskiwania wiedzy jest ogromnym i żyjącym środowiskiem, w którym można znaleźć odpowiedzi na większość pytań z obszaru Technicznego SEO oraz SXO (Search Experience Optimization). Core Web Vitals będzie częścią Page Experience, czyli sygnałów skupiających się przede wszystkim na jakości witryny.

Page Experience to inicjatywa, w której zawierają się takie sygnały jak: 

• bezpieczeństwo poprzez zabezpieczenie witryny HTTPS-em, 
• przyjazność mobilna i dostosowanie witryny do różnych urządzeń mobilnych,
• bezpieczne surfowanie po stronie, co oznacza nie mniej, nie więcej jak brak złośliwego oprogramowania czy treści wprowadzających użytkowników w błąd, 
• brak uciążliwych reklam pełnoekranowych.

A od czerwca 2021 do listy dołączy Core Web Vitals wraz z trzema wskaźnikami: LCP, CLS i FID. 

Czym jest Core Web Vitals?

W wielkim skrócie: Core Web Vitals to lwia część Googlowej inicjatywy Page Experience, mającej na celu unifikację wielu wytycznych i dobrych praktyk dotyczących tworzenia wysokiej jakości stron w jednym, wygodnym i przede wszystkim zaufanym miejscu. CWV skupia się przede wszystkim na User Experience – prędkości wczytywania, interaktywności i responsywności oraz stabilności wizualnej. Te elementy reprezentują trzy wcześniej wspomniane wskaźniki: LCP, FID oraz CLS. Poradniki stworzone przez firmę z Redmond  kierowane są do każdego, niezależnie od poziomu wiedzy. Celem nadrzędnym dla Google jest umożliwienie tworzenia wysokiej jakości stron, wspierania w zarządzaniu oczekiwaniami użytkowników i po prostu kreowania przyjaznego środowiska do interakcji. 

Z mojej perspektywy każde działanie mające na celu zwiększenie zadowolenia użytkownika jest działaniem potrzebnym – każdego dnia spędzamy dziesiątki minut na przeglądaniu Internetu na urządzeniach mobilnych, coraz częściej również na pracy. Każdy przestój, przeskok interfejsu użytkownika czy błędy, to nie tylko dyskomfort, ale potencjalna utrata pieniędzy lub okazji – w zależności, po której stronie ekranu się znajdujemy. Warto także podkreślić, że dwoma filarami solidnej wersji mobilnej jest nie tylko prędkość i wydajność, ale również dbanie o zaangażowanie użytkownika.

Materiał wideo, John Mueller o Core Web Vitals:

Bogata dokumentacja Google jest niejako podzielona na dwa obszary – jeden z nich skupia się na pokazaniu idei i celu, drugi zaś obejmuje rozwiązania technologiczne i wskazówki dla developerów, nie zapominając jednak o tym, że dobro użytkownika jest tu nadrzędne. Core Web Vitals jest esencją Page Experience, na której warto się skupić. 

Obecny plan Google na wprowadzenie Core Web Vitals, to sukcesywne wdrażanie zmian od połowy czerwca i zakończenie ich w sierpniu 2021. Nowy plan działania giganta z Redmond można poznać w tym artykule: More time, tools, and details on the page experience update

Core Web Vitals a aktualizacja algorytmu w połowie czerwca 2021 roku

10 listopada 2020 roku w serwisie Google Search Central Blog pojawił się artykuł “Timing for bringing page experience to Google Search”. W artykule zapowiedziano, że w maju 2021 roku będzie miała miejsce aktualizacja algorytmu, która będzie dotyczyła tylko i wyłącznie kwestii związanych z satysfakcją użytkownika. Dosłownie kilka chwil temu Google przesunął rollout na czerwiec 2021 i wydłużył okres wdrażania do końca sierpnia, by dać więcej czasu webmasterom do wprowadzenia koniecznych poprawek zgodnych z Core Web Vitals i Page Experience.

Wskaźnik LCP | Largest Contentful Paint

Largest Contentful Paint (LCP) odpowiada za mierzenie czasu renderowania największego elementu graficznego lub bloku tekstowego w obszarze widocznym dla użytkownika (above the fold), czyli czasu od wysłania pierwszego żądania do serwera do zapełnienia treścią ekranu urządzenia. Idealna wartość według dokumentacji Google wynosi poniżej 2.5 sekund, czyli bardzo blisko znanej nam w Bluerank Skali Zadowolenia Użytkowników. 

Idea LCP powstała na bazie doświadczeń z wcześniejszymi metrykami takimi jak load czy DOMContentLoaded, które nie reprezentowały wiarygodnego spojrzenia na percepcję użytkownika w temacie wydajności witryny, nie skupiały się na doświadczeniach podczas procesu renderowania i często były po prostu mylnie interpretowane.

Dla Google ważny jest moment, w którym strona będzie w pełni dostępna dla użytkownika i jest to motyw przewijający się w każdym z trzech wskaźników. Dlatego bardzo ciężko jest analizować te elementy traktując je jako osobne, niepowiązane ze sobą wskaźniki.

Dokumentację LCP rozszerza dodatkowo specyfikacja Largest Contentful Paint API, w którym możemy znaleźć wiele smaczków, ale i dowiedzieć się nieco więcej o słabych stronach mierzenia LCP. Algorytm bazuje na heurystykach, których precyzja i odporność na błędy jest dyskusyjna – bardzo łatwo jest uzyskać negatywne wartości w momencie, gdy… realnie nie istnieje problem. Przykładowo, algorytm jest przerywany w momencie interakcji użytkownika (dotknięcie ekranu, kliknięcie, scroll lub wciśnięcie klawisza) ze stroną lub też nie zostaje uruchomiony, gdy użytkownik otworzy stronę w nowej karcie.

Dlatego tak bardzo ważne jest wnikliwe przetestowanie stron, na których zauważamy słabe wartości np. w narzędziu PageSpeed Insights. Pogłębione testy Largest Contentful Paint można wykonać z wykorzystaniem ogólnodostępnych aplikacji takich jak:

• Chrome DevTools
• Lighthouse
• WebPageTest
• PageSpeed Insights
• Search Console (raport Core Web Vitals)
• biblioteką web-vitals JavaScript

Wskaźnik FID | First Input Delay

First Input Delay (FID) daje nam informację o interaktywności, responsywności strony. Chcąc zapewnić solidne doświadczenie użytkownikowi wartość FID nie powinna przekraczać 100 ms. First Input Delay to czas pierwszej interakcji użytkownika z witryną, a dokładniej czas pomiędzy konkretną czynnością a jej efektem końcowym. Może to być kliknięcie w obrazek lub przycisk – każda tego typu czynność wymaga wykonania konkretnych procesów po stronie przeglądarki, co może powodować opóźnienie w informacji zwrotnej dla użytkownika. W dużym skrócie: FID to czas od interakcji aż do wykonania kodu, który jest mierzony nie czasem trwania poszczególnych eventów, a opóźnieniem pomiędzy nimi.

Z tego właśnie powodu jest to metryka, która nie może być sprawdzona testem syntetycznym i zasymulowana – Google opiera się tutaj o dane bezpośrednio od użytkowników, którzy weszli w interakcję z witryną. W zależności, w którym momencie użytkownik przeprowadził interakcję ze stroną oraz jaki był jej rodzaj, FID będzie diametralnie różnił się od użytkownika do użytkownika. Niskie wartości First Input Delay dają wysoką pewność, że użytkownik może nawet nie zauważyć opóźnienia pomiędzy akcją a otrzymaniem informacji zwrotnej. 

Użytkownicy nie są cierpliwi. Ich percepcja dotycząca wydajności witryny może znacząco różnić się od globalnych wyników testów np. prędkości ładowania. Każdy z nas widział strony ładujące się w ułamku sekundy, po czym interakcja z elementami interfejsu nakazywała nam oczekiwać na feedback po kilkaset milisekund. Takie opóźnienia mogą być istotnym powodem, przez który użytkownicy postanawiają opuścić witrynę, a pamiętajmy, że pierwsze wrażenie możemy wywrzeć tylko raz. Większość użytkowników oczekuje natychmiastowej reakcji witryny podczas interakcji – niezależnie, czy jest to przewijanie (wolne od tzw. janku, przycinania), czy dodanie produktu do koszyka lub wcześniej wspomniane powiększenie grafiki.

Wskaźnik CLS | Cumulative Layout Shift

Cumulative Layout Shift (CLS) – jest to czas, w jakim zachodzą zmiany na ekranie użytkownika, mierzy stabilność wizualną elementów interfejsu. Aby zapewnić dobre wrażenia użytkownikom, strony powinny utrzymywać CLS mniejszy niż 0,1. Wpływ przesunięcia pokazuje nam, jak bardzo niestabilne są elementy w widocznym viewporcie (above the fold – ponad ekranem przewijania) pomiędzy dwiema klatkami renderowania. Strona powinna wyświetlać się bez jawnych przeskoków spowodowanych doczytywaniem elementów wizualnych, co oznacza, że użytkownik nie powinien widzieć przesunięć layoutu, znikających grafik i przeskoków. Antywzorcem dla CLS jest, np. późniejsze załadowanie banneru, który wyświetla się na Stronie Głównej, przez co zmienia się wygląd pierwszego ekranu, jaki widzi użytkownik.

Idealnym tego przykładem (i jednocześnie skrajnym) jest, gdy np. wyszukujemy na stronie interesujący nas produkt – wpisujemy frazę w wyszukiwarkę wewnętrzną, ładuje nam się listing i już w drugim rzędzie widzimy cel naszej podróży. W mgnieniu oka kierujemy kursor na kafel produktowy z przyciskiem “Dodaj do koszyka”, po czym całość przeskakuje o X pikseli w dół, ponieważ baner na górze strony załadował się z opóźnieniem całkowicie zmieniając sekcję above-the-fold, a my trafiamy na stronę produktu, zamiast posiadać go w koszyku. Gra w kotka i myszkę z użytkownikiem, to jeden z największych wrogów konwersji.

CLS jest o tyle ciężką dla developerów (i testerów) metryką, że nie lada wyzwaniem jest wyłapanie wszystkich możliwych przeskoków na różnych etapach cyklu życia – niektóre są podręcznikowym przykładem błędów ukrytych, bo we wszystkich standardowych sytuacjach nie powodują błędów czy defektów. Może to być na przykład środowisko testowe, które działa znacznie szybciej od produkcyjnego, co może ukryć błędy i spowodować, że CLS w testach będzie idealny, a po wdrożeniu zmiany – krytyczny. Projektowanie testów z myślą o Technicznym SEO, to praca coraz bliższa inżynierii oprogramowania,  chociażby pod kątem wykorzystywanych metod i zasad testowania.

Może także okazać się, że środowisko testowe na tyle różni się od produkcyjnego, że właściwie niemożliwe jest przetestowanie witryny bez utworzenia środowiska działającego w oparciu o docelowe mechanizmy i wykorzystanie elementów testowania produkcyjnego (np. bazy danych, silniki wyszukiwania, skrypty itp.).

Niestabilność wizualna jest wskaźnikiem, który z naszego doświadczenia jest najczęściej daleko poza skalą zadowolenia użytkownika.

Core Web Vitals | Testy

Testowaniem nie tylko potwierdzamy poprawność działania np. konkretnego mechanizmu czy funkcjonalności, ale przede wszystkim ograniczamy ryzyka, które mogą prowadzić chociażby do strat finansowych, utraty niezwykle cennego w dzisiejszych czasach czasu, utraty wypracowanych efektów projektu SEO czy nawet strat wizerunkowych. Ocena jakości wdrożenia i jego wpływu na aplikację w kontekście SEO jest obowiązkowym etapem wprowadzania zmian technicznych w projektach SEO. W Bluerank naszym standardowym podejściem jest branie udziału w procesie testowym w jak najwcześniejszym etapie cyklu życia oprogramowania zgodnie z podejściem “shift left”. 

Źródło: https://www.testim.io/blog/shift-left-testing/

Analizując prędkość i wydajność witryny nie powinniśmy skupiać się na jednej metryce – szerokie widzenie peryferyjne w tego typu analizach jest istotne, by być w stanie połączyć kropki i wyciągnąć solidne wnioski podczas fazy zbierania danych. Podczas analiz technicznych dążymy do tego, by widzieć szeroki obraz sytuacji, by dostrzec nie tylko problemy i wyzwania, ale również największe szanse optymalizacyjne, quick-winy i ciągi przyczynowo-skutkowe, by móc wykonać dekompozycję i rozpocząć analizy mniejszych elementów – pierw wszerz, później w głąb. Należy podkreślić, że każdy projekt i wyzwania są unikalne, dlatego ważne jest indywidualne podejście do testów. 

Dobrym antywzorcem testowania (i wyznaczania celu) jest przykładowo dążenie do wyniku 100 na 100 w Google PageSpeed Insights, którego osiągnięcie bynajmniej nie umieści naszej strony w czołówce najszybszych witryn w Internecie, i nie jest procesem skomplikowanym dla wielu witryn. Jest to kwestia, którą Google stara się przekazać od lat, a Core Web Vitals jest tego świetnym rozwinięciem odnosząc się do idei User Experience. Jest to zestaw zaledwie trzech (kluczowych) metryk, które opisują, jak szybki i interaktywny jest serwis w oczach użytkowników, ale w ich skład wchodzi znacznie więcej elementów wymaganych do weryfikacji i wyciągnięcia wniosków.

I chociażby z tego powodu testy powinny być bardzo dokładnie rozplanowane, według indywidualnie zaprojektowanych przypadków testowych, dla konkretnego celu. Testy można wykonywać wieloma technikami, metodami i narzędziami czy to SEO-wymi, czy z obszaru Testowania Oprogramowania, jednakże zawsze należy pamiętać, że realizacja testów jest zaledwie jednym z wielu etapów całego procesu, który warto uwzględnić w działaniach wdrożeniowych w pełnym wymiarze. 

Weryfikacja wydajności i prędkości nie ogranicza się jedynie do uruchomienia testów i interpretacji wyników. Plan testowy teoretycznie zakłada jedynie weryfikację zachowania aplikacji w czasie i zużycia konkretnych zasobów. Jednakże analiza wydajności witryny i czasu jej ładowania musi być możliwie jak najszersza dla istotności i wiarygodności testów, ale zarazem powinna być osadzona w bardzo konkretnych ramach. Żadna aplikacja Internetowa nie działa w próżni, co oznacza, że jej wydajność jest zależna także od czynników zewnętrznych (chociażby ilości użytkowników), które należy uwzględnić, tak samo sposób testowania może spowodować konieczność wzięcia pod uwagę tzw. efektu próbnika, czyli wpływu na narzędzie testowe obciążenia np. naszego komputera. 

Spójrzmy na jeden praktyczny przykład w postaci problemu “rwania” i przycinania (jank) witryny podczas ładowania – przeglądarka musi wyrenderować ilość klatek zgodną z odświeżaniem naszego ekranu (dajmy na to: 60Hz = 60 klatek), co daje nam dokładnie 16.67 milisekundy na każdą klatkę. Jeżeli nie zmieścimy się w założonym budżecie, przeglądarka pominie wyrenderowanie klatki, co zauważymy jako przycięcie. Analogiczna sytuacja powstaje, gdy zostanie wyrenderowane zbyt wiele klatek. To pozornie proste wyzwanie bardzo negatywnie wpływa na odczucia użytkowników, ale nie powoduje, że w oczach Google strona jest wolna. Jest to tylko jeden z wielu przykładów wydajności, którą weryfikujemy podczas audytów technicznych Web Vitals Performance.

Istotne jest to, że Core Web Vitals będzie metryką używaną przez roboty wyszukiwarki, więc optymalizacja tych wskaźników może wpłynąć pozytywnie zarówno na satysfakcję użytkowników, jak i ocenę algorytmiczną witryny, ale także na mnogość innych elementów takich jak budżet skanowania, obciążenie serwerów czy baz danych, a nawet na… wykorzystanie zasobów transferu serwera (jeśli mówimy tylko o elementach Technicznego SEO). 

Niezależnie od tego czy Core Web Vitals i prędkość ładowania witryny, jej szybkość i wygoda są i będą czynnikami rankingowymi (odpowiadamy: będą i są!), działania optymalizacyjne powinny być realizowane w uporządkowanym i przemyślanym procesie o konkretnym celu, który wesprze nie tylko np. sprzedaż, ale i działania SEO na stronie. Uwzględnienie w tym wszystkim budżetów wydajności i wszelkich zbieranych danych, by lepiej zrozumieć użytkowników, będzie tylko wartością dodaną. 

Core Web Vitals | Narzędzia testowe

Działalność Google w związku z inicjatywą Core Web Vitals nie ograniczyła się jedynie do ogłoszenia metryk. Branża została wyposażona w narzędzia, które pozwalają również samodzielnie zmierzyć wynik domeny lub poszczególnych adresów w jej strukturze. 

Pierwszym miejscem, w którym mamy wgląd w statystyki serwisu w aspekcie CWV to Google Search Console, w którym w 2020 roku wprowadzono raport “Podstawowe wskaźniki internetowe”, gdzie strony w serwisie są klasyfikowane jako Słabej jakości, Wymagające poprawy oraz Dobre, w podziale na wyniki na urządzeniach mobilnych oraz desktopowych. Raport klasyfikuje adresy URL według metryk FID, LCP oraz CLS.

Oczywiście powyższe informacje nie oznaczają, że nie będąc zweryfikowanym właścicielem usługi w GSC nie mamy możliwości poznania wyników serwisu w kontekście Core Web Vitals. Ogólnodostępne narzędzia, które pozwalają nam pozyskać te dane, to między innymi:

• Page Speed Insights – raportuje First Contentful Paint (FCP), Largest Contentful Paint (LCP), First Input Delay (FID), Cumulative Layout Shift (CLS) oraz inne metryki: Speed Index, Time to Interactive oraz Total Blocking Time dla konkretnego adresu URL oraz całej domeny (“Origin Summary”),
• Webpagetest.org – w 2020 roku nastąpiła aktualizacja narzędzia, dzięki której narzędzie raportuje wyniki serwisu w kontekście metryk CWV, zaś w roku 2021 ze względu na zmianę właściciela aplikacja jest sukcesywnie rozwijana, 
• Screaming Frog SEO Spider – crawler może pobrać ogromną ilość adresów URL i uzupełnić dane o nich o zewnętrzne źródła, w PageSpeed Insights API, by pobrać dane o Core Web Vitals,
• Google Lighthouse oraz narzędzie Measure w domenie Web.dev – Lighthouse to jeden z najbardziej znanych testów syntetycznych, który każdy posiadacz Chrome otrzymuje jako standard w DevTools.
• GTMetrix.com – znane i szanowane narzędzie, które w jednym miejscu agreguje masywną ilość informacji. Proste i całkiem przejrzyste narzędzie do pierwszym etapów weryfikacji witryny,
• Chrome DevTools – jedno z najdoskonalszych narzędzi do testów utworzone przez Google. Umożliwia nagrania wydajnościowe na bardzo szczegółowym poziomie, wykonywanie testów Lighthouse’em, weryfikację wyrenderowanego kodu czy przejść bezpośrednio do tracingu procesów. 
• Customowe raporty wykonane np. w DataStudio i CrUX.

Nowy raport Page Experience w Google Search Console

Google wzbogacił o nowe widoki również Google Search Console – najnowszym raportem dostępnym w aplikacji jest Wygląd i działanie strony (Page Experience report). Jest to zbiorczy widok dostępnych danych o Core Web Vitals połączony z innymi modułami i danymi GSC bezpośrednio związanymi z Page Experience takimi jak HTTPS, przyjazność mobilna czy bezpieczeństwo. 

Dlaczego Core Web Vitals jest istotne dla SEO?

Może się wydawać, że Core Web Vitals, jako metryki typowo techniczne są istotne przede wszystkim w pracy developerskiej, natomiast Specjalista SEO nie musi na nie zwracać większej uwagi w swojej codziennej pracy. Nic bardziej mylnego. W naszej opinii inicjatywa CWV ma, tak naprawdę, zwrócić uwagę społeczności SEO na fakt, że satysfakcja użytkowników serwisów internetowych staje się jednym z najistotniejszych czynników rankingowych. Dzięki wskazaniu pozornie trzech prostych metryk, Google wymusza zajęcie się dziesiątkami obszarów wydajności i prędkości na serwisie, tym samym zahaczając o Search Experience Optimization, czyli coraz lepiej znane SXO.

SEO dawno temu przestało być obszarem ograniczającym się do pracy nad frazami kluczowymi. Obecny świat optymalizacji wymusza bardzo szerokie podejście zarówno do zrozumienia użytkowników, ich zachowania, intencji i celu, jak i zapewnienia im bezpiecznego, szybkiego i wydajnego środowiska, logicznego i zrozumiałego designu czy spełniania oczekiwań, w tym dostarczania treści wartościowej, nie ilościowej. Core Web Vitals jest kolejną niezwykle istotną cegiełką mającą na celu budowanie świadomości, nawet jeżeli jest ona ukryta za suchymi wytycznymi ze strony Google.

Szybkość serwisu jest natomiast jednym z kluczowych elementów wśród czynników UX, dlatego jest tak mocno eksponowana w oficjalnej dokumentacji oraz komunikacji Google. Odpowiedzią na nią powinna być dogłębna analiza przedstawionych metryk (ze szczególnym uwzględnieniem LCP, FID oraz CLS), co będzie się wiązało z kilkoma etapami weryfikacji oraz optymalizacją techniczna serwisu pod te zagadnienia. 

Tu chciałbym jedynie przypomnieć o badaniu mówiącym, że opóźnienia w ładowaniu witryny są porównywalne do… oglądania horroru. Okazuje się, że nawet tak spokojnych ludzi jakimi są Duńczycy może zestresować zwykłe opóźnienie w wyświetlaniu Strony Internetowej.

Należy jednak pamiętać, że optymalizacja serwisu z myślą o Core Web Vitals jest jednym z wielu wymaganych działań – nawet najodważniejsze mogą jednak nie wygrać w starciu z wolnymi serwerami, bałaganem w bazie danych czy zbyt dużą ilością mechanizmów backendowych, albo rosnącym długiem technicznym.

Przyszłość

W branży toczy się obecnie dyskusja o tym czy Core Web Vitals wywróci ranking do góry nogami, czy wpływ jego wdrożenia będzie odczuwalny, czy może marginalny. Niezależnie od algorytmów, ocen witryny przez Google, warto dbać o możliwie najlepsze dla użytkownika środowisko do interakcji z marką. SEO i UX to nie tylko spełnienie obietnic marki, ale przede wszystkim całość wrażeń, jakich doświadcza użytkownik podczas korzystania z produktu.