Dlaczego optymalizacja wersji mobilnej sklepu internetowego jest tak ważna?
Nowa, przejrzysta i intuicyjna strona internetowa Twojego sklepu online została już wdrożona? Strona główna i kontaktowa oraz podstrony kategorii i produktowe są zoptymalizowane pod kątem SEO, a kłódka w pasku adresu URL informuje o bezpiecznym połączeniu? Świetnie! Pozostaje jednak pytanie: czy równie dobrze prezentuje się stron mobilna Twojej firmy? Pytanie to jest jak najbardziej zasadne – i to z kilku powodów. Właśnie je chcemy Ci przybliżyć w poniższym artykule.
Mobilna strona internetowa – co mówią badania na temat korzystania z urządzeń mobilnych?
Badań i analiz, skupiających się na udziale mobilnych stron internetowych w rynku e-commerce, jest wiele. My skupimy się na danych aktualnych, dotyczących naszego polskiego rynku – są one corocznie dokładnie opisywane w raporcie „E-commerce w Polsce”, za który odpowiadają Gemius, IAB Polska i Polskie Badania Internetu. Czego dowiadujemy się z ostatniej odsłony raportu z 2022 roku?
Przede wszystkim tego, że po raz pierwszy od początku realizacji badania, czyli od dziesięciu lat, to właśnie smartfon został uznany za najpopularniejsze narzędzie służące do zakupów online. Wskazało na niego aż 75% badanych. Drugie miejsce zajął laptop z wynikiem 73%, a trzecie – komputer stacjonarny (zaledwie 41%). Żeby było ciekawiej, dodajmy, że w przedziale wiekowym 35-49 lat smartfon zdobył 74% głosów (drugi laptop – 73%), ale w przedziale 25-34 już 88% (laptop – zaledwie 75% wskazań), a w najmłodszej grupie, czyli 15-24 lata – aż 92% (przy 68% wskazań laptopa).
Z raportu możemy dowiedzieć się także innych interesujących rzeczy. Okazuje się, że niedostosowanie strony internetowej do zakupów na urządzeniach mobilnych jest drugim najczęściej spotykanym problemem przez internautów podczas dokonywania zakupów na smartfonie czy tablecie (30%). Większym problemem jest tylko niewygodne wypełnianie formularzy, które wskazało 34% respondentów. Dane te pokazują jasno: jeżeli chcesz pokonać konkurencję i odnieść sukces w e-commerce, musisz mocno skupić się na optymalizacji mobilnej.
Mobile-First Index – co na temat strony mobilnej mówi Google?
Oczywiście, możesz powiedzieć, że wskazane wyżej dane nijak mają się do Twojej sytuacji. Być może Google Analytics i Google Search Console pokazują, że z Twojej strony internetowej korzysta się głównie w wersji desktopowej, co jest możliwe, jeśli Twój asortyment jest adresowany w głównej mierze dla odbiorców w wieku 50 lat i więcej. To jednak nie oznacza, że możesz zignorować projektowanie strony pod urządzenia mobilne. Przyzwyczajenia internautów to bowiem jedno. Zupełnie czym innym są wymagania Google.
Gigant z Mountain View już w 2016 roku zauważył rosnący udział urządzeń mobilnych w rynku e-commerce i poinformował o planach wprowadzenia indeksacji mobilnej – czyli Mobile-First Index. Decyzja ta była też następstwem dużych różnic w wyglądzie, działaniu i zawartości stron w wersji desktopowej i na urządzeniach mobilnych. W 2019 roku Google oznajmiło, że niebawem każda nowa strona indeksowana w wyszukiwarce będzie miała stronę w wersji mobilnej traktowaną na równi z desktopową. Wówczas niezadbanie o mobile SEO mogło skutkować obniżeniem pozycji rankingowej.
Rewolucja pod tym względem nastąpiła w 2021 roku, gdy Mobile-First Index stało się jeszcze istotniejszym czynnikiem rankingowym. Indeksacja mobilna zakłada, że obecnie to mobilna strona internetowa jest uważana za podstawową i to od niej w głównej mierze zależy ranking witryny w wynikach wyszukiwania. Potencjalnego niedostosowania strony do urządzeń mobilnych nie warto ignorować – nawet jeśli jesteś zadowolony/a z wyników sprzedażowych swojej firmy, pomyśl, że dzięki stworzeniu strony mobile friendly można trafić do kolejnych klientów, a co za tym idzie – obecne wyniki jeszcze poprawić.
Mobilna strona internetowa – jakie masz opcje?
Skoro wyjaśniliśmy już, że strona przyjazna dla urządzeń mobilnych jest koniecznością, powiedzmy, że na tym polu do wyboru masz dwa rozwiązania. Jednym z nich jest po prostu strona mobilna, a drugim – tzw. strona responsywna, czyli Responsive Web Design. Jak można się domyślić, obie opcje mają swoje zalety i – niestety – pewne wady.
Strona mobilna – zalety i wady
Strona mobilna to tylko teoretycznie ta sama wersja strony desktopowej – z technicznego punktu widzenia jest to jej dodatkowa wersja, o czym świadczy nieco inny adres URL. Jest to wersja strony dostosowane stricte do specyfiki smartfonów i tabletów – ich z założenia mniejszy ekran wymusza okrojenie strony z niektórych treści, elementów graficznych i ewentualnych animacji.
Jeśli chodzi o największe zalety takiej optymalizacji mobilnej, musimy wskazać przede wszystkim na czytelność strony, łatwe i intuicyjne poruszanie się po niej oraz jej lekkość (o czym najlepiej świadczy fakt, że takie strony często określa się mianem light/lajt). Strona mobilna szybko się ładuje, co jest istotne zarówno w kontekście wymagań Google, jak i oczekiwań użytkowników.
Jednak strony mobilne mają też pewne wady. Test optymalizacji mobilnej może wykazać problemy ze zduplikowanymi treściami i brakiem przekierowań. Z tego względu konieczne jest tworzenie osobnych treści dla dwóch wersji strony na innych adresach URL. Prace nad tym nie tylko mogą być czasochłonne, ale też mogą generować dodatkowe koszty. Warto też zwrócić uwagę na to, że mobile friendly site pozbawiona grafik i niektórych treści może być mniej atrakcyjna z wizualnego punktu widzenia oraz spójna z identyfikacją wizualną marki.
Responsywne strony internetowe – czy warto je wybrać?
Alternatywą dla wersji mobilnej strony jest strona responsywna (RWD – od Responsive Web Design). Jest to strona internetowa, która automatycznie dopasowuje się do rozmiaru wyświetlacza urządzenia, na którym jest wyświetlana – niezależnie od tego, czy jest to komputer stacjonarny i laptop, czy smartfon lub tablet. Najważniejszą zaletą tego rozwiązania jest brak konieczności tworzenia osobnej strony internetowej mobile friendly – mająca jeden adres URL strona internetowa szybko dopasowuje swój rozmiar do rozdzielczości ekranu, co oznacza, że można nią zarządzać przez jeden CMS bez konieczności tworzenia osobnych treści do wersji desktop i mobilnej.
Dużą zaletą tego rozwiązania jest także spójność wizualna strony w wersji mobilnej z desktopową. W tym przypadku nie trzeba rezygnować z elementów graficznych, by strona szybko się ładowała (choć może to trwać nieco dłużej niż w wersji light) i była czytelna, co ułatwia stworzenie identyfikacji wizualnej marki.
Taka witryna przyjazna dla urządzeń mobilnych może jednak być nieco bardziej kosztowna – zwłaszcza wtedy, gdy konieczne jest stworzenie responsywnej strony dla witryny bardzo rozbudowanej. Trzeba też mieć świadomość tego, że ten sam adres URL dla obu stron powoduje, że problemy z działaniem strony w jednej wersji, są równoznaczne z awarią witryny w wersji drugiej.
Mobile SEO – jak zoptymalizować stronę na urządzenia mobilne?
Optymalizacja strony internetowej pod kątem mobile SEO jest bardzo istotna. To, jak dopasować stronę pod urządzenia mobilne, w dużej mierze zależy od specyfiki Twojej działalności i witryny. Niemniej w większości przypadków dużą rolę odgrywają następujące aspekty:
- Stworzenie wersji strony pod kątem urządzeń mobilnych – niezależnie od rodzaju swojej działalności, zadbaj o to, by szablon Twojej strony był jak najprostszy. Strona powinna być intuicyjna i przejrzysta – nie jest zatem wskazany nadmiar tekstu i elementów graficznych, a także banerów i reklam. Dzięki temu łatwiej będzie stworzyć odpowiednią stronę na urządzenia mobilne – niezależnie od tego, czy wybierzesz mobile site, czy RWD;
- SEO – tworzenie contentu SEO pod kątem mobile friendly jest nieco inne niż dla wersji desktop (przede wszystkim dla stron RWD). Treści muszą być oryginalne, czytelne i uporządkowane, ale niewskazany jest nadmiar tekstu, który mógłby utrudniać korzystanie ze strony na małym wyświetlaczu. Należy też zadbać o odpowiednio duże i czytelna nagłówki oraz właściwe rozmieszczenie linków, które nie powinny znajdować się zbyt blisko siebie;
- Krótki czas ładowania strony – problem ten nakreśliliśmy już wcześniej. Gdy mobile friendly test wykazuje zbyt długie ładowanie się strony, co może wystąpić przede wszystkim przy RWD, należy rozważyć usunięcie z projektu grafik, które mogą spowalniać działanie witryny. Ważne jest też skompresowanie obrazów, zminimalizowanie plików CSS i JavaScript;
- Usunięcie zbędnego oprogramowania – roboty Google powinny mieć możliwość szybkiej i bezproblemowej analizy strony na urządzeniu mobilnym. W tym celu należy z projektu usunąć te oprogramowania, które są niedostosowane do mobile site – na przykład Flash.
Test optymalizacji mobilnej – przydatne narzędzia
Finalnie to test optymalizacji mobilnej potwierdza, czy strona, którą w wersji mobilnej otwieramy przez Google Chrome, działa należycie. Najlepiej taki test przeprowadzić dzięki programowi Search Console Google. Narzędzie umożliwia wykonanie szybkiej analizy i daje odpowiedź na pytanie, w jakim stopniu jest strona dostosowana do urządzeń mobilnych. To właśnie w panelu Google Search Console znajduje się narzędzie Mobile-friendly Test, z którego dowiesz się, czy Twoja strona spełnia kryteria Google dla stron mobilnych.
Warto mieć świadomość tego, że Google Search Console daje na tym polu większe możliwości. W panelu można sprawdzić, czy podjęta strategia optymalizacji przebiega zgodnie z planem, monitorując swoją widoczność w wynikach wyszukiwania mobilnego. W tym miejscu znajdziesz też wszystkie informacje o potencjalnych problemach związanych ze stroną mobilną.
Stworzenie strony mobilnej, zarządzenie nią w systemie CMS oraz monitorowanie sytuacji w Google Analytics i Google Search Console to zadania czasochłonne, wymagające odpowiedniej wiedzy. Z tego względu wdrożenie strony mobile friendly warto zlecić odpowiedniej agencji SXO. Będziesz wówczas mieć pewność, że wszystko zostanie przygotowane profesjonalnie.