Otwórz Zamknij Wyszukaj

Top 10 zasad – optymalizacja stron mobilnych

0

07 lipca 2012

Autorem artykułu jest Krzysztof Świtoński.

 

Wraz z postępującym wzrostem rynku mobilnego, coraz więcej administratorów stron decyduje się na uruchamianie także stron mobilnych. Coraz więcej wyszukiwań i zapytań do wyszukiwarek kierowanych jest właśnie ze smartfonów i tabletów. Stwarza to świetną okazję na pozyskiwanie klientów także tym kanałem. Ponadto, coraz więcej reklam jest przygotowanych i optymalizowanych pod urządzenia przenośne. To wszystko determinuje coraz większą popularność podejścia „mobile friendly”. Niemniej jednak, cały czas się uczymy, a większości stron bliżej jest niestety do „mobile not friendly”, aniżeli odwrotnie.

Co zatem zrobić, aby nasza strona była „mobile friendly”? Jakie zasady stosować, aby użytkownik nie miał problemu ze stroną, a co więcej na niej konwertował? Oto 10 złotych zasad, o której powinien pamiętać każdy twórca stron mobilnych! Zatem Twórco…

Po pierwsze: Bądź dostępny!

Przede wszystkim powinieneś zadbać o to, aby Twoja strona wyświetlała się na urządzeniach mobilnych każdego typu. Powtarzam – każdego typu. Dlatego zdecydowanie niewskazane jest stosowanie technologii takich jak Flash, ramek (np. iFrame) – zupełnie jak w SEO ;), czy różnego rodzaju wtyczek, które nie obsługują mobile’a.

Co zatem stosować? Tak naprawdę dla mobile’a wszystko, co nie jest flashem lub ramką jest dobre, aczkolwiek fajnymi technologiami świetnie spisującymi się w urządzeniach tego typu są np. HTML5, czy jQuery.

 

Po drugie: Bądź szybki!

Urządzenia mobilne, jak sama nazwa wskazuje, pełnią rolę stałego i szybkiego dostępu do zasobów sieci. W związku z tym, mobilna strona musi ładować się po prostu szybko. Według badań Compuware z 2011 60% użytkowników czeka nie więcej niż 3 sekundy na załadowanie strony. Jeśli strona ładuje się dłużej, użytkownik ją po prostu odrzuca i… trafia do konkurencji.

Mobilna wersja strony nie powinna ważyć więcej niż 20KB i nie powinna ładować się dłużej niż 4-5 sekund. Konieczne jest zmniejszenie wszelkich obrazków i elementów graficznych. Dobrym sposobem na zmniejszenie wagi strony jest stosowanie CSS w miejscu obrazków.

 

Po trzecie: Ogranicz treść i bądź zwięzły!

Strony mobilne ze względu na rozmiary ekranów urządzeń mają ograniczone pole manewru. W związku z tym, wszystkie zawarte na niej treści powinny być możliwie krótkie i konkretne. Mobilny internauta potrzebuje informacji szybko! Dlatego wszelkie nagłówki składające się z 6 lub więcej słów koniecznie skróć do trzech lub czterech. To samo dotyczy niższych treści, np. gdy wymieniasz coś od myślników, zadbaj o to, żeby jeden podpunkt nie zawierał więcej niż 2-3 wyrazy. Im mniej powierzchni strony zajmiesz tekstem tym więcej otrzymasz miejsca na wszelkiego rodzaju CTA lub inne kluczowe dla Twojej strony elementy. Będzie to miało także kluczowe znaczenie w kontekście landing page’a.

Po czwarte: Miej porządek!

W przypadku stron mobilnych na smartfony bardzo ważne jest, aby strona była logicznie ułożona. Aby najważniejsze treści (zarówno dla Ciebie jak i internauty) znajdowały się na górze strony, na tzw. pierwszym ekranie. Dla większości smartfonów pierwszy ekran stanowi ok. 100 pikseli, dlatego zadbaj o to, aby to co najważniejsze znalazło się właśnie tam. Landing page? Bezdyskusyjnie powinien zawierać w tym miejscu CTA. Użytkownik musi od razu wiedzieć, co zrobić.

 

Po piąte: Bądź czytelny!

Wydawałoby się, że to trywialne i oczywiste. Strona musi być czytelna. Ale co to oznacza w praktyce? Przede wszystkim to, że każdy użytkownik powinien być w stanie przeczytać treść strony bez przybliżania, czy zoom’owania. Ponadto, czcionka musi być czytelna (wielu specjalistów radzi rozmiar przynajmniej 16 pikseli) i mieć duży kontrast z tłem. Warto o tym pamiętać, bo podczas projektowania mobilnych stron wielu projektantów popełnia zazwyczaj najprostsze błędy. Zakopując się w pokręconych pomysłach dizajnerskich, zapominają, że czcionka powinna mieć inny kolor niż tło ;) A doskonale wiadomo, że jak fajnie strona nie byłaby zbudowana, żaden użytkownik nie przeczyta treści, jeśli będzie po prostu niewidoczna.

 

