Help Registreren
Hoe maak je een mobiele website met Jimdo

Hoe maak je een mobiele website

Introductie

Het hebben van een mobiele website was een paar jaar geleden een leuk extraatje, maar nu is het een must. Klanten zijn zo gewend geraakt aan mobiele websites (gebruiksvriendelijker, betere navigatie en snellere laadtijd) dat ze al snel je website verlaten als deze niet goed zichtbaar is op hun smartphone of tablet.

Als je een professionele website voor je onderneming hebt hoor je vaak hoe belangrijk mobiele klanten zijn. Al snel komt dan ook de vraag, "Is mijn website eigenlijk mobielvriendelijk?"

Als je Jimdo's mobiele website bouwer gebruikt zit je goed. Je website is dan automatisch responsive en dus geschikt voor smartphones en tablets. Jimdo's responsive designs passen zich namelijk automatisch aan het formaat van het gebruikte device aan.

Als je benieuwd bent hoe je een goede mobiele website kunt maken, of als je nieuwsgierig bent naar de voordelen, lees dan verder voor een paar goede tips.

Maak een mobiele website

Waarom is een mobiele responsive website zo belangrijk?

Steeds meer smartphonegebruikers: Mobiel website gebruik (in andere woorden, een website bekijken vanaf een smartphone of tablet) blijft al jaren groeien. In 2015, kondigde Google aan dat voor het eerst in de geschiedenis, meer mensen zochten via hun smartphone of tablet dan vanaf hun laptop of computer.

Mobielvriendelijk zorgt voor een hogere positie in Google: Er is een groot voordeel aan responsive websites. In 2015, kondigde Google aan dat mobielvriendelijke websites een hogere positie krijgen in de zoekresultaten op smartphones. Als iemand bijvoorbeeld met zijn smartphone zoekt op 'pizza' dan toont Google de responsive websites hoog in de zoekresultaten. Je ziet dan ook dat steeds meer websites die al een goede positie in Google hadden voor een responsive website kiezen.

Mobiele bezoekers shoppen graag: Klanten die je website bezoeken met een mobiel device zijn vaak van plan iets te gaan kopen. Als je bijvoorbeeld via je smartphone in Google zoekt op 'pizza' dan is er een grote kans dat je op dat moment honger hebt en online een pizza wilt bestellen. Je ziet vaak dat klanten via hun laptop of computer vooral op zoek gaan naar extra informatie (lezen reviews, beoordelingen) en op een later moment pas overgaan tot aankoop. Terwijl de meeste mobiele klanten meteen overgaan tot aankoop. Een goede mobiele website kan je klanten in dat geval extra motiveren om over te gaan op een online aankoop.

Wat is een responsive website?

Als je ooit een website bezocht op je mobiel en je had het gevoel dat je de tekst niet goed kon lezen, of je moest constant inzoomen om alles goed te kunnen zien, dan weet je hoe frustrerend het is om een mobiel onvriendelijke website te bezoeken.

Dat is dan ook precies de reden waarom responsive design zo belangrijk is. Een responsive website zorgt er namelijk voor dat de resolutie, afbeeldingsgrootte, tekst en navigatie zich automatisch aan het formaat van het gebruikte device aanpast.

Met een responsive website hoef je dus geen aparte website te maken voor mobiele gebruikers. Je responsive website wordt namelijk op elk device meteen goed weergegeven.

responsive websites Maak een mobiele website

Hoe maak je een website mobielvriendelijk

Naast het gebruiken van Jimdo's responsive templates, zijn er een aantal simpele stappen die ervoor zorgen dat je website nog beter is voor smartphones en tablets.

Google's mobielvriendelijke test:
Google heeft een eenvoudige en gratis tool om mobiele websites te controleren op mogelijke problemen. Je gaat hiervoor naar https://search.google.com/search-console/mobile-friendly en vult daar de link van je website in. Je krijgt dan bijvoorbeeld tips over het formaat van je tekst, elementen en foto's. Daarnaast zie je ook of je genoeg ruimte tussen de verschillende elementen hebt geplaatst.

Tips voor de beste mobiele websites:

Zorg ervoor dat je pagina's snel inladen: Smartphonegebruikers gebruiken vaak een langzamere internetverbinding, dus het is van groot belang dat laadtijd van pagina's zo kort mogelijk is. Er zijn veel gratis tools om te testen wat de laadtijd is van de verschillende pagina's op je website. Je kunt bijvoorbeeld grote foto's verkleinen, onnodige pagina's, plugins en pop-ups verwijderen.

Optimaliseer het formaat van je foto's: Zijn de foto's op je website veel groter dan eigenlijk nodig is? Foto's van stock fotografie websites en foto's die gemaakt zijn met goede digitale camera's hebben vaak een bestandsgrootte van 1MB of meer. Dit kan ervoor zorgen dat de laadtijd van je website erg hoog is. Het goede nieuws is dat je foto's eenvoudig kunt comprimeren met bijvoorbeeld TinyPNG of TinyJPG. Het is ook altijd goed om de afmetingen aan te passen. Denk bijvoorbeeld aan het verkleinen van 2000 pixels naar 800 pixels breedte.

Gebruik een overzichtelijk navigatie menu: Als je in je menu veel pagina's en subpagina's hebt staan is het voor bezoekers van je mobiele site lastig om snel te vinden wat ze willen vinden. Daarnaast kan het ook zo zijn dat ze per ongeluk op het verkeerde item in je menu klikken. Door je navigatie menu simpel en overzichtelijk te houden maak je het voor zowel je mobiele als desktop bezoekers eenvoudig om snel de juiste informatie te vinden.

Geef je contactinformatie een goede plek: Omdat mobiele bezoekers waarschijnlijk met je in contact willen komen is het goed dat je de contactinformatie op een duidelijke plek plaatst. Laat bezoekers niet te veel scrollen en maak van je telefoonnummer en e-mailadres een klikbare link. Bezoekers hoeven dan tenminste geen contactformulier in te vullen.

Zet de belangrijkste informatie bovenaan: Website bezoekers willen zo snel mogelijk de juiste informatie vinden. Vooral voor bezoekers die onderweg zijn in de trein, auto etc. is het ideaal als alle belangrijke informatie bovenaan de website te vinden is.

Gebruik grotere tekst en knoppen: Om de gebruiksvriendelijkheid van je mobiele website te vergroten is het goed om gebruik te maken van grotere tekst en knoppen. De beste manier om dit te testen is door de website via verschillende devices te bekijken. Je krijgt zo zelf een idee hoe de website eruitziet op verschillende beeldschermen en kunt de website waar nodig aanpassen. Het is ook altijd goed om vrienden te vragen om je website eens te bekijken.

De statistieken van je mobiele website: Weet je niet precies hoeveel mensen je website bekijken via mobile devices? Dit kun je eenvoudig achterhalen. Met de statistieken van Jimdo zie je precies hoeveel bezoekers de website via hun smartphone of tablet bezocht hebben. En door de bovenstaande tips toe te passen op je eigen website is de kans groot dat dit aantal blijft groeien.

Gebruik geen flash: Flash effecten en animaties werken niet op iPhones of iPads, dit zorgt ervoor dat een groot gedeelte van je bezoekers de website niet goed te zien krijgen. Als je Jimdo gebruikt dan heb je geluk. Onze website gebruiken namelijk HTML5, dit betekent dat elke website op elk apparaat goed weergegeven wordt.

Veelvoorkomende fouten mobiele websites

  • Nooit je eigen website bekijken op je smartphone of tablet: Als je veel met je website bezig bent op je laptop dan kan het wel eens voorkomen dat je vergeet je website te bekijken via je smartphone of tablet. Doe dit om de paar dagen om er zeker van te zijn dat ook je mobiele website er goed uitziet.
  • Veel scrollen: Bespaar bezoekers pijn in hun duimen! Probeer de pagina's op je website kort en bondig te houden zodat bezoekers niet eeuwig blijven scrollen.
  • Gedetailleerde infographics: Infographics zijn erg goed voor website. Zorg er wel voor dat ze zich automatisch aanpassen aan het formaat van het beeldscherm. Als dit niet het geval is deel je infographic dan op in meerdere onderdelen.
  • Te veel tekst: Een stuk tekst dat er normaal uitziet op een computerscherm kan er op de mobiel heel onoverzichtelijk uitzien. Deel je tekst op in verschillende alinea's en gebruik kopjes, opsommingen en foto's.
  • Elementen te dicht op elkaar: Helaas kunnen bezoekers hun vingers niet laten krimpen. Maak het leven van je bezoekers makkelijker door extra ruimte tussen verschillende elementen te plaatsen. Dan weet je tenminste zeker dat ze niet op de verkeerde knoppen drukken.
  • Flash in je website: Flash effecten en animaties werken niet op iPhones en iPads, dus voor een groot deel van je bezoekers is dit niet zichtbaar. Als je gebruik maakt van Jimdo dan heb je geluk: onze websites maken gebruik van HTML5. HTML5 is geschikt voor de nieuwste smartphones en tablets.
  • Bezoekers verplichten een formulier in laten vullen: Laten we eerlijk zijn; niemand wil graag een formulier invullen vanaf zijn smartphone. Als je toch je bezoekers een formulier wilt laten invullen, zorg dan dat deze zo kort mogelijk is.

Jimdo: De beste mobiele website maker

Jimdo is de makkelijkste manier om een mobielvriendelijke website of mobiele landingspagina te maken. Met keuze uit meer dan 40 responsive designs, HTML5 en SEO tools, kun je er op vertrouwen dat je website mobielvriendelijk en gebruiksvriendelijk is voor al je bezoekers.

Maak een mobiele website