Jak zrobić mobilną stronę internetową

Jak zrobić mobilną stronę internetową

Mienie strony internetowej zoptymalizowanej pod kątem urządzeń mobilnych było uważane za miły dodatek do projektowania stron internetowych, ale teraz jest to niezbędne. W rzeczywistości, konsumenci są tak przyzwyczajeni do stron mobilnych (łatwych w nawigacji na małym ekranie i z szybkim czasem ładowania), że szybko opuszczą stronę, jeśli nie działa ona dobrze na telefonie komórkowym.

Jeśli masz stronę internetową dla swojej firmy, słyszałeś już wielokrotnie, jak ważni mogą być klienci mobilni. W tym momencie prawdopodobnie zadajesz sobie pytanie: „Cóż, czy moja strona jest przyjazna dla urządzeń mobilnych?”

Jeśli korzystasz z mobilnego kreatora stron Jimdo, masz dobrą wiadomość. Twoja strona automatycznie stanie się responsywna, co jest złotym standardem projektowania stron przyjaznych dla urządzeń mobilnych. Szablony mobilnych stron Jimdo automatycznie dopasowują się do każdego rozmiaru ekranu, bez konieczności robienia czegokolwiek specjalnego.

Jeśli zastanawiasz się, co jeszcze możesz zrobić, aby stworzyć najlepszą mobilną stronę internetową, lub jeśli jesteś ciekawy korzyści płynących z projektowania stron przyjaznych dla urządzeń mobilnych, czytaj dalej, a my przejdziemy przez kilka mobilnych wskazówek.

Dlaczego strona przyjazna dla urządzeń mobilnych jest tak ważna?

Wiele osób korzysta z urządzeń mobilnych: Korzystanie z mobilnych stron internetowych (innymi słowy, korzystanie z witryny w podróży ze smartfona lub tabletu) wzrasta od lat. W 2015 roku Google ogłosiło, że po raz pierwszy w historii więcej osób wyszukiwało z urządzeń mobilnych niż z komputerów stacjonarnych lub laptopów.

Dostosowanie się do urządzeń mobilnych pomaga w rankingu Google: Zoptymalizowanie strony pod kątem urządzeń mobilnych przynosi wyraźne korzyści dla SEO, ponieważ Google traktuje priorytetowo strony zoptymalizowane pod kątem urządzeń mobilnych w wynikach wyszukiwania na smartfonach. Oznacza to, że jeśli ktoś szuka „pizzy” z telefonu komórkowego, Google będzie bardziej prawdopodobne, aby pokazać tej osobie mobilnie zoptymalizowane strony internetowe w pobliżu w wynikach wyszukiwania.

Klienci mobilni mają tendencję do bycia lokalnymi i gotowymi do zakupu: Osoby odwiedzające Twoją witrynę za pośrednictwem urządzenia mobilnego są często bardziej lokalne i bardziej skłonne do dokonania zakupu, ponieważ są w ruchu. Jeśli szukasz „pizzy” na swoim telefonie komórkowym, to prawdopodobnie dlatego, że chcesz pizzę właśnie teraz i chcesz pizzę, która jest w pobliżu. Podczas gdy klienci nadal często korzystają z komputerów stacjonarnych, aby przeprowadzić badania, przeczytać recenzje i podjąć decyzję o poważnych zakupach, konsumenci mobilni są bardziej skupieni na nawiązywaniu kontaktu i podejmowaniu działań właśnie w tym momencie, dlatego optymalizacja wyszukiwania lokalnego jest tak ważna. Przyjazna dla urządzeń mobilnych witryna może im w tym pomóc, przekładając się na więcej lokalnego biznesu dla Ciebie.

Co to jest responsywna strona internetowa?

Jeśli kiedykolwiek odwiedziłeś stronę internetową na telefonie komórkowym i zauważyłeś, że mrużysz oczy, aby przeczytać tekst, lub ciągle powiększasz i pomniejszasz, aby zobaczyć wszystko, to z pewnością wiesz, jak wygląda odwiedzanie „nieprzyjaznej” strony mobilnej. Frustrujące.

Dlatego właśnie zalecamy korzystanie z responsywnego projektu. Responsywna strona automatycznie dostosowuje się do typu urządzenia, z którego korzystają odwiedzający ją użytkownicy, zmieniając rozdzielczość, rozmiar obrazu, menu i inne elementy, tak aby miały one sens na różnych rozmiarach ekranu.

Dzięki responsywnej stronie internetowej nie musisz budować oddzielnej strony internetowej tylko dla urządzeń mobilnych lub oddzielnej mobilnej strony docelowej – wszyscy Twoi użytkownicy mogą współistnieć szczęśliwie używając tej samej responsywnej strony internetowej.

Jak uczynić witrynę przyjazną dla urządzeń mobilnych

Jest kilka innych prostych kroków, które możesz podjąć, aby ulepszyć swoją witrynę na telefonach komórkowych i tabletach.

Wskazówki dotyczące najlepszych mobilnych stron internetowych:

1. Upewnij się, że Twoje strony ładują się szybko: Użytkownicy mobilni prawdopodobnie korzystają z wolniejszego połączenia internetowego, więc tym ważniejsze jest, aby Twoja strona ładowała się szybko i nie pożerała ich planu danych. Istnieją darmowe narzędzia, których możesz użyć do przetestowania szybkości strony, a one dadzą Ci zalecenia, co możesz zrobić, aby było szybciej. Na przykład, możesz zmniejszyć bardzo duże obrazy (patrz poniżej), usunąć niepotrzebne wtyczki lub wyskakujące okienka, które spowalniają ładowanie, i zmniejszyć liczbę przekierowań URL, których używasz.
2. Zmień rozmiar i zoptymalizuj swoje obrazy i logo: Czy obrazy i logo na Twojej stronie są dużo większe niż to, czego faktycznie potrzebujesz? Zdjęcia ze stockowych serwisów fotograficznych, a nawet zdjęcia zrobione dobrym aparatem cyfrowym mogą mieć ogromne rozmiary (ponad 1MB), na przykład – a to może spowolnić Twoją witrynę. Dobra wiadomość jest taka, że możesz je „skompresować” bez utraty jakości, używając darmowego narzędzia, takiego jak TinyPNG lub TinyJPG. Możesz również zmienić wymiary zdjęcia, aby je zmniejszyć (np. nadać mu szerokość 800 pikseli zamiast 2000 pikseli). Więcej wskazówek i porad na temat obrazów znajdziesz w naszym poście How to Optimize Website Images for Better Design and SEO.
3. Użyj prostego, krótkiego menu nawigacyjnego: Jeśli Twoja witryna ma skomplikowane menu nawigacyjne z wieloma stronami i podstronami, mobilnym gościom trudniej będzie szybko znaleźć to, czego potrzebują. Z jeszcze bardziej praktycznego punktu widzenia, trudno będzie im wycelować i skutecznie szturchnąć palcem właściwy link. Skrócenie i uproszczenie menu nawigacyjnego pomoże (a dodatkowo ułatwi korzystanie z witryny także użytkownikom komputerów stacjonarnych!).
4. Stwórz przejrzyste informacje kontaktowe: Ponieważ klienci mobilni prawdopodobnie chcą się z Tobą skontaktować, upewnij się, że Twoja strona główna nie wymaga przewijania, aby dostać się do informacji kontaktowych. Pamiętaj również o umieszczeniu numeru telefonu i adresu e-mail, na które można kliknąć, ponieważ wypełnianie formularza kontaktowego na telefonie komórkowym może być czasochłonne i irytujące.
5. Pokaż najpierw najważniejszą treść: Odwiedzający witrynę chcą szybko znaleźć potrzebne informacje, a to jest jeszcze bardziej prawdziwe, gdy są w ruchu.
6. Używaj dużego tekstu i przycisków: Osoby korzystające z urządzeń mobilnych potrzebują jeszcze większego tekstu i przycisków call-to-action niż można by się spodziewać, aby móc wygodnie korzystać z witryny. Najlepszym sposobem na sprawdzenie tego jest obejrzenie witryny w różnych trybach wyświetlania. To pokaże Ci, jak Twoja strona prezentuje się na różnych ekranach, a Ty sam będziesz mógł się przekonać, jak wszystko wygląda. Jeszcze lepiej, poproś przyjaciela lub krewnego (lub kogoś, kto nosi okulary), aby przetestował twoją stronę dla ciebie i dał ci znać, co myśli.
7. Nie używaj animacji Flash: Efekty lub animacje Flash nie działają na iPhonach i iPadach, więc duża część Twojej publiczności nie zobaczy tego, co jest na Twojej stronie. Jeśli korzystasz z Jimdo, masz szczęście: nasze strony wykorzystują najnowocześniejszy standard HTML5, który jest dostępny dla wszystkich typów smartfonów i tabletów.