Po szóste: Nie wykluczaj wielko-kciukich!

W większości przypadków kwestia ta dotyczy męskiej części użytkowników, co nie oznacza, że jest mało istotna. Małe i drobne elementy strony są bardzo trudne do kliknięcia, zwłaszcza na ekranach dotykowych. Dlatego zadbajmy o naszych wielko-kciukich użytkowników i zamieszczajmy na stronach mobilnych tylko duże elementy, które łatwo wybrać. Co ważne – łatwo wybrać bez zoom’owania i powiększania. Wszystkie linki, grafiki i buttony powinny być łatwe w użyciu. Dzięki temu, w bardzo prosty sposób unikniemy irytacji wielu internautów, nie tylko tych z dużymi palcami. :)
Zaleca się, aby ważne elementy nie były mniejsze niż 40 x 40 px. Jest to taki rozmiar, który gwarantuje większości użytkowników bezproblemowo poruszanie się po mobilnej stronie.

 

Po siódme: Masz formularz? Ma być szybko i prosto!

Strona mobilna powinna być prosta w obsłudze i powinna umożliwiać odnalezienie kluczowych informacji, w jak najkrótszym czasie. To samo dotyczy wszelkich formularzy, szczególnie istotnych w kontekście landing page’ów. Gdy zależy nam na zdobyciu jakichś informacji od internauty poprzez formularz to pamiętajmy, aby mu to ułatwiać, a nie utrudniać. W związku z tym mobilny formularz nie powinien zawierać więcej niż siedem pól. Optymalna ilość pól do wypełnienia to ok. 3. Wówczas mamy gwarancję, że znakomita większość użytkowników poświęci chwilę i wypełni formularz. Jeżeli będzie on dłuższy, to prawdopodobieństwo to drastycznie maleje.

 

Po ósme: Bądź lokalny!

Coraz więcej wyszukiwań mobilnych to zapytania lokalne dotyczące przedsiębiorstw w najbliższym otoczeniu. Dlatego bardzo ważne jest, żeby i na ten element strona była przygotowana. Na podstawie adresu IP użytkownika możemy bardzo łatwo określić informację o jego położeniu i na bazie tych danych wyświetlić mu spersonalizowane informacje, np. gdzie znajduje się najbliższy sklep z sieci, której stronę właśnie przegląda. Doskonale informacje z IP wykorzystała sieć sklepów Chi-Chi’s, informując na swojej stronie mobilnej o tym, gdzie znajduje się najbliższy sklep.

 

Po dziewiąte: Lokalny biznes? Ułatwiaj kontakt.

W kontekście lokalnych biznesów niezmiernie ważne jest umożliwienie internaucie łatwy kontakt. Jak wynika z badania Google Mobile Movement Study z 2011 roku, 61% mobilnych użytkowników po odwiedzeniu strony mobilnej lokalnego biznesu wykonało połączenie lub wysłało wiadomość. Zatem jeśli prowadzisz knajpę lub warsztat samochodowy to pamiętaj o zamieszczeniu możliwości kontaktu. Nie musi to być oczywiście połączenie. Na podstawie wielu badań wiadomo, że kontakt mailowy konwertuje równie dobrze.

 

No i po dziesiąte: CTA, CTA i jeszcze raz CTA!

Mobilna strona musi sprzedawać. Dlatego nawoływanie do akcji każdego typu jest koniecznością, szczególnie dla Landing Page’ów! Zadzwoń, Zobacz, Ściągnij, Przejdź dalej, Podziel się, Dowiedz się więcej to tylko niektóre pomysły i popularne CTA. Jest jednak jedna ważna rzecz, o której należy pamiętać w kontekście mobilnego CTA. Strony mobilne, ze względu na swoją małą powierzchnię nie powinny zawierać więcej niż trzech typów CTA. Jest to niejako rozwinięcie zasady „jedna strona, jeden cel”. Zatem im mniej typów CTA tym lepiej, a strona ma bardziej czytelny przekaz.

 

Zastanawiasz się jak wygląda Twoja strona na mobile?

Aby sprawdzić wygląd swojej strony na urządzeniach mobilnych polecam narzędzie GoMo, które od razu pokaże Wam, jak Wasza strona prezentuje się na smartfonach i tabletach.

A jakie jest Wasze zdanie? O czym jeszcze powinien pamiętać twórca strony mobilnej?

 

Źródła:

http://searchenginewatch.com/article/2188662/Mobile-Landing-Page-Optimization-10-Best-Practices-for-Success http://www.mobilemarketer.com/cms/opinion/columns/12615.html
http://www.slideshare.net/aschottmuller/mobile-landing-page-optimization-ses-new-york-2012

 

Artykuł Krzyśka pierwotnie ukazał się na serwisie SeoPortal.

Masz chwilę? Przeczytaj jeszcze:

jestem.mobi

Zamknij

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close