Szkolenie SEO: Zwiększ swoją widoczność online za pomocą optymalizacji dla wyszukiwarek.

SEO: 03 | Doświadczenie użytkownika na stronie internetowej i kluczowe wskaźniki jakości strony web

Wszystkie filmy z tutorialu Szkolenie SEO: Zwiększ swoją widoczność online poprzez optymalizację dla wyszukiwarek.

Od lipca 2019 roku Pierwszy indeks mobilny jest już standardem dla nowych domen w rankingach Google.

Google ogłosił na początku 2020 roku, że "Pierwszy indeks mobilny" zostanie wprowadzony dla wszystkich stron internetowych najpóźniej na początku 2021 roku. Oznacza to, że od tego czasu na liście wyników wyszukiwania będą widoczne tylko strony internetowe zoptymalizowane pod kątem korzystania z urządzeń mobilnych. Taki design responsywny stanowi więc istotny czynnik wpływający na ranking. Twoja strona www może mieć bardzo dobre treści, ale jeśli nie jest zbudowana w projektowaniu responsywnym lub jako strona mobilna, to cierpi na tym, że cały potencjał ruchu nie jest wykorzystywany, bez względu na to, czy Twoi użytkownicy preferują urządzenia stacjonarne.

W ostatnich latach Google coraz bardziej uwzględnia czynniki takie jak PageSpeed, optymalizację mobilną i wiarygodność jako czynniki wpływające na ranking w wynikach wyszukiwania Google. Google już w maju 2020 roku zapowiedziało, że w 2021 roku Page Experience połączy siedem różnych czynników, tworząc spójny obraz jakości w doświadczeniu użytkownika witryny.

Sześć kluczowych czynników dla Doświadczenia Użytkownika i Strony

  • Szybkość ładowania
  • Interaktywność (do lutego 2024), Responsywność (od marca 2024)
  • Stabilność wizualna (kumulacyjne zmiany layoutu)
  • optymalizacja mobilna
  • Bezpieczne przeglądanie: brak złośliwego oprogramowania, brak symulowania marek, ... (ponownie wyłączony jako czynnik rankingowy od 2021 roku)
  • HTTPS: Szyfrowanie za pomocą certyfikatu SSL
  • brak uciążliwych interstitials (pełnoekranowych banerów)
Podstawowe wskaźniki Internetowej Platformy Webowej - Polish

Ładowanie odnosi się do prędkości strony, czyli jak szybko główna zawartość buduje się dla Twojego użytkownika. Google podaje, że dobra wartość to czas do 2,5 sekundy, na który dążą operatorzy witryny dla swoich użytkowników.

Interaktywność w kontekście pierwszego opóźnienia wejścia (First Input Delay) oznacza, kiedy strona faktycznie reaguje, gdy użytkownik próbuje z nią współdziałać... na przykład poprzez przewijanie lub kliknięcie przycisku. Chodzi więc o szybkość reakcji strony na interakcje użytkownika. Ten czas powinien być jak najkrótszy, a dobra wartość dla Google to maksymalnie 100 ms. Kennzahl jakości reakcji zostanie jednak od marca 2024 roku zastąpiona przez "Interaction to Next Paint" (INP). Podobnie jak w przypadku FID, INP dotyczy reaktywności stron internetowych. Im szybciej strona reaguje po interakcji użytkownika, tym lepiej. INP mierzy czas reakcji na stronach internetowych w ciągu całego okresu odwiedzin. W tym przypadku uwzględniane są wszystkie interakcje użytkowników.

Być może zdarzyło Ci się pracować online z bardzo długimi dokumentami. Gdy Twoje skrypty w aplikacji online Google Docs mają wiele setek stron treści, może wystąpić opóźnienie lub rozmycie. Jako wykładowca marketingu napisałem skrypt o ponad 500 stronach. Podczas pisania w mojej przeglądarce zauważyłem drobne szarpnięcia, ponieważ niepotrzebnie trudny był dla niej załadunek treści wymagających dużych zasobów, w tym wielu plików graficznych. Chociaż nie przeszkadzało mi to w pracy, było to uciążliwe zakłócenie w użytkowaniu. Innym przykładem jest np. gdy strony zawierające dużo obrazów wyświetlają opóźnienia podczas przewijania (np. 4eck-media.de). Odpowiednie zobrazowanie interaktywności na stronach internetowych polega na zapewnieniu pozytywnego doświadczenia użytkownika.