Powszechne błędy stron mobilnych

• Zapominanie o oglądaniu własnej strony z urządzenia mobilnego: Jeśli zazwyczaj pracujesz nad swoją stroną internetową z komputera, może być trudno pamiętać, aby raz na jakiś czas sprawdzić widok mobilny. Ale zrobienie tego może pomóc Ci wskazać wszelkie drobne niedogodności, których z laptopa mógłbyś nigdy nie zauważyć.

• Niekończące się przewijanie: Wyluzuj na ludzkie kciuki! Staraj się, aby Twoje strony internetowe były krótkie i na temat, aby użytkownicy mobilni nie musieli ich przewijać i przewijać.
• Superszczegółowe infografiki: Infografiki są świetne dla stron internetowych – ale kiedy infografika kurczy się, aby dopasować się do mniejszego ekranu, może stać się niemożliwa do odczytania. Koniecznie przetestuj to sam. Może się okazać, że najlepiej będzie rozbić jedną dużą infografikę na mniejsze, oddzielne grafiki.
• Zbyt dużo tekstu: Akapit tekstu, który wygląda normalnie na ekranie komputera, może natknąć się jak Wojna i pokój na ekranie telefonu komórkowego. Trzymaj akapity krótkie i rozbijaj duże bloki tekstu za pomocą punktorów, nagłówków i obrazków. Oto więcej wskazówek dotyczących czytelnego tekstu witryny.
• Dotykaj elementów zbyt blisko siebie: Jest tylko tyle, co człowiek może zrobić, aby zmniejszyć swoje palce – ułatw im życie, umieszczając wystarczająco dużo miejsca między przyciskami i innymi linkami, aby ludzie nie trafiali przypadkowo na niewłaściwe rzeczy.
• Używanie Flasha: Efekty i animacje Flash nie działają na iPhone’ach i iPadach, więc duża część Twojej publiczności nie zobaczy tego, co jest na Twojej stronie. Jeśli używasz Jimdo, masz szczęście: wszystkie nasze strony używają bardziej nowoczesnego HTML5, który jest dostępny dla wszystkich typów smartfonów i tabletów.
• Wymaganie od ludzi wypełniania formularzy: Bądźmy szczerzy; nikt nie chce wypełniać formularza internetowego z telefonu komórkowego. Jeśli potrzebujesz formularza, zrób go tak krótkim, jak to tylko możliwe. Albo jeszcze lepiej, pozwól ludziom przesyłać informacje do Ciebie w inny sposób, na przykład przez e-mail lub po prostu dzwoniąc na Twój numer telefonu.

Jimdo: Najlepszy mobilny kreator stron internetowych

Jimdo to najprostszy sposób na zbudowanie przyjaznej dla urządzeń mobilnych strony internetowej lub mobilnej strony docelowej. Dzięki łatwemu budowaniu bloków, automatycznej responsywności mobilnej, a nawet możliwości samodzielnej edycji witryny w podróży, możesz mieć pewność, że Twoja strona jest przyjazna dla urządzeń mobilnych i idealna dla wszystkich Twoich klientów.

.