Internet zmienił się w październiku 2016 r. W tym miesiącu po raz pierwszy korzystanie z Internetu mobilnego wyprzedziło korzystanie z Internetu na komputerach stacjonarnych (choć niektórzy twierdzą, że punkt zwrotny nastąpił znacznie wcześniej). Ponad sześćdziesiąt procent pokolenia Millenialsów używa smartfona jako swojego urządzenia główne urządzenie umożliwiające dostęp do Internetu, donoszono, i od tego czasu odsetek ten prawdopodobnie wzrósł jeszcze bardziej. Oczywiste jest, że jeśli masz stronę internetową, musi ona być dostosowana do urządzeń mobilnych.
W kwietniu 2015 r. Google ogłosił, że uwzględni przyjazność dla urządzeń mobilnych jako czynnik wpływający na ranking witryn. Istnieją dwie różne opinie na temat tego, jak upewnić się, że witryna jest dostosowana do urządzeń mobilnych. Jedna ze szkół myślenia zakłada utworzenie osobnej, mobilnej wersji istniejącej witryny. Przeciwny, szerzej akceptowany pogląd nie polega na tworzeniu osobnej witryny internetowej, ale raczej na dostosowaniu istniejącej witryny.
Dostosowanie istniejącej witryny do ery mobilnej nie jest procesem kosztownym – nie musisz gromadzić +kapitału ani wygrywać Loteria EuroMillions aby móc sobie pozwolić na wymianę. Mimo to mądrze byłoby mieć na pokładzie wykwalifikowanego programistę, który upewniłby się, że zmierzasz we właściwym kierunku.
Punktem wyjścia jest to, że musisz zatrudnić responsywny projekt strony (RWD), aby zapewnić odwiedzającym łatwe czytanie i poruszanie się po Twojej witrynie. Strona responsywna to taka, która dostosowuje się do urządzenia, z którego korzystają odwiedzający.
Rozmiar czcionki. Odwiedzający Twoją witrynę powinni być w stanie odczytać treść bez konieczności powiększania. Upewnij się, że używasz przyjaznych dla użytkownika, standardowych czcionek ustawionych tak, aby zapewnić maksymalną czytelność. Programiści będą wiedzieć, że skonfigurowanie widocznego obszaru dla stron internetowych zapewni prawidłowe skalowanie czcionek na różnych urządzeniach. Bazowy rozmiar czcionki, zgodnie z zaleceniami Google, powinien wynosić 16 pikseli CSS.
Obrazy. Obrazy powinny mieć wysoką rozdzielczość. Jeśli ustawisz preferowaną szerokość obrazów na stronie internetowej, będą one zbyt szerokie do wyświetlenia na urządzeniu mobilnym, dlatego powinieneś ustawić szerokość obrazu na 100%.
Linki. Umieść linki na tyle daleko od siebie, aby czytelnicy nie mieli problemu z kliknięciem tego, którego chcą. To samo tyczy się klikalnych przycisków.
Flash – nie używaj go. Większość mobilnych przeglądarek internetowych nie jest skonfigurowana do renderowania oprogramowania takiego jak Flash. Google zaleca projektowanie witryny internetowej, w tym treści i animacji, przy użyciu „nowoczesnych technologii internetowych”, które najwyraźniej nie obejmują Flasha.
Zoptymalizuj kod. Nawet jeśli nie masz czasu ani pieniędzy na przebudowę swojej witryny od podstaw na potrzeby ery urządzeń mobilnych, istnieją pewne poprawki, które można wprowadzić w istniejącym kodzie, co poprawi komfort użytkowania. Ulepszenia te obejmują między innymi dostosowywanie atrybutów wejściowych formularzy, używanie zawijania słów w celu zapewnienia czytelności długich tekstów, takich jak numery kont i adresy URL, ostrożne wykorzystanie dodatkowych spacji oraz unikanie stałego pozycjonowania nagłówków i pasków bocznych.
Po wykonaniu powyższych kroków będziesz chciał sprawdzić, czy Twoja witryna jest rzeczywiście dostosowana do urządzeń mobilnych. Google oferuje proste test przyjazny dla urządzeń mobilnych które mogą określić, jak łatwo odwiedzający może zobaczyć stronę witryny na urządzeniu mobilnym. Wystarczy, że podasz swój adres URL, a narzędzie przeanalizuje Twoją stronę i sprawdzi jej zgodność z erą mobilnego Internetu.
