Twój mobilny współczynnik konwersji wynosi jeden procent. Współczynnik na komputerze wynosi pięć procent. Odwiedzający z telefonów widzą tę samą ofertę co użytkownicy komputerów. Ten sam produkt. Te same korzyści. Wszystko takie samo. Ale telefon konwertuje na ułamku poziomu komputera. Różnica nie leży w ofercie. Różnica to tarcie. Telefon ma więcej tarcia. Ekrany są mniejsze. Pisanie jest wolniejsze. Formularze są niewygodne na ekranach dotykowych. Obrazy ładują się dłużej w sieciach mobilnych. Finalizacja wymaga niekończącego się przewijania. Każdy krok wydaje się trudniejszy na telefonie. To tarcie zabija konwersje. Odwiedzający na komputerze wypełnia formularz w dwie minuty. Ten sam formularz na telefonie zajmuje siedem minut. W trzeciej minucie już rezygnuje. Optymalizacja konwersji mobilnej usuwa to tarcie. Upraszcza formularze. Przyspiesza strony. Przeprojektowuje pod dotyk. Usuwa zbędne kroki. Celem nie jest zrównanie konwersji mobilnej z konwersją na komputerze. Celem jest usunięcie sztucznego tarcia, które zabija konwersje mobilne. Ten artykuł wyjaśnia optymalizację konwersji mobilnej i pokazuje, jak poprawić konwersje na małych ekranach.
Dlaczego konwersje mobilne są niższe
Konwersje mobilne są niższe z uzasadnionych powodów. Użytkownicy telefonów są rozproszeni. Są w kawiarniach i w pociągach. Są przerywani. Urządzenia mobilne są wolniejsze. Sieci są wolniejsze. Urządzenia mają mniejszą moc obliczeniową. Doświadczenia mobilne wymagają więcej wysiłku. Pisanie jest trudniejsze. Trzeba przewijać. Trafianie w małe elementy jest trudne. To realne ograniczenia. Optymalizacja mobilna nie może ich usunąć. Ale może zminimalizować ich wpływ.
Optymalizacja formularzy na telefon
Formularze to największy punkt tarcia na telefonie. Dziesięciopolowy formularz na komputerze jest do opanowania. Na telefonie wymaga niekończącego się przewijania. Uprość formularze na telefon. Zmniejsz liczbę pól z dziesięciu do trzech. Pytaj tylko o niezbędne informacje. O informacje opcjonalne pytaj po konwersji. Używaj autouzupełniania i wstępnego wypełniania, gdy to możliwe. Pozwól przeglądarkom mobilnym automatycznie wpisywać e-mail i adres. Używaj typów pól, które wywołują odpowiednie klawiatury. Pole numeru telefonu powinno wywołać klawiaturę numeryczną. Pole e-mail powinno wywołać klawiaturę do e-maili. Te drobne zmiany zmniejszają tarcie.
Optymalizacja szybkości na telefon
Sieci mobilne są wolniejsze niż sieci stacjonarne. Wolne strony powodują porzucenia. Zoptymalizuj obrazy. Skompresuj je. Serwuj obrazy w rozmiarze odpowiednim do ekranów mobilnych. Nie wysyłaj na telefon czterometrowego obrazu przeznaczonego na komputer. Zminimalizuj kod. Usuń zbędny JavaScript. Odłóż ładowanie mniej ważnego JavaScriptu na po załadowaniu strony. Stosuj agresywne buforowanie. Zapisuj statyczne zasoby na urządzeniu, żeby nie trzeba było pobierać ich ponownie. Przetestuj szybkość swojej strony na telefonie. Google PageSpeed Insights pokazuje, co poprawić.
Optymalizacja przycisków i dotyku
Przyciski muszą być większe na telefonie. Palce są mniej precyzyjne niż mysz. Przycisk, który łatwo kliknąć na komputerze, może być niemożliwy do trafienia na telefonie. Zrób przyciski o wymiarach co najmniej czterdzieści cztery na czterdzieści cztery piksele. To mniej więcej rozmiar ludzkiego palca. Rozsuń przyciski, żeby nie dało się ich przypadkowo dotknąć. Nie umieszczaj dwóch przycisków tuż obok siebie. Usuń efekty najechania kursorem. Najechanie nie istnieje na telefonie. Efekty najechania mylą użytkowników telefonów. Zastąp je stanami aktywnymi, które pokazują, co się stanie po dotknięciu.
Optymalizacja finalizacji zamówienia na telefonie
Finalizacja zamówienia to miejsce, w którym mobilne porzucenia są najwyższe. Uprość finalizację. Finalizacja na jednej stronie jest lepsza niż wielostronicowa na telefonie. Zmniejsz liczbę pól formularza. Wypełnij z góry to, co wiesz. Pokaż wyraźnie postęp. Daj użytkownikom znać, ile kroków zostało. Zaoferuj zakup bez zakładania konta. Nie wymuszaj tworzenia konta przed zakupem. Zaoferuj kilka metod płatności. Niektórzy użytkownicy mają portfel mobilny w telefonie. Niektórzy mają Google Pay. Niektórzy używają kart kredytowych. Obsługa wszystkich zmniejsza tarcie.
Testowanie optymalizacji mobilnej
Testuj zmiany mobilne w testach A/B. Uproszczony formularz z trzema polami kontra formularz z dziesięcioma. Większy przycisk kontra mniejszy. Finalizacja na jednej stronie kontra wielostronicowa. Mierz, co konwertuje lepiej. Wdrażaj to, co działa. Telefon jest na tyle inny, że zmiany, które działają na komputerze, mogą nie działać na telefonie. Testuj na prawdziwych urządzeniach mobilnych. Testowanie w przeglądarce na komputerze to nie to samo co testowanie na telefonie.
Najczęściej zadawane pytania
Czy stworzyć aplikację mobilną zamiast optymalizować mobilną stronę?
Niekoniecznie. Mobilne strony działają dla większości firm. Aplikacje wymagają pobrania. Pobranie to tarcie. Użytkownicy rzadko pobierają aplikacje, chyba że dają znaczną wartość. Zacznij od dobrze zoptymalizowanej mobilnej strony. Rozważ aplikację tylko wtedy, gdy użytkownicy skorzystaliby z funkcji offline, powiadomień push albo lepszego doświadczenia, niż pozwala web. Dzięki kreatorowi stron WEMASY ustawisz to bezpośrednio na swojej stronie.
Jak optymalizować pod różne rozmiary ekranów mobilnych?
Używaj projektu responsywnego. Jeden projekt, który dostosowuje się do różnych rozmiarów ekranu. Zapytania mediów w CSS pozwalają stosować różne style przy różnych punktach przełamania. Testuj na różnych urządzeniach i rozmiarach ekranu. Nie zakładaj, że wszystkie urządzenia mobilne są takie same. Telefon i tablet mają różne rozmiary ekranu. Optymalizuj pod oba.
Jaka jest najbardziej skuteczna optymalizacja mobilna, jaką mogę wprowadzić?
Zmniejszenie liczby pól formularza zwykle ma największy wpływ. Długie formularze to największy punkt tarcia na telefonie. Usuń zbędne pola i zobacz, jak poprawia się konwersja mobilna. Optymalizacja szybkości jest druga. Wolne strony powodują porzucenia. Zoptymalizuj obrazy i usuń zbędny kod.
Czy mogę używać tej samej finalizacji zamówienia na telefonie i komputerze?
Możesz używać tego samego zaplecza, ale zoptymalizować prezentację dla każdego urządzenia. Finalizacja na komputerze może mieć więcej pól i więcej kroków. Finalizacja na telefonie powinna być prostsza. Użyj projektu responsywnego, żeby jedna finalizacja dostosowywała się do każdego urządzenia. Albo stwórz osobne finalizacje dla urządzeń, jeśli masz na to zasoby.
Jak przetestować wersję mobilną bez prawdziwego urządzenia mobilnego?
Narzędzia deweloperskie przeglądarki pozwalają symulować urządzenia mobilne. Możesz zobaczyć, jak Twoja strona wygląda na różnych rozmiarach ekranu. Ale symulacja to nie to samo co prawdziwe urządzenia. Prawdziwe urządzenia mają wolniejsze sieci i inne przeglądarki. Gdy to możliwe, testuj na prawdziwych urządzeniach. Pożycz telefony i tablety od znajomych z pracy, jeśli nie masz własnych.
Jakiej typowej poprawy można oczekiwać po optymalizacji mobilnej?
Dobrze zoptymalizowane doświadczenie mobilne zwykle poprawia współczynniki konwersji o pięćdziesiąt do stu procent. Samo uproszczenie formularza może poprawić konwersję mobilną o dwadzieścia procent. Optymalizacja szybkości może poprawić ją o trzydzieści procent. Połącz kilka optymalizacji, a wpływ się skumuluje.