De meeste mensen zoeken naar vakmensen op hun telefoon. Ze zitten in de trein, op de bank of hebben net een probleem ontdekt. Als je website niet goed werkt op mobiel, gaan ze naar een concurrent.
In deze gids leer je hoe je je website perfect maakt voor mensen die zoeken op hun telefoon. Van snelheid tot knoppen - alles komt aan bod.
Belangrijk om te weten
Google gebruikt de mobiele versie van je website om te bepalen hoe hoog je komt in zoekresultaten. Een slechte mobiele website betekent minder zichtbaarheid.
1Waarom mobiel zo belangrijk is
Mobiel is niet meer een aanvulling op je website - het IS je website. De meeste klanten zien alleen de mobiele versie.
Feiten over mobiel gebruik:
- 75% zoekt op mobiel: Vooral voor lokale diensten
- 60% belt direct: Klik op telefoonnummer en bellen
- 3 seconden geduld: Langer duurt = mensen gaan weg
- 85% verwacht snelle site: Net zo snel als op computer
Wanneer mensen zoeken op mobiel:
- Onderweg: In de auto, trein, bus
- Thuis op bank: Relaxt zoeken naar hulp
- Tijdens probleem: Lekkage, storing, kapotte dingen
- In weekend: Tijd om dingen te regelen
Wat mensen doen op mobiel:
- Direct bellen: Meest voorkomende actie
- Adres opzoeken: Hoe ver ben je weg?
- Reviews lezen: Wat zeggen andere klanten?
- Foto's bekijken: Voorbeelden van je werk
Gevolgen van slechte mobiele website:
- Mensen gaan weg: Binnen 3 seconden
- Lagere Google ranking: Komt lager in zoekresultaten
- Minder telefoontjes: Kunnen nummer niet vinden
- Slechte reputatie: Wordt gezien als onprofessioneel
Mobiele statistieken
Van alle zoekopdrachten naar "loodgieter in [stad]" gebeurt 78% op mobiel. Van die mensen belt 61% binnen het uur naar een bedrijf.
2Je mobiele website testen
Voordat je kunt verbeteren, moet je weten hoe je website nu presteert op mobiel. Hier leer je hoe je dat test.
Test met je eigen telefoon
- Open je website: Typ je website adres in
- Eerste indruk: Ziet het er goed uit?
- Probeer te bellen: Kun je makkelijk je nummer vinden?
- Vul formulier in: Werkt het contactformulier?
- Scroll door pagina's: Is alles leesbaar?
Google's mobiele test
- Ga naar: search.google.com/test/mobile-friendly
- Voer je website in: Typ je volledige adres
- Wacht op resultaat: Duurt ongeveer 30 seconden
- Bekijk feedback: Wat kan beter?
Wat controleer je bij testen?
- Laadtijd: Hoe lang duurt het?
- Tekst grootte: Kun je alles lezen?
- Knoppen grootte: Kun je erop drukken?
- Menu werking: Kun je navigeren?
- Foto's: Laden ze snel en goed?
Test op verschillende telefoons
- iPhone: Groot en klein scherm
- Android: Samsung, Huawei, etc.
- Oudere telefoons: Langzamere internet
- Verschillende browsers: Chrome, Safari, Firefox
Vragen om jezelf te stellen:
- Zou ik bellen? Als ik een klant was
- Vind ik snel info? Over diensten en prijzen
- Vertrouw ik dit bedrijf? Ziet het professioneel uit
- Is het makkelijk? Om contact op te nemen
3Snelheid op mobiel verbeteren
Snelheid is op mobiel nog belangrijker dan op computer. Mensen hebben minder geduld en vaak langzamere internet.
Waarom snelheid op mobiel cruciaal is
- Langzamere internet: 4G is langzamer dan wifi
- Minder geduld: Mensen zijn onderweg, hebben haast
- Batterij verbruik: Langzame sites gebruiken meer batterij
- Google straft af: Langzame mobiele sites komen lager
Foto's optimaliseren voor mobiel
- Kleinere bestanden: Maximaal 100KB per foto
- Juiste formaat: WebP werkt het beste
- Automatisch aanpassen: Verschillende groottes voor verschillende schermen
- Lazy loading: Foto's laden pas als je ze ziet
Onnodige elementen weghalen
- Grote video's: Vervang door foto's of links
- Te veel animaties: Maken website langzaam
- Overbodige plugins: Alleen houden wat nodig is
- Grote lettertypen: Gebruik standaard fonts
Technische verbeteringen
- Goede hosting: Investeer in snelle server
- CDN gebruiken: Content delivery network
- Cache instellen: Website onderdelen onthouden
- Code opschonen: Onnodige code verwijderen
Snelheid testen
- PageSpeed Insights: Google's gratis tool
- GTmetrix: Gedetailleerde analyse
- Pingdom: Snelheidstest vanuit verschillende landen
- Test regelmatig: Minimaal elke maand
Snelheidsdoelen
- Onder 1 seconde: Perfect
- 1-2 seconden: Zeer goed
- 2-3 seconden: Acceptabel
- Boven 3 seconden: Te langzaam, mensen gaan weg
Snelheid waarschuwing
Een mobiele website die 5 seconden laadt verliest 90% van de bezoekers. Voor vakmensen betekent dit 90% minder telefoontjes!
4Knoppen en links aanpassen
Op mobiel bedien je alles met je vingers. Knoppen en links moeten groot genoeg zijn om makkelijk aan te raken.
Juiste knopgrootte
- Minimaal 44 pixels: Apple's richtlijn voor aanraakbare elementen
- Liever 48 pixels: Google's aanbeveling
- Ruimte tussen knoppen: Minimaal 8 pixels
- Test met eigen vinger: Kun je het makkelijk raken?
Belknop optimaliseren
- Groot en opvallend: Duidelijk zichtbaar
- Altijd zichtbaar: Bovenaan of onderaan vastgeplakt
- Goede kleur: Contrasteert met rest van website
- Duidelijke tekst: "Bel direct" of "Bel voor offerte"
Menu voor mobiel
- Hamburger menu: Drie streepjes die uitklappen
- Belangrijkste items eerst: Contact, diensten, over ons
- Niet te veel items: Maximaal 7 hoofdpunten
- Duidelijke sluiting: X om menu te sluiten
Formulier knoppen
- Grote verzendknop: "Verstuur" of "Vraag offerte"
- Contrasterende kleur: Valt op tussen andere elementen
- Duidelijke tekst: Vertel wat er gebeurt
- Goede positie: Onder het formulier
Links in tekst
- Onderstreept of gekleurd: Duidelijk herkenbaar
- Niet te dicht bij elkaar: Voorkom verkeerde klikken
- Telefoonnummers klikbaar: Automatisch bellen
- E-mailadressen klikbaar: E-mail app openen
Voorbeeld goede belknop
Grootte: 50 pixels hoog, 250 pixels breed
Kleur: Felle groene achtergrond, witte tekst
Tekst: "📞 Bel direct: 06-12345678"
Positie: Bovenaan pagina, altijd zichtbaar
5Tekst leesbaar maken
Op een klein scherm moet tekst perfect leesbaar zijn. Te kleine letters zorgen ervoor dat mensen je website verlaten.
Juiste lettergrootte
- Minimaal 16 pixels: Voor normale tekst
- 18-20 pixels ideaal: Makkelijk leesbaar
- 24+ pixels voor koppen: Duidelijke hiërarchie
- Telefoonnummer groot: 20+ pixels
Goede lettertypen
- Schreefloos: Arial, Helvetica, Open Sans
- Niet te dun: Minimaal normal weight
- Standaard fonts: Laden sneller
- Maximaal 2 fonts: Houdt het overzichtelijk
Tekst organisatie
- Korte alinea's: Maximaal 3-4 regels
- Veel witruimte: Tekst moet kunnen ademen
- Bullet points: Breekt lange teksten op
- Duidelijke koppen: Scanbare structuur
Contrast en kleuren
- Donkere tekst, lichte achtergrond: Zwart op wit werkt best
- Genoeg contrast: Moet in fel zonlicht leesbaar zijn
- Geen tekst op foto's: Vaak slecht leesbaar
- Links duidelijk anders: Kleur of onderstreept
Belangrijke informatie benadrukken
- Telefoonnummer: Groter en gekleurd
- Werkgebied: Welke plaatsen bedien je
- Specialisaties: Waar ben je goed in
- Prijsindicatie: "Vanaf €X" of "Gratis offerte"
Wat vermijden
- Hele zinnen in HOOFDLETTERS: Lijkt alsof je schreeuwt
- Te veel cursief: Moeilijk leesbaar op mobiel
- Lichte tekst op lichte achtergrond: Onleesbaar
- Te lange regels: Mensen raken de draad kwijt
Leesbaarheid tip
Test je tekst in fel zonlicht buiten. Als je het dan nog kunt lezen, is het contrast goed genoeg voor alle omstandigheden.
7Telefoonnummer prominent maken
De meeste mensen die op mobiel zoeken naar vakmensen willen direct bellen. Maak het zo makkelijk mogelijk om je te bereiken.
Waar telefoonnummer plaatsen
- Bovenaan elke pagina: In de header, altijd zichtbaar
- Sticky knop: Vast onderaan scherm geplakt
- In de tekst: "Bel ons op 06-12345678"
- Contact pagina: Groot en centraal
Klik-om-te-bellen instellen
- Juiste HTML code: <a href="tel:0612345678">
- Geen spaties in nummer: 0612345678, niet 06-123 456 78
- Test altijd: Werkt het echt om te bellen?
- Visuele indicator: Telefoon icoontje erbij
Belknop vormgeving
- Opvallende kleur: Groen of blauw werkt goed
- Groot genoeg: Minimaal 50 pixels hoog
- Duidelijke tekst: "Bel direct" of "Bel nu"
- Telefoon icoon: Universeel herkenbaar symbool
WhatsApp knop toevoegen
- Veel mensen gebruiken WhatsApp: Vooral jongere klanten
- Directe link: wa.me/31612345678
- Vooraf ingevuld bericht: "Hallo, ik wil graag..."
- Groene knop: WhatsApp huisstijl gebruiken
Bereikbaarheid aangeven
- Openingstijden: Wanneer kun je bellen
- Spoedgevallen: "24/7 voor spoed"
- Vakantie periodes: Wanneer niet bereikbaar
- Reactietijd: "We bellen binnen 2 uur terug"
Meerdere contactmogelijkheden
- Hoofdnummer: Voor algemene vragen
- Spoednummer: Voor urgente zaken
- WhatsApp: Voor snelle vragen
- E-mail: Voor uitgebreide informatie
Bel tip
Test elke week of je belknoppen werken door ze zelf aan te tikken. Verbroken links kosten je direct klanten.
8Veelgemaakte mobiele fouten
Veel websites maken dezelfde fouten op mobiel. Door deze te vermijden ben je al beter dan de meeste concurrenten.
Fout 1: Te kleine tekst
Probleem: Tekst onder 16 pixels, mensen moeten inzoomen
Gevolg: Frustratie, mensen gaan weg
Oplossing: Minimaal 16 pixels, liever 18-20 pixels
Fout 2: Te kleine knoppen
Probleem: Knoppen kleiner dan 44 pixels
Gevolg: Mensen klikken verkeerd of helemaal niet
Oplossing: Minimaal 44 pixels, liever 48+ pixels
Fout 3: Horizontaal scrollen nodig
Probleem: Content valt buiten scherm
Gevolg: Mensen zien belangrijke informatie niet
Oplossing: Alles moet op scherm passen
Fout 4: Langzame laadtijd
Probleem: Website laadt langer dan 3 seconden
Gevolg: 70% van mensen gaat weg
Oplossing: Foto's kleiner maken, betere hosting
Fout 5: Geen mobiel menu
Probleem: Desktop menu op mobiel
Gevolg: Mensen kunnen niet navigeren
Oplossing: Hamburger menu implementeren
Fout 6: Pop-ups die niet sluiten
Probleem: Pop-ups blokkeren hele scherm
Gevolg: Website onbruikbaar
Oplossing: Makkelijk sluitbare pop-ups of helemaal weglaten
Fout 7: Formulieren te ingewikkeld
Probleem: Te veel velden, kleine invoervelden
Gevolg: Mensen geven op tijdens invullen
Oplossing: Kort formulier, grote velden
Fout 8: Telefoonnummer niet klikbaar
Probleem: Nummer staat er wel maar je kunt er niet op klikken
Gevolg: Mensen moeten nummer overtypen
Oplossing: tel: link gebruiken
Grootste mobiele fout
De grootste fout is denken dat je mobiele website wel goed genoeg is. Test het zelf elke week - je zult versteld staan van de problemen die je vindt.
Hulp nodig met mobiele optimalisatie?
Mobiele optimalisatie kan technisch ingewikkeld zijn. Als je het niet zelf kunt of wilt, is professionele hulp een goede investering.
Wanneer professionele hulp overwegen?
- Technische problemen: Website werkt niet goed op mobiel
- Geen tijd: Je bent te druk met klussen
- Slechte resultaten: Weinig telefoontjes via website
- Oude website: Meer dan 3 jaar geleden gemaakt
Wat kan een specialist voor je doen?
- Volledige mobiele audit: Alle problemen identificeren
- Responsive design: Website past zich aan aan elk scherm
- Snelheidsoptimalisatie: Alles sneller maken
- Gebruikerservaring verbeteren: Makkelijker contact opnemen
Conclusie: Mobiel is geen keuze meer
Een website die niet goed werkt op mobiel is een website die geen klanten oplevert. Met 75% van je potentiële klanten die op mobiel zoeken, kun je het je niet veroorloven om dit te negeren.
De belangrijkste punten om te onthouden:
- Test je website wekelijks op je eigen telefoon
- Zorg dat alles binnen 3 seconden laadt
- Maak knoppen minimaal 44 pixels groot
- Gebruik minimaal 16 pixels voor tekst
- Plaats je telefoonnummer groot en klikbaar
Begin vandaag met het testen van je mobiele website. Vaak kun je met kleine aanpassingen al grote verbeteringen bereiken. En vergeet niet: elke verbetering betekent meer telefoontjes en meer klanten.
Wil je meer leren over website optimalisatie? Lees ook onze gidsen over meer conversies krijgen en vindbaar worden in Google.