Posiadanie witryny dostosowanej do urządzeń mobilnych jest teraz bardzo ważne dla obecności w internecie. W wielu krajach ruch ze smartfonów przewyższa ruch z komputerów. Jeśli Twoja witryna nie jest jeszcze dostosowana do urządzeń mobilnych, zadbaj o to, by była. Narzędzie do testowania optymalizacji mobilnej w Search Console pozwala w szybki i prosty sposób sprawdzić, czy strona w Twojej witrynie jest dostosowana do urządzeń mobilnych.
Uruchom narzędzie do testowania optymalizacji mobilnej
Korzystanie z narzędzia
Narzędzie do testowania optymalizacji mobilnej jest bardzo łatwe w użyciu – wystarczy tylko wpisać pełny adres URL strony internetowej, którą chcesz sprawdzić. Test trwa zwykle krócej niż minutę i sprawdza również wszelkie przekierowania ze strony.
Wyniki testu zawierają zrzut ekranu, który pokazuje, jak Google widzi tę stronę na urządzeniu mobilnym, a także listę wszelkich znalezionych problemów związanych z obsługą strony na urządzeniach mobilnych. Są to problemy, które mogą utrudniać poruszanie się po stronie użytkownikom korzystającym z urządzeń mobilnych (o małym ekranie), czyli na przykład małe czcionki (które utrudniają czytanie tekstu na małym ekranie) czy elementy w formacie Flash (którego nie obsługuje większość urządzeń mobilnych).
Jeśli z jakiegoś powodu narzędzie nie może uzyskać dostępu do strony, wyświetli się komunikat błędu zawierający opis problemu. Problemy z dostępem to np. brak połączenia z siecią lub wyłączenie witryny.
Jeśli podczas testu nie wczytają się wszystkie zasoby wykorzystywane przez stronę, wyświetli się ostrzeżenie. Zasobami nazywamy umieszczone na stronie zasoby zewnętrzne, takie jak obrazy, pliki CSS albo pliki skryptów. Dzieje się tak z kilku powodów:
- Wczytanie zasobu w odpowiednim czasie nie było możliwe. Jeśli wystąpi ten problem, powtórz test. Jeśli problem będzie się powtarzać, rozważ umieszczenie zasobu na innym serwerze albo spróbuj znaleźć przyczynę braku odpowiedzi od hosta i ją usunąć.
- Zasób nie istnieje w podanej lokalizacji (błąd 404). Popraw adres URL zasobu.
- Zasób jest niedostępny dla niezalogowanych użytkowników. Narzędzie do testowania uzyskuje dostęp do strony jako anonimowy użytkownik. Sprawdź, czy wszystkie zasoby są dostępne dla anonimowych użytkowników.
- Dostęp do zasobu jest zablokowany dla Googlebot za pomocą pliku robots.txt. Jeśli zasób jest ważny (patrz poniżej), a znajduje się w Twojej witrynie, spróbuj go odblokować dla Googlebota. Jeśli natomiast znajduje się on w innej witrynie, poproś jej webmastera o odblokowanie tego zasobu.
Odblokowanie ważnych zasobów
Zablokowanie ważnego zasobu może znacznie wpływać na sposób, w jaki Google odczytuje stronę. Na przykład zablokowanie dużej grafiki może stwarzać pozory, że strona jest dostosowana do urządzeń mobilnych, a zablokowanie pliku CSS może skutkować używaniem złych stylów czcionek (na przykład zbyt małych dla konkretnego urządzenia). Taka sytuacja wpływa nie tylko na wynik testu obsługi na urządzeniach mobilnych, ale również na naszą zdolność zindeksowania Twojej strony. Sprawdź, czy ważne zasoby są ogólnie dostępne i czy nie są zablokowane dla Googlebota za pomocą pliku robots.txt.
Niespójne wyniki testu / Problemy z wczytywaniem strony
Jeśli strona zawiera niewczytywalne zasoby lub występują inne problemy z jej wczytywaniem, każdy test może pokazywać nieco inne wyniki. Dzieje się tak, ponieważ zbiór załadowanych zasobów może się różnić podczas każdego testu. Jeśli renderowanie strony jest inne przy każdym teście, a nic nie zmieniasz, sprawdź, czy pojawiło się ostrzeżenie „problemy z wczytywaniem strony”. Jeśli tak, kliknij, by uzyskać więcej informacji, i zobacz, co mogło spowodować niepoprawne i niespójne renderowanie strony.
Błędy związane z obsługą na urządzeniach mobilnych
Narzędzie do testowania optymalizacji mobilnej rozpoznaje następujące błędy związane z obsługą stron:
Użycie niezgodnych wtyczek
Strona zawiera wtyczki takie jak Flash, które nie są obsługiwane przez większość przeglądarek mobilnych. Zalecamy przeprojektowanie strony przy użyciu nowoczesnych, powszechnie obsługiwanych technologii internetowych, np. HTML5. Poznaj więcej wskazówek na temat animacji strony
Nieustawiony widoczny obszar
Twoja strona nie definiuje tagu widoczny obszar, który informuje przeglądarki o sposobie dostosowywania wymiarów strony oraz jej skalowaniu pod kątem dopasowania do rozmiaru ekranu. Użytkownicy Twojej witryny korzystają z różnych urządzeń o różnych rozmiarach ekranów – od dużych ekranów biurkowych po tablety i małe smartfony, dlatego na stronach powinien zostać określony widoczny obszar za pomocą tagu meta viewport. Więcej informacji na ten temat znajdziesz w artykule opisującym podstawy elastycznego projektowania witryn.
Widoczny obszar nie dopasowuje się do szerokości ekranu urządzenia
Twoja strona definiuje tag widoczny obszar o stałej szerokości, dlatego nie dopasowuje się on do innych rozmiarów ekranu. Aby naprawić ten błąd, zaprojektuj strony witryny w sposób elastyczny i ustaw widoczny obszar tak, by pasował do szerokości urządzenia i odpowiednio się skalował. Dowiedz się, jak prawidłowo skonfigurować widoczny obszar.
Treść szersza niż ekran
Ten raport wskazuje strony wymagające przewijania poziomego w celu wyświetlenia znajdującego się na nich tekstu i obrazów. Dzieje się tak, gdy strony korzystają z wartości bezwzględnych w deklaracjach CSS lub korzystają z obrazów zaprojektowanych pod kątem określonych szerokości przeglądarek (np. 980px). Aby rozwiązać ten problem, upewnij się, że strony korzystają ze względnych wartości szerokości i pozycji elementów CSS oraz dopilnuj, by obrazy również się skalowały. Więcej informacji znajdziesz w artykule Dopasowanie rozmiaru do widocznego obszaru.
Mała czcionka utrudnia czytanie tekstu
Ten raport wskazuje strony, na których zbyt mała czcionka jest po prostu nieczytelna i wymaga powiększania widoku strony w celu przeczytania jej treści. Po określeniu widocznego obszaru swoich stron internetowych ustaw odpowiednie skalowanie czcionek wyświetlanego w nim tekstu. Sprawdzone metody w zakresie obsługi czcionek możesz znaleźć w artykule Używanie czytelnych rozmiarów czcionek.
Elementy klikalne zbyt blisko siebie
Ten raport wskazuje adresy URL witryn, których elementy dotykowe, takie jak przyciski czy linki nawigacyjne, są umieszczone tak blisko siebie, że użytkownik mobilny ma trudności z dotknięciem palcem wybranego elementu bez dotykania elementu sąsiadującego. Aby naprawić te błędy, ustaw prawidłowy rozmiar i odstępy między przyciskami oraz linkami nawigacyjnymi, mając na uwadze ich obsługę z poziomu urządzeń mobilnych. Więcej informacji zawiera artykuł Dobierz odpowiedni rozmiar elementów dotykowych.
Dalsze kroki
- Sprawdź w raporcie dotyczącym obsługi na urządzeniach mobilnych, jakie wykryliśmy problemy w Twojej witrynie (musisz najpierw zweryfikować własność witryny w Search Console).
- Dowiedz się, jak dostosować witrynę opartą na systemie CMS do urządzeń mobilnych (w przypadku stron hostowanych na platformie WordPress, Joomla! lub w innych systemach CMS).
- Dowiedz się, jak współpracować z programistą, by rozwiązać problemy z witryną.
- Dowiedz się więcej o tworzeniu stron dostosowanych do urządzeń mobilnych.