Kumulacyjne zmiany layoutu (CLS) występują, gdy Twoja strona asynchronicznie się ładuje, a użytkownik na przykład już czyta dalszy obszar, podczas gdy na górze wciąż ładuje się obraz lub reklama o wysokiej wielkości pliku, co powoduje nagły skok w układzie w dół. Może się to zdarzyć, gdy zostanie dodany obraz w górnej części, który nie został zoptymalizowany i może mieć na przykład 10 MB. W przypadku wolnego połączenia internetowego obraz ten ładuje się powoli, a użytkownik już przewinął stronę w dół.

Oznaką zbyt słabej wydajności może być rozkład czasu odpowiedzi w oprogramowaniu SEO, takim jak Seobility. Jeśli te czasy nie są wystarczająco dobre, warto popracować nad wydajnością i skorzystać z dodatkowych narzędzi, takich jak GTMetrix i Google PageSpeed.

PageSpeed możesz przetestować, korzystając z dwóch narzędzi:
https://gtmetrix.com/ (dostosowanie lokalizacji serwera do Londynu!)
https://pagespeed.web.dev/ (szczególnie zalecane z uwagi na podział informacji dotyczących wersji mobilnej i desktopowej)

Oto fragment mobilnej oceny strony TutKit.com w zakresie PageSpeed oraz informacji, czy Core Web Vitals zostały zaliczone:

PageSpeed Insights TutKit.com

PageSpeed Insights TutKit.com

Szybkość ładowania strony i responsywności zależą od wielu czynników, takich jak wydajność serwera, jakość kodu, rozmiary plików graficznych, ikony w formacie SVG zamiast PNG, itp. Dlatego warto początkowo kierować się zaleceniami GTMetrix i PageSpeed Insight, aby osiągnąć globalne ulepszenia, jeśli wartości nie są jeszcze zadowalające.

Aby przekonwertować obrazy na nowoczesne formaty webowe (WEBP/AVIF), można skorzystać z narzędzia takiego jak https://squoosh.app/. Jest to szczególnie korzystne, jeśli chcesz ręcznie przekonwertować tylko kilka obrazów. W przeciwnym razie można również skorzystać z przekształcenia plików JPG lub PNG po stronie serwera lub CMS. Gdy dostosowaliśmy TutKit.com do nowoczesnych formatów obrazów, automatycznie skonwertowaliśmy ponad 14 000 istniejących plików JPG na AVIF i WEBP. Ponieważ AVIF oferuje jeszcze lepsze współczynniki kompresji przy dobrej jakości, jest on standardowo wyświetlany w przeglądarkach. Jeśli starsza przeglądarka nie obsługuje AVIF, zostanie wyświetlony WEBP. To samo zrobiliśmy dla naszej strony \">4eck-media.de

Google daje Ci również skondensowaną wartość dla nowych Core Web Vitals dla Page Experience. W Google Search Console masz dodatkowo możliwość uzyskania przypisania do poszczególnych stron Twojej witryny. Pomaga to w analizie, aby zidentyfikować i naprawić problem na Twoich stronach.

Główne wskaźniki strony internetowej w konsoli wyszukiwania Google.

Mobilna przyjazność witryny można sprawdzić za pomocą narzędzia takiego jak Lambda-Test.

Szczególnie dla programistów czasami istotne jest zrozumienie, w jaki sposób układ reaguje na określone urządzenie końcowe, na przykład gdy klient zgłasza problem związany z starszym modelem iPhone'a. W Chrome = F12 można bezpośrednio aktywować różne urządzenia, które następnie przedstawiają rozdzielczość.

Do optymalizacji mobilnej należy również zapewnienie użytkownikom możliwości wygodnego przeglądania treści na smartfonie bez konieczności powiększania!

Przeglądanie bezpieczne oznacza, że Twoja witryna dostarcza z jednej strony nie ma złośliwego oprogramowania, a z drugiej strony przestrzegasz zasad, czyli na przykład nie używasz logo marek, których nie wolno Ci użyć lub nie wydajesz się produktów marek, których nie masz w portfolio. Do tego należy także zapewnienie, że na przykład przycisk odtwarzania wideo rzeczywiście odtwarza wideo, a nie pobiera plik do pobrania dla użytkownika. Szczególnie punktem dotyczącym złośliwego oprogramowania dla wielu witryn w przeglądaniu bezpiecznym jest największe ryzyko, które można ograniczyć tylko poprzez ciągłe aktualizacje systemu CMS i wtyczek. Jeśli Twoja witryna niekoniecznie wymaga formularza kontaktowego, zastanów się nad jego usunięciem, ponieważ pola formularzy stanowią potencjalne wejście dla hakera lub zautomatyzowane ataki typu SQL injects, cross-site scripting, kody heksadecymalne itp. W sierpniu 2021 roku Google zmienił zdanie i ogłosił, że przeglądanie bezpieczne nie jest już uwzględnianym czynnikiem rankingowym, ponieważ wielu właścicieli stron internetowych nie ma wpływu na zdalne dostępy. W narzędziach PageSpeed Insights oraz Lighthouse znajdziesz zalecenie dotyczące przeglądania bezpiecznego, dlatego można przypuszczać, że temat ten dla SEO nie jest jeszcze całkowicie zakończony:

Strony Google PageSpeed Insights Bezpieczne przeglądanie.

HTTPS to obecnie standard. Każda strona powinna mieć certyfikat SSL. Istnieje również ryzyko otrzymania wezwania do uregulowania sprawy dla właścicieli stron, którzy go nie posiadają: https://t3n.de/news/dsgvo-abmahnung-ssl-fehlt-1091180/

Szczególnie podczas zmiany serwera lub przeorganizowania witryny należy pamiętać o przekierowaniach z http na https. Warto wiedzieć, że istnieje narzędzie testowe: https://www.seobility.net/de/redirectcheck/

W tym kontekście należy również upewnić się, że obrazy umieszczone przed przypisaniem certyfikatu SSL zostały również dostosowane w kodzie z http na https. W przeciwnym razie przeglądarka wyświetli komunikat, że strona nie jest bezpieczna. To była (albo jest w przeszłości) często przypadłośćą witryn WordPress - czyli najczęściej stosowanego systemu CMS.

Wyszukaj po prostu w Google, czy indeksowane są jeszcze strony http. Możesz to zrobić wstawiając następujące zapytanie w pole wyszukiwania: site:domain inurl:http

Zamień w tym zapytaniu domain na swoją domenę. Enter.

  • site: Filtruje wyniki, które zawierają się tylko na podanej domenie.
  • -inurl: Filtruje wyniki z stron, których adres URL zawiera http.

Ostatnim punktem w wykresie jest rezygnacja z nachalnych interstycjalów, czyli pełnoekranowe banery, które rzadko kiedy sprawiają, że serca Twoich użytkowników biją mocniej. Sprzyjają one tylko frustracji i prowadzą do negatywnych emocji oraz szybkiego zakończenia wizyty.

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

Page Experience jest szczególnie ważna, aby użytkownicy nie byli zniechęceni przez wolne czasy ładowania, brak przyjazności dla urządzeń mobilnych lub inne czynniki. Przyczyniają się zatem do konwersji w kierunku oczekiwanego zachowania. Czy posiadanie doskonałej Page Experience automatycznie sprawia, że zostajesz zwycięzcą w rankingu, nie jest od razu powiedziane, ponieważ także treści na stronie internetowej i inne sygnały użytkowników odgrywają rolę w rankingu. Jednak jeśli strony są w równym stopniu przystosowane pod względem treści, lepsza Page Experience może stać się "zdobywcą tie-breakera" i sprawić, że witryna z lepszymi wartościami w Core Web Vitals zajmie wyższe miejsce.

Faktory Google dla mobilnej przyjazności i wysokiej jakości doświadczenia użytkownika i strony są w dużej mierze rozwiązywane tylko przez Twoich programistów lub Twoje agencje obsługujące. Dla Ciebie jako pracownika ds. Marketingu ważne jest, abyś wiedział, według jakich metryk oceniana jest Page Experience i jakie narzędzia można w tym celu wykorzystać. Jeśli Twoja agencja ma być odpowiedzialna za optymalizację, upewnij się bezpośrednio w umowie, że prace wymagają bardzo dobrych wyników pomiaru doświadczenia na stronie dla akceptacji jakości usług.