Urządzenia mobilne zrewolucjonizowały świat! Jeszcze kilkanaście lat temu telefon służył wyłącznie do dzwonienia. A dzisiaj? Nosimy przy sobie niewielkie przyrządy, które dają tak wiele możliwości. Dostęp do informacji mamy na wyciągnięcie ręki – a właściwie smartfona. Przy pomocy urządzeń przenośnych kontaktujemy się ze znajomymi, płacimy, a nawet robimy zakupy. Technologia cały czas się rozwija… a czy Twój biznes za nią nadąża? Dzisiaj pokażemy Ci, jak zoptymalizować stronę pod kątem mobile friendly SEO.
Co to znaczy mobile friendly SEO i na czym polega podejście mobile-first?
Czy wiesz, że większość zapytań w wyszukiwarce Google generowanych jest przy pomocy urządzeń mobilnych? Dawniej internet w telefonie uważano za ciekawy dodatek – dzisiaj za standard. Wzrost znaczenia smartfonów sprawił, że wyszukiwarki internetowe zaczęły bardziej dbać o użytkowników mobilnych. Z tego względu Google wprowadziło podejście mobile-first. Na czym ono polega?
Roboty Google podczas indeksowania Twojej strony biorą pod uwagę przede wszystkim mobilną wersję. Następnie na tej podstawie ustalają jej miejsce w wynikach wyszukiwania. Co to oznacza? Jeżeli Twojej stronie brakuje wersji przystosowanej do urządzeń mobilnych, to może zająć ona gorszą pozycję. Google wymaga, aby strony były przyjazne dla wszystkich użytkowników. Właśnie dlatego mobile friendly SEO jest obecnie standardem.
W mobile friendly SEO chodzi przede wszystkim o to, aby przygotować stronę dobrze działającą na urządzeniach przenośnych. Na optymalizację wersji mobilnej składa się kilka elementów – zarówno technicznych, jak i związanych z treściami oraz doświadczeniami użytkownika. Są to m.in.:
- szerokość treści,
- szybkość ładowania strony,
- wielkość używanych czcionek,
- rozmieszczenie elementów klikalnych,
- zgodność wersji mobilnej z wersją desktop.
Doświadczenia użytkownika (UX) stanowią ważny element mobile friendly SEO. Przygotowaliśmy osobny artykuł, w którym zdradzamy 8 dobrych praktyk w projektowaniu UX & UI. Sprawdź go!
Czy moja strona powinna być mobile friendly?
Chcesz, aby Twoja strona wyświetlała się na samej górze? W takim razie uczyń ją przyjazną dla urządzeń mobilnych. Zapomnisz o użytkownikach smartfonów – zapomnij o dobrych wynikach. Zgodnie z zasadą mobile-first, brak optymalizacji pod kątem urządzeń przenośnych to gorsza pozycja w organicznych wynikach wyszukiwania. I to również na urządzeniach stacjonarnych! Odpowiedź jest jedna – zdecydowanie warto być mobile friendly.
Zresztą pomyśl, ile osób robi zakupy przy pomocy smartfona? Prawdopodobnie Ty też zaliczasz się do tej grupy. Jeżeli Twój sklep internetowy nie spełni wymagań użytkowników mobilnych, opuszczą go. Stracisz klientów, zanim przedstawisz im swoją ofertę. To wszystko wyłącznie przez niewłaściwe działanie strony na smartfonie… Ruch z urządzeń mobilnych jest tak duży, że nie możesz go ignorować!
Jak sprawdzić, czy moja strona jest przyjazna dla urządzeń mobilnych? Mobile friendly test w praktyce
Do sprawdzenia swojej witryny możesz użyć specjalnych narzędzi. Pierwszym z nich jest test optymalizacji mobilnej od Google – darmowy i prosty w obsłudze. Wystarczy wpisać adres URL strony, którą chcesz przetestować. Po maksymalnie kilku minutach dostaniesz wynik. Jeżeli coś na stronie będzie nie tak, otrzymasz powiadomienie. Problemy, z którymi możesz się spotkać to m.in.:
- zbyt mały rozmiar czcionki,
- treść strony wykraczająca poza szerokość ekranu,
- korzystanie ze wtyczek nieobsługiwanych przez przeglądarki mobilne.
Kolejnym krokiem, który możesz wykonać, jest ocena strony przy pomocy PageSpeed Insights. To również darmowe narzędzie, które działa na tej samej zasadzie. Wpisujesz adres strony i gotowe. Czego się dowiesz? Jak sama nazwa mówi, przetestujesz szybkość swojej strony – zarówno na urządzeniach mobilnych, jak i stacjonarnych. Dodatkowo dostaniesz wskazówki, jak tę szybkość poprawić. Narzędzie jednak oferuje nieco więcej, bo sprawdzi stronę również pod kątem dostępności oraz SEO.
Po wykonaniu zaledwie dwóch testów masz już sporo informacji. Chcesz więcej? W takim razie oceń witrynę z perspektywy prawdziwego użytkownika. Weź swojego smartfona, wejdź na stronę i sprawdzaj. Czy wszystkie elementy wyświetlają się poprawnie? Czy formularze działają? Przejdź przez tę samą ścieżkę, którą pokonują Twoi klienci.
Przy projektowaniu sklepu internetowego można popełnić wiele błędów. Jeśli chcesz ich uniknąć, zapoznaj się z naszym artykułem o 10 błędach UX/UI popełnianych w e-commerce.
Jak zoptymalizować witrynę pod kątem mobile friendly SEO?
Znasz teorię, umiesz wykonać testy, został ostatni etap – optymalizacja. Niestety, jest najtrudniejszy. Nie ma jednego uniwersalnego sposobu, każda strona ma inną budowę i związane z nią problemy. Mimo to postaramy się przedstawić Ci kilka praktycznych wskazówek, jak przystosować witrynę do urządzeń mobilnych.
Po pierwsze, Twoja strona musi mieć wersję mobilną. Aktualnie standardem jest budowanie responsywnych stron internetowych. Responsywność polega na tym, że tworzymy jedną wersję strony tak, aby wyświetlane treści dopasowywały się do wielkości urządzenia. Istnieją również inne metody na przygotowanie witryny przystosowanej do różnych ekranów, jednak są rzadko wykorzystywane. Z racji tego, że responsywność jest standardem, Twoja strona prawdopodobnie ma już wersję mobilną.
To jednak za mało. Zadbaj o to, aby zawartość strony była taka sama na urządzeniach mobilnych i stacjonarnych. Dotyczy to zarówno treści, jak i meta tagów albo atrybutów ALT przy grafikach. Co najważniejsze, nie ukrywaj żadnych elementów na urządzeniach mobilnych! To negatywnie wpłynie na pozycję strony.
Zwróć uwagę na doświadczenia użytkowników – Twoja strona powinna być czytelna i przejrzysta. Dostosuj wielkość czcionek, zachowaj odpowiednie odstępy, przesyłaj grafiki wysokiej jakości. Na urządzeniach mobilnych nie możesz ukrywać treści, ale możesz zmieniać wielkość i rozmieszczenie poszczególnych elementów.
Optymalizacja może sprawić wiele trudności, szczególnie jeśli brakuje Ci doświadczenia. Jeżeli potrzebujesz pomocy – napisz do nas. Sprawdzimy Twoją witrynę pod kątem mobile friendly SEO i wdrożymy odpowiednie zmiany.