Kennisbank
Responsief webdesign: waarom uw website op elk scherm moet werken
Uw bezoekers bekijken uw website op een telefoon, tablet, laptop en groot scherm. Een responsieve website past zich automatisch aan elk scherm aan. Hieronder leest u waarom dat geen luxe is, maar een basisvoorwaarde.
Door Sabih Al Hashimi
Wat is responsief webdesign?
Bij responsief webdesign is er één website die zich aanpast aan de schermgrootte van de bezoeker. Kolommen schuiven onder elkaar, menu's klappen in, afbeeldingen schalen mee en knoppen zijn groot genoeg om met een duim aan te tikken. U onderhoudt dus geen aparte mobiele website: het is één site met één adres en één beheeromgeving.
Waarom het onmisbaar is
1. De meeste bezoekers komen via mobiel
Voor veel bedrijven komt inmiddels het grootste deel van het websiteverkeer van smartphones. Werkt uw website op een telefoon niet goed, dan verliest u die bezoekers binnen enkele seconden aan een concurrent.
2. Google kijkt eerst naar de mobiele versie
Google gebruikt de mobiele versie van uw website als uitgangspunt voor indexering en ranking (mobile-first indexing). Een website die op mobiel slecht werkt, heeft daardoor ook minder kans om goed gevonden te worden.
3. Vertrouwen en conversie
Een website die op elk scherm verzorgd oogt, straalt professionaliteit uit. Kleine letters, knoppen die net naast elkaar staan of formulieren die niet goed in te vullen zijn, kosten u aanvragen en verkopen.
Responsief is meer dan 'het past op het scherm'
- Laadtijd: mobiele verbindingen zijn niet altijd snel. Afbeeldingen moeten gecomprimeerd en in het juiste formaat worden geladen.
- Leesbaarheid: een lettergrootte van minimaal 16 pixels en voldoende contrast.
- Tikbare elementen: knoppen en links met genoeg ruimte ertussen.
- Prioriteit: op een klein scherm moet het belangrijkste eerst komen: wat u doet en hoe men contact opneemt.
- Formulieren: zo kort mogelijk, met het juiste toetsenbord (bijvoorbeeld cijfers bij een telefoonnummer).
Checklist: test uw eigen website
- Open uw website op uw telefoon. Kunt u alles lezen zonder in te zoomen?
- Kunt u het menu openen en elke pagina bereiken?
- Kunt u met één tik bellen of mailen?
- Is het contactformulier makkelijk in te vullen?
- Laadt de pagina binnen een paar seconden via 4G? Test dit ook met Google PageSpeed Insights.
Beantwoordt u een van deze vragen met 'nee'? Dan is het tijd om naar uw website te kijken. Wij bouwen elke nieuwe website mobile-first: eerst voor de telefoon, daarna voor grotere schermen.