Mobiele website eisen: waar uw site aan moet voldoen

De mobiele versie van uw site is niet de bijzaak, het ís uw site. Meer dan de helft van al het verkeer komt via telefoon, en voor consumentgerichte branches is dat vaak 70-80%. Google indexeert bovendien mobile-first: uw desktopversie telt voor ranking vrijwel niet meer mee.

De tien eisen die tellen

• Duim-vriendelijk: knoppen en links minstens 44 pixels hoog, met ruimte ertussen zodat niemand mistikt.
• Snelheid op 4G: mobiel netwerk is trager dan wifi; uw site moet ook daar binnen drie seconden laden.
• Leesbaar zonder zoomen: lettertype minimaal 16px body, korte regellengte, genoeg regelafstand.
• Geen horizontaal scrollen: geen enkel element mag breder zijn dan het scherm.
• Sticky hoofdactie: bel-knop of CTA die meescrollt op lange pagina’s.
• Korte formulieren: elk veld dat u weglaat wint conversie; toetsenbordtype per veld (toetsenbord voor telefoon, e-mail).
• Klikbare telefoon en e-mail: een tap start direct het gesprek.
• Geen pop-ups die het scherm blokkeren: Google straft intrusive interstitials op mobiel af.
• Afbeeldingen geschaald: geen 4MB-foto’s laden voor een 400px scherm.
• Navigatie die werkt: hamburgermenu dat logisch groepeert, niet een verkleinde desktop-balk.

Wat er in de praktijk misgaat

Hoe u test

• Open uw site op uw eigen telefoon, op mobiel netwerk, niet op wifi van het kantoor.
• Probeer zelf een contactformulier in te vullen: voelt dat prettig of als werk?
• Test op laadtijd en toegankelijkheid specifiek voor mobiel.
• Check uw analytics: welk deel van uw verkeer is mobiel en hoe scoort dat segment op conversie?

Mobiel is geen checkbox maar een ontwerp-startpunt. Bouw eerst voor de kleine schermen, dan schaalt alles vanzelf goed naar groot.

Doorgerekend: de mobiele audit van een lokale dienstverlener

Een loodgieter merkt dat 78% van zijn verkeer mobiel is maar dat mobiele bezoekers drie keer zo vaak afhaken als desktop. De audit toont vier problemen: het telefoonnummer staat alleen in de footer (niet zichtbaar zonder te scrollen), het contactformulier heeft negen velden, de hero-afbeelding is 3,8MB en laadt 6 seconden op 4G, en de navigatie vereist drie tikken om bij “storingsdienst” te komen.

De fixes kosten twee dagen: een klikbare bel-knop bovenaan, het formulier terug naar vier velden, de afbeelding gecomprimeerd naar 180KB en een spoed-knop in de navigatie. Resultaat: mobiele contactaanvragen verdubbelen binnen zes weken, zonder een euro extra aan advertenties.

De snelle zelftest

• Open uw site op mobiel netwerk (wifi uit) en tijd hoe lang de eerste bruikbare pagina duurt.
• Probeer uzelf te bellen vanaf de homepage: hoeveel tikken kost dat?
• Vul uw eigen contactformulier in met één hand terwijl u loopt.
• Vraag iemand die uw bedrijf niet kent om binnen tien seconden te zeggen wat u doet en hoe ze contact opnemen.

Faalt een van deze vier, dan heeft uw mobiele site werk nodig: ongeacht hoe mooi de desktopversie eruitziet.

Mobiel en toegankelijkheid gaan samen

De eisen overlappen: grote tikbare elementen, goed contrast en logische volgorde helpen zowel mobiele gebruikers als mensen met een beperking. Wie mobiel toegankelijk ontwerpt, dekt twee wettelijke en commerciele belangen tegelijk. Zie ook onze gids over website-toegankelijkheid voor de WCAG-basis.

De gevolgen als u mobiel negeert

Het is niet alleen gemiste conversie: mobiele afhakers vertellen Google dat uw site niet relevant is, waardoor ook uw desktop-zichtbaarheid lijdt. En in B2B geldt hetzelfde: de beslisser die uw offerte op zijn telefoon opent in de trein, beoordeelt u op die ervaring.

De mobiele-first realiteit

De meeste verkeer is mobiel maar de meeste websites zijn desktop-ontworpen met mobiel als bijproduct. De omgang die werkt is echt mobile-first: u ontwerpt eerst voor de kleine scherm, dan verrijkt u voor groter. Het omgekeerde (desktop eerst, dan “responsief maken”) levert altijd een krimpende desktop versie op in plaats van een echte mobiele ervaring.

De mobiele-eisen die u moet testen

• Laadtijd onder de drie seconden op 4G.
• Knoppen en links groot genoeg voor duimen.
• Formulieren die met telefoon-toetsenbord werken.
• Tekst die leesbaar is zonder in te zoomen.
• Navigatie die werkt met één hand.

Zie snelheid en formulieren voor details.

De mobiele-ervaring als standaard

Meer dan de helft van uw verkeer is mobiel maar de meeste websites zijn nog steeds “desktop met responsieve bijwerking”. De echte mobile-first aanpak ontwerpt eerst voor de kleine scherm: de content-prioriteiten, de touch-targets, de performance-eisen. Pas daarna komt de grotere layout.

De test die u moet doen

• Laadt uw site in drie seconden op 4G?
• Zijn uw knoppen en links groot genoeg voor duimen?
• Werkt uw formulier met een telefoon-toetsenbord?
• Leest uw tekst zonder zoomen?
• Werkt uw navigatie met één hand?

De mobiele checkout

Mobiel is waar de meeste conversie-breekvlakken zitten: formulieren die niet werken met een telefoon-toetsenbord, knoppen te klein voor duimen, betalingen die niet mobiel-friendly zijn. De fix is vaak simpel: grotere touch-targets, de juiste input-types (telefoon veld opent numeriek toetsenbord) en Apple Pay / Google Pay als opties.

De mobiele werkelijkheid van uw bezoekers

Uw mobiele ervaring is voor de meeste sites uw primaire ervaring: meer dan de helft van uw bezoekers ziet uw site op een telefoon, vaak onderweg of tussendoor. Test uw echte gebruiks-scenarios op een echte telefoon: bellen met één klik, uw formulier dat op mobiel werkt, uw tekst die leesbaar is zonder zoomen.

Mobiel eerst denken

Ontwerp uw belangrijkste paginas mobiel eerst: als uw boodschap, uw bewijs en uw actie op een klein scherm werken, werken ze overal. Wie desktop eerst ontwerpt maakt vaak paginas die op mobiel rommelig worden.

De vijf mobiele eisen die u controleert

• Uw bel-knop die op elke pagina één klik verwijderd is
• Uw formulieren die op mobiel werken zonder frustratie
• Uw tekst die leesbaar is zonder zoomen
• Uw navigatie die met duim bereikbaar is
• Uw laadtijd die onder drie seconden blijft op mobiel netwerk

De mobiele test die u doet

Test uw site als uw bezoeker: open uw eigen site op uw telefoon en doorloop uw belangrijkste actie (afspraak, contact, aankoop). Elke frustratie die u voelt is een conversie die u verliest. Mobiel testen is vijf minuten die uw belangrijkste kanaal beschermen.

Mobiel-eerst als uw ontwerp-principe

Ontwerp uw nieuwe pagina s mobiel eerst: als uw boodschap, uw bewijs en uw actie op een klein scherm werken werken ze overal. Desktop-eerst ontwerpen maakt uw mobiel vaak een bijproduct.

Uw mobiele prioriteiten

• Uw snelheid: uw mobiele bezoeker op uw netwerk, niet uw wifi
• Uw leesbaarheid: uw tekst die zonder uw zoom werkt
• Uw bereikbaarheid: uw knoppen die uw duim bereikt
• Uw formulieren: uw invoer die op uw mobiel werkt

Uw mobiele test die u doet

Uw beste mobiele test is uw echte apparaat: uw site op uw eigen telefoon met uw eigen 4G toont u uw echte ervaring. Uw desktop-emulator mist uw werkelijke frustraties; uw hand-test is uw waarheid.

Uw mobiele-navigatie

Uw mobiele menu is uw meest-gebruikte interface-element: uw hamburger-pattern met uw duidelijke labels en uw bereikbare targets. Uw mobiele navigatie die uw desktop-muis-logica kopieert faalt uw duim-gebruik.

Uw mobiele-content prioriteit

Uw mobiele content-hiërarchie is uw strengere selectie: uw belangrijkste informatie eerst omdat uw scherm-ruimte uw schaarsste is. Uw mobiele pagina is uw essentie-editie van uw desktop, niet uw verkleinde kopie.

Uw mobiele-conversie audit

Uw mobiele conversie-check doorloopt uw hele funnel op uw telefoon: uw landing, uw navigatie, uw formulier en uw bevestiging. Uw mobiele afhaker-punten zijn uw specifieke fixes; uw desktop-aanname is uw blinde vlek.

Mobiele website-eisen: waar 60% van uw bezoekers zit

Mobiel is geen bijzaak maar de hoofdvorm: voor de meeste sites is 50 tot 70% van het verkeer mobiel en Google indexeert mobile-first (uw mobiele site is uw site voor ranking). De eisen die tellen: laadtijd onder drie seconden op 4G, knoppen en links die met een duim werken, tekst die leesbaar is zonder zoomen en formulieren die op mobiel invulbaar zijn.

De testmethode die werkt: gebruik uw eigen site een dag volledig op uw telefoon. Vul uw formulieren in, navigeer naar uw belangrijkste pagina s, probeer te bellen en te bestellen. U vindt de mobiele problemen die uw bezoekers vinden; de meeste site-eigenaren testen hun site alleen op desktop.

De mobiele conversieknelpunten

De klassieke mobiele conversiekillers: formulieren die te veel typwerk vereisen (gebruik telefoon- en e-mail-toetsenborden), pop-ups die het hele scherm bedekken, tabellen die niet schalen en knoppen die te dicht op elkaar staan. Elk is een bezoekersverlies op het apparaat waar uw groei zit.

Veelgestelde vragen

Is responsive design genoeg voor mobiel?

Responsive is de basis maar niet het doel: ook snelheid, duim-navigatie en mobiele formulieren bepalen of mobiel werkt.

Hoeveel van mijn bezoekers is mobiel?

Check uw analytics. Landelijk gemiddelde is 60%+; voor consumentendiensten vaak 70-80%.

Moet ik een app bouwen?

Vrijwel nooit voor zakelijke sites: een snelle mobiele website dekt 99% van de use cases voor een fractie van de kosten.

Waarom indexeert Google mobile-first?

Omdat de meeste gebruikers mobiel zoeken. Google beoordeelt sites zoals de meerderheid van de wereld ze ziet.

Liever uitbesteden dan zelf doen?
Websites door de specialisten van Webgilde. Eerste analyse gratis en vrijblijvend.
Bekijk Websites →


Geschreven door Sanne Visser

SEO & content lead bij Webgilde. Wij schrijven alleen over wat wij dagelijks zelf uitvoeren voor klanten.