Czy moja strona na WordPress’ie jest mobile-friendly?
Co Google rozumie przez stronę mobile-friendly i krótka lista kontrolna, jak dostosować do tego stronę na WordPressie.
Wpis archiwalny
Opublikowany w 2021 roku i zachowany w pierwotnej formie. Niektóre porady mogą być nieaktualne.
Co zmieniło się od tego czasu: Od czasu publikacji Google wycofał test optymalizacji mobilnej (Mobile-Friendly Test) i raport obsługi na urządzeniach mobilnych w Search Console, a indeksowanie mobile-first obejmuje teraz wszystkie strony. Stronę na urządzeniu mobilnym sprawdzisz dziś narzędziem Lighthouse w Chrome DevTools.
Pisząc o wprowadzeniu Core Web Vitals jako nowego składnika (od czerwca 2021) kryteriów pozycjonowania stron internetowych (zobacz Optymalizacja Core Web Vitals strony na WordPress’ie?) wymieniliśmy wszystkie podstawowe czynniki, które Google bierze pod uwagę przy ustalaniu rankingu strony, i które da się łącznie określić zbiorczym terminem ‘page experience’. Następny temat to jak uczynić stronę na WordPress’ie mobile-friendly.
Ponieważ większość ruchu w sieci odbywa się poprzez urządzenia przenośne już od dawna, dokładnie od początku 2017 r. (zobacz dane ‘Statista’), każdy wie, że wszystkie strony internetowe muszą być ‘responsywne’ (określenie wzięte z frazy ‘Responsive Web Design’ stworzonej przez Ethan’a Marcotte’a w r. 2010).
Główną ideą RWD jest postrzeganie zawartości strony internetowej jak wody, która wypełnia ekrany o różnych rozmiarach i proporcjach (różne ‘viewporty’) dostosowując swój kształt płynnie do naczynia, które wypełnia.
autor: Stéphanie Walter – https://stephaniewalter.design/, CC BY-SA 3.0
Ale ‘mobile-friendly’ w naszym obecnym kontekście, jak definiuje Google w celu zwiększenia komfortu użytkowania stron internetowych, oznacza coś więcej. Już od 1. lipca 2019 r. Google używa algorytmu ‘Mobile-first indexing’, co oznacza, że ‘prawie całe indeksowanie na Twojej stronie opiera się na mobilnej wersji strony.’ (cyt. z ‘Mobile-first indexing best practices’). W celu pozycjonowania strony w rankingu wyszukiwania Google korzysta tylko z jednego indeksu, więc jeśli wynik indeksowania mobilnej wersji Twojej strony będzie kiepski, to nawet jeśli wersja desktopowa osiąga wynik znakomity, to nie pomoże Ci to w osiągnięciu wyższej pozycji.
Upewnij się, że Twoja strona jest mobile-friendly poprzez zastosowanie poniższych wskazówek:
- upewnij się, że Googlebot ma dostęp do i może odczytać zawartość strony mobilnej (meta tagi dla robotów na obu wersjach strony, mobilnej i desktopowej, muszą być takie same a jeśli używasz innych adresów URL dla zawartości mobilnej, upewnij się, że nie blokują one dostępu botom Google; ponadto nie ładuj ważnej zawartości z opóźnieniem zależnym od akcji użytkownika, aby boty mogły ją zobaczyć)
- zadbaj, aby zawartość obu wersji była taka sama, z takimi samymi nagłówkami
- używaj czcionek w rozmiarze na tyle dużym, aby były czytelne bez powiększania widoku
- dostosuj rozmiary zawartości do ekranu, aby mieściła się w jego poziomym wymiarze i aby użytkownicy nie musieli przewijać ekranu w bok lub pomniejszać widoku w celu zobaczenia całości zawartości
- rozmieść elementy klikalne, takie jak odnośniki i przyciski, na tyle daleko od siebie, aby umożliwić użytkownikowi łatwy wybór właściwego przy pomocy palca
Sprawdź jaki wynik osiąga wybrana strona z Twojej witryny w teście ‘Mobile-friendly test’.
I sprawdź, czy nie ma raportów o błędach w mobilnej dostępności Twojej witryny w Google Search Console ‘Open site-wide mobile usability report’.
Podobnie jak w przypadku dostosowania Core Web Vitals, czynniki wpływające na ocenę ‘Mobile-friendly’ muszą spełniać wymagania Google zanim zaczniesz wydawać pieniądze na inne działania w zakresie SEO. Bez dobrej oceny ‘page experience’ ze strony Google Twoje inne wysiłki będą zmarnowane, więc najpierw uczyń swoją stronę na WordPress’ie mobile-friendly.
Dowiedz się więcej w poście ‘Optymalizacja Core Web Vitals strony na WordPress’ie?’.