Maak een website dat goed werkt op mobiel is niet eenvoudig, maar het is een mogelijke taak. Zolang u uw site verifieert voordat u deze indient, is er geen reden waarom mobiele gebruikers geen geweldige ervaring zouden moeten hebben. U kunt zich echter afvragen welke elementen uw aandacht het meest nodig hebben.
In deze zelfstudie geven we u een eenvoudige lijst met criteria waaraan uw site moet voldoen. Als dat het geval is, zullen uw gebruikers waarschijnlijk een geweldige mobiele ervaring hebben, en zo niet, dan zullen we u vertellen hoe u dingen kunt veranderen. Laten we beginnen met punt één!
1 - Test uw website op meerdere resoluties
Een van de belangrijkste dingen als het gaat om mobiele sites, is dat uw site geen verkleinde versie van de desktopversie moet lijken. Dit betekent dat elk van uw elementen op zoek moet zijn naar meerdere resoluties.
Als daarentegen geen van uw elementen goed wordt weergegeven op mobiel, kan dit een negatief effect hebben op uw bouncepercentage. Het slimste om te doen is je Site web op verschillende resoluties vooraf en kijk of alles correct wordt weergegeven.
Gelukkig is dit proces niet zo ingewikkeld als het klinkt, en je hoeft niet meerdere apparaten te hebben om het te doen. Er zijn veel services waarmee u snel alles kunt testen Site web op verschillende resoluties, zoals:
Chrome Dev Tools : Deze ingebouwde Chrome-browserfunctie bevat een apparaatwerkbalk die u kunt gebruiken om uw site met meerdere resoluties te testen.
Diensten zoals Screenfly et BrowserStack : Met deze services van derden kunt u uw site testen op een veel grotere verscheidenheid aan resoluties.
Alle tools die we hebben genoemd zijn gratis, dus budget zou geen probleem moeten zijn en er is geen excuus om deze stap over te slaan!
2 - Zorg ervoor dat uw menu's en navigatie op kleinere schermen worden weergegeven
In de meeste gevallen zijn menu's het belangrijkste navigatiemiddel voor uw bezoekers. Als uw links moeilijk te klikken of te lezen zijn op kleinere resoluties, heeft dit invloed op de bruikbaarheid. Bovendien wilt u ook dat al uw menu-items gemakkelijk toegankelijk zijn, ongeacht het apparaat dat u gebruikt om te navigeren.
Laten we met dit in gedachten een paar stappen nemen om ervoor te zorgen dat u niets mist wanneer het tijd is om uw mobiele menu's te testen:
- Controleer of alle menu-items zichtbaar zijn.
- Zorg ervoor dat elke link is uitgelijnd en dat submenu's zijn genest.
- Controleer of u elk menu-item kunt lezen en klik erop.
De meeste moderne WordPress-thema's maken automatisch responsieve menu's voor u. Als u problemen ondervindt met dit aspect op uw site, moet u overwegen het thema te wijzigen.
3 - Controleer of uw afbeeldingen goed zijn voor kleine resoluties
Afbeeldingen zijn een belangrijk onderdeel van alles Site web, maar soms hebben uw afbeeldingen mogelijk niet de beste resolutie. Als uw logo bijvoorbeeld niet leesbaar is wanneer iemand uw site bezoekt via mobiel, heeft dit duidelijk invloed op uw merkimago.
In de meeste gevallen maken mensen zich meer zorgen over het 'vervormen' van hun afbeeldingen, maar schaalvergroting kan ook een probleem zijn. Niet alle afbeeldingen worden mogelijk geschaald om perfect te zijn voor elke resolutie, maar er zijn stappen die u kunt nemen om het probleem minder te maken:
Focus uw inspanningen op afbeeldingen die belangrijk zijn voor uw merk.
Zoek naar schaalbare alternatieven voor populaire afbeeldingstypen, zoals SVG's.
Kies waar mogelijk voor beter bijgesneden afbeeldingen, zodat ze beter passen bij kleinere formaten.
Zolang u deze tips in gedachten houdt, zou u klaar moeten zijn om te gaan. Houd er rekening mee dat als het gaat om zeer complexe afbeeldingen, zoals computergraphics, u deze mogelijk niet volledig kunt schalen bij lage resoluties.
4 - Test uw inhoud op leesbaarheid
Een aspect dat de bruikbaarheid van mobiele apparaten het meest beïnvloedt, is de leesbaarheid. Wanneer u met een kleinere vormfactor werkt, moet u dit compenseren door ervoor te zorgen dat uw tekst ondanks het kleine formaat van de schermen nog steeds wordt weergegeven, in plaats van alleen het lettertype te verkleinen. Het doel is hier simpel: uw gebruikers hoeven niet in te zoomen om uw inhoud te lezen. Dit is tenslotte het perfecte recept om een gebruiker te irriteren.
Gelukkig is de leesbaarheid een aspect dat relatief eenvoudig aan te pakken is:
- Kies een basislettertype dat goed leesbaar is voor de inhoud.
- Gebruik ondertitels waar mogelijk om uw inhoud op te splitsen in gemakkelijk leesbare secties.
- Ga voor een thema waarmee u meer controle heeft over hoe uw tekst wordt weergegeven.
Wat ons laatste punt betreft, zouden veel moderne thema's u de optie moeten bieden waarnaar u op zoek bent.
Dat is alles voor deze tips, ik hoop dat ze u zullen helpen uw blogs voor mobiele apparaten beter te optimaliseren. Als u vragen heeft, aarzel dan niet om ze te stellen.
