Tworzenie strony internetowej to działa dobrze na urządzeniach mobilnych, nie jest łatwe, ale jest to możliwe. Dopóki przed przesłaniem witryny zweryfikujesz swoją witrynę, nie ma powodu, dla którego użytkownicy mobilni nie mieliby być zadowoleni. Jednak możesz się zastanawiać, które elementy najbardziej wymagają Twojej uwagi.
W tym samouczku przedstawimy prostą listę kryteriów, które powinna spełniać Twoja witryna. Jeśli tak, Twoi użytkownicy zapewne będą świetnie się bawić na urządzeniach mobilnych, a jeśli nie, powiemy Ci, jak to zmienić. Zacznijmy od punktu numer jeden!
1 - Przetestuj swoją witrynę w wielu rozdzielczościach
Jedną z najważniejszych rzeczy w przypadku witryn mobilnych jest to, że witryna nie powinna wyglądać na pomniejszoną wersję wersji na komputery. Oznacza to, że każdy z elementów powinien szukać wielu rozdzielczości.
Z drugiej strony, jeśli żaden z Twoich elementów nie wyświetla się dobrze na urządzeniach mobilnych, może to negatywnie wpłynąć na współczynnik odrzuceń. Mądrą rzeczą do zrobienia jest przetestowanie swojego Witryna internetowa na kilku rozdzielczościach wcześniej i sprawdź, czy wszystko jest wyświetlane poprawnie.
Na szczęście ten proces nie jest tak skomplikowany, jak się wydaje, i nie musisz posiadać wielu urządzeń, aby to zrobić. Istnieje wiele usług, które pozwalają szybko wszystko przetestować Witryna internetowa na różnych rozdzielczościach, takich jak:
Narzędzia wykrywania Chrome : Ta wbudowana funkcja przeglądarki Chrome obejmuje pasek narzędzi urządzenia, za pomocą którego możesz testować witrynę w różnych rozdzielczościach.
Usługi takie jak Screenfly et BrowserStack : Te usługi innych firm pozwalają przetestować witrynę w znacznie szerszym zakresie rozdzielczości.
Wszystkie wymienione przez nas narzędzia są bezpłatne, więc budżet nie powinien stanowić problemu i nie ma wymówki, aby pominąć ten krok!
2 - Upewnij się, że menu i nawigacja są wyświetlane na mniejszych ekranach
W większości przypadków menu są głównym środkiem nawigacji odwiedzający. Jeśli linki są trudne do kliknięcia lub odczytania w mniejszych rozdzielczościach, wpłynie to na użyteczność. Ponadto chcesz, aby wszystkie elementy menu były łatwo dostępne niezależnie od urządzenia, którego używasz do nawigacji.
Mając to na uwadze, zróbmy kilka kroków, aby upewnić się, że niczego nie przegapisz, gdy nadszedł czas, aby przetestować menu mobilne:
- Sprawdź, czy wszystkie elementy menu są widoczne.
- Upewnij się, że każde łącze jest wyrównane, a podmenu są zagnieżdżone.
- Sprawdź, czy możesz przeczytać każdy element menu i kliknij go.
Większość nowoczesnych motywów WordPress automatycznie tworzy dla Ciebie responsywne menu. Jeśli masz problemy z tym aspektem na swojej stronie, powinieneś rozważyć zmianę motywu.
3 - Sprawdź, czy obrazy są dobre w małych rozdzielczościach
Obrazy są kluczową częścią wszystkiego Witryna internetowa, ale czasami grafika może nie być w najlepszej rozdzielczości. Na przykład, jeśli Twoje logo nie jest czytelne, gdy ktoś odwiedza Twoją witrynę za pośrednictwem telefonu komórkowego, będzie to wyraźnie miało wpływ na wizerunek Twojej marki.
W większości przypadków ludzie bardziej obawiają się „zniekształcenia” swoich obrazów, ale problemem może być również skalowanie. Nie wszystkie obrazy można przeskalować tak, aby były idealne dla każdej rozdzielczości, ale można podjąć pewne kroki, aby zmniejszyć problem:
Skoncentrować swoje wysiłki na ważnych obrazów do marki.
Poszukaj skalowalnych alternatyw dla popularnych typów obrazów, takich jak pliki SVG.
O ile to możliwe, wybieraj lepiej przycięte obrazy, aby lepiej pasowały w mniejszych rozmiarach.
Tak długo, jak pamiętasz o tych wskazówkach, powinieneś być gotowy. Pamiętaj tylko, że jeśli chodzi o bardzo złożone obrazy, takie jak grafika komputerowa, możesz nie być w stanie ich w pełni skalować w niskich rozdzielczościach.
4 - Przetestuj treść pod kątem czytelności
Jednym z aspektów, który ma największy wpływ na użyteczność urządzeń mobilnych, jest czytelność. Podczas pracy z mniejszym formatem należy to skompensować, upewniając się, że tekst nadal jest wyświetlany pomimo niewielkich rozmiarów ekranów, zamiast po prostu zmniejszać czcionkę. Cel jest tutaj prosty: Twoi użytkownicy nie powinni musieć powiększać, aby przeczytać treść. W końcu to doskonały przepis na irytację użytkownika.
Na szczęście czytelność jest względnie łatwym do rozwiązania aspektem:
- Wybierz podstawową czcionkę, która jest bardzo czytelna dla treści.
- Jeśli to możliwe, używaj napisów, aby podzielić swoje treści na łatwo czytelne sekcje.
- Wybierz motyw, który zapewnia większą kontrolę nad wyświetlaniem tekstu.
Jeśli chodzi o nasz ostatni punkt, wiele nowoczesnych motywów powinno oferować opcję, której szukasz.
To wszystko na te wskazówki, mam nadzieję, że pomogą one lepiej zoptymalizować blogi na urządzenia mobilne. Jeśli masz jakieś pytania, nie wahaj się ich zadać.
