Hoe maak ik een mobiele website

Hoe maak ik een mobiele website

Het hebben van een mobiel geoptimaliseerde website werd vroeger gezien als een leuk extraatje van webdesign, maar nu is het essentieel. In feite zijn consumenten zo gewend aan mobiele websites (gemakkelijk te navigeren op een klein scherm, en met snelle laadtijden) dat ze een website snel zullen verlaten als deze niet goed werkt op mobiel.

Als u een website voor uw bedrijf hebt, hebt u keer op keer gehoord hoe belangrijk mobiele klanten kunnen zijn. Op dat moment vraagt u zich waarschijnlijk af: “Nou, is mijn website mobielvriendelijk?”

Als u Jimdo’s mobiele websitebouwer gebruikt, is er goed nieuws. Je website zal automatisch mobiel responsief zijn, wat de gouden standaard is voor mobielvriendelijk webdesign. De Jimdo-sjablonen voor mobiele websites passen zich automatisch aan elke schermgrootte aan, zonder dat je iets speciaals hoeft te doen.

Nog steeds als je je afvraagt wat je nog meer kunt doen om de beste mobiele website te maken, of als je nieuwsgierig bent naar de voordelen van mobielvriendelijk webdesign, lees dan verder terwijl we je door enkele mobiele tips leiden.

Waarom is een mobielvriendelijke website zo belangrijk?

Veel mensen gebruiken mobiel: Mobiel websitegebruik (met andere woorden, het onderweg gebruiken van een website vanaf een smartphone of tablet) zit al jaren in de lift. In 2015 kondigde Google aan dat voor het eerst in de geschiedenis meer mensen vanaf mobiele apparaten zochten dan vanaf desktop- of laptopcomputers.

Mobielvriendelijk worden komt uw Google-ranking ten goede: Er is een duidelijk SEO-voordeel verbonden aan het optimaliseren van uw website voor mobiel gebruik, omdat Google voorrang geeft aan mobiel geoptimaliseerde websites in zoekresultaten op smartphones. Dit betekent dat als iemand vanaf zijn mobiele telefoon op zoek was naar “pizza”, Google die persoon eerder mobiel-geoptimaliseerde websites in de buurt van hen in de zoekresultaten zou laten zien.

Mobiele klanten zijn meestal lokaal en klaar om te kopen: Mensen die uw website bezoeken via een mobiel apparaat zijn vaak meer lokaal, en eerder geneigd om een aankoop te doen omdat ze onderweg zijn. Als je vanaf je mobiele telefoon zoekt op “pizza”, is dat waarschijnlijk omdat je nu pizza wilt en je wilt pizza die bij jou in de buurt is. Hoewel het nog steeds gebruikelijk is voor klanten om een desktop te gebruiken om onderzoek te doen, recensies te lezen, en beslissingen te nemen over grote aankopen, zijn mobiele consumenten meer gericht op het maken van contact en het ondernemen van actie op dit moment, dat is waarom lokale zoekoptimalisatie zo belangrijk is. Een mobielvriendelijke website kan hen daarbij helpen, wat zich vertaalt in meer lokale omzet voor u.

Wat is een responsive website?

Als u ooit een website op uw mobiele telefoon hebt bezocht en u de tekst met uw ogen moest dichtknijpen of voortdurend moest in- en uitzoomen om alles te kunnen zien, dan weet u ongetwijfeld wat het is om een mobiel-“onvriendelijke” site te bezoeken. Frustrerend.

Daarom adviseren wij om een responsive design te gebruiken. Een responsive website past zich automatisch aan het type apparaat aan dat uw bezoekers gebruiken door de resolutie, de afbeeldingsgrootte, de menu’s en nog veel meer aan te passen, zodat ze op verschillende schermgroottes goed werken.

Met een responsive website hoeft u geen aparte website alleen voor mobiele apparaten of een aparte mobiele landingspagina te bouwen – al uw gebruikers kunnen gelukkig naast elkaar bestaan met dezelfde responsive website.

Hoe maak je een website mobielvriendelijk

Er zijn nog een paar eenvoudige stappen die u kunt nemen om uw website op mobiele telefoons en tablets te verbeteren.

Tips voor de beste mobiele websites:

1. Zorg ervoor dat uw pagina’s snel laden: Mobiele gebruikers maken waarschijnlijk gebruik van een langzamere internetverbinding, dus het is des te belangrijker dat uw site snel laadt en niet hun data-abonnement opeet. Er zijn gratis tools die u kunt gebruiken om uw pagina snelheden te testen, en zij zullen u aanbevelingen geven over wat u kunt doen om dingen sneller te maken. U kunt bijvoorbeeld zeer grote afbeeldingen verkleinen (zie hieronder), onnodige plug-ins of pop-ups verwijderen die de boel vertragen, en het aantal URL-omleidingen verminderen.
2. Vergroot en optimaliseer uw afbeeldingen en logo: Zijn de afbeeldingen en het logo op uw website veel groter dan wat u eigenlijk nodig hebt? Foto’s van stockfotosites en zelfs foto’s die met een goede digitale camera zijn genomen, kunnen bijvoorbeeld een enorme bestandsgrootte hebben (meer dan 1 MB) en dit kan uw website vertragen. Het goede nieuws is dat je ze kunt “comprimeren” zonder aan kwaliteit in te boeten, met een gratis programma als TinyPNG of TinyJPG. Je kunt ook de afmetingen van een foto wijzigen om hem kleiner te maken (bijvoorbeeld door hem 800 pixels breed te maken in plaats van 2000 pixels breed). Voor meer tips en how-to’s over afbeeldingen, zie ons bericht Hoe websiteafbeeldingen te optimaliseren voor een beter ontwerp en betere SEO.
3. Gebruik een eenvoudig, kort navigatiemenu: Als uw website een complex navigatiemenu heeft met veel pagina’s en subpagina’s, zal het voor mobiele bezoekers moeilijker zijn om snel te vinden wat ze nodig hebben. Op een nog praktischer niveau, zal het moeilijk voor hen zijn om te mikken en met succes de juiste link aan te prikken met hun vinger. Als u uw navigatiemenu korter en eenvoudiger maakt, zal dat helpen (en als extra bonus zal uw website ook gemakkelijker worden voor desktopbezoekers).
4. Zorg voor duidelijke contactinformatie: Aangezien mobiele klanten waarschijnlijk contact met u willen opnemen, moet u ervoor zorgen dat u op uw homepage niet te lang hoeft te scrollen om bij uw contactinformatie te komen. Zorg er ook voor dat u een telefoonnummer en e-mailadres vermeldt waarop iemand kan klikken, want het invullen van een contactformulier op een mobiele telefoon kan tijdrovend en vervelend zijn.
5. Toon de belangrijkste inhoud eerst: Websitebezoekers willen snel de informatie vinden die ze nodig hebben, en dat geldt des te meer als ze onderweg zijn.
6. Gebruik grote tekst en knoppen: Mensen die mobiele apparaten gebruiken, hebben nog grotere tekst en call-to-actieknoppen nodig dan u wellicht verwacht om een website comfortabel te kunnen gebruiken. De beste manier om dit te testen is door uw website in de verschillende weergavemodi te bekijken. Zo ziet u hoe uw site eruitziet op verschillende schermen, en kunt u zelf zien hoe alles eruitziet. Nog beter is het om een vriend of familielid (of iemand die een bril draagt) te vragen uw website voor u te testen en u te laten weten wat hij of zij ervan vindt.
7. Gebruik geen Flash-animaties: Flash-effecten of -animaties werken niet op iPhones en iPads, dus een groot deel van uw publiek zal niet te zien krijgen wat er op uw site staat. Als je Jimdo gebruikt, heb je geluk: onze websites gebruiken allemaal het modernere HTML5, dat toegankelijk is voor alle soorten smartphones en tablets.

Voorkomende mobiele website-fouten

• Vergeten om je eigen website vanaf een mobiel apparaat te bekijken: Als u meestal vanaf uw computer aan uw website werkt, kan het moeilijk zijn om af en toe de mobiele weergave te controleren. Maar door dit wel te doen, kunt u kleine ongemakken opsporen die u vanaf een laptop misschien nooit zou opmerken.

• Eindeloos scrollen: Doe het rustig aan met uw duimen! Probeer uw webpagina’s kort en bondig te houden, zodat mobiele bezoekers niet hoeven te scrollen en te bladeren.
• Zeer gedetailleerde infographics: Infographics zijn geweldig voor websites – maar als de infographic krimpt om op het kleinere scherm te passen, kan het onmogelijk worden om deze te lezen. Probeer het zelf uit. Misschien is het beter om een grote infographic op te splitsen in kleinere, afzonderlijke afbeeldingen.
• Te veel tekst: Een alinea tekst die er op een computerscherm normaal uitziet, kan op een mobiel scherm overkomen als Oorlog en Vrede. Houd uw alinea’s kort en deel grote tekstblokken op met opsommingstekens, kopjes en afbeeldingen. Hier volgen meer tips voor leesbare websiteteksten.
• Raak elementen te dicht op elkaar aan: U kunt uw vingers niet laten krimpen – maak het ze gemakkelijk door voldoende ruimte te laten tussen knoppen en andere links, zodat ze niet per ongeluk op de verkeerde dingen drukken.
• Flash gebruiken: Flash-effecten of -animaties werken niet op iPhones en iPads, dus een groot deel van uw publiek krijgt niet te zien wat er op uw site staat. Als je Jimdo gebruikt, heb je geluk: onze websites maken allemaal gebruik van het actuelere HTML5, dat toegankelijk is voor alle soorten smartphones en tablets.
• Vereisen dat mensen formulieren invullen: Laten we eerlijk zijn: niemand wil een webformulier invullen vanaf een mobiele telefoon. Als u een formulier nodig hebt, maak het dan zo kort mogelijk. Of beter nog, laat mensen de informatie op een andere manier aan u doorgeven, zoals via e-mail of gewoon door uw telefoonnummer te bellen.

Jimdo: De beste mobiele website builder

Jimdo is de makkelijkste manier om een mobielvriendelijke website of mobiele landingspagina te bouwen. Met eenvoudige bouwstenen, automatische mobiele responsiviteit, en zelfs de mogelijkheid om uw site onderweg zelf te bewerken, kunt u er zeker van zijn dat uw website mobielvriendelijk is en perfect voor al uw klanten.