Responsive design betekent dat je website zich automatisch aanpast aan elk scherm, van smartphone tot brede desktop. Teksten, foto's en knoppen schikken zich zodat alles leesbaar en bruikbaar blijft, ongeacht het apparaat waarop iemand kijkt.
Meer dan de helft van de websitebezoeken gebeurt via smartphone, en bij lokale zoekopdrachten, waar iemand vaak onderweg of vanuit huis snel iets opzoekt, ligt dat aandeel nog hoger. Google beoordeelt websites bovendien eerst op hun mobiele versie, een principe dat mobile-first indexing heet: de mobiele weergave van je website bepaalt in de eerste plaats hoe Google je pagina beoordeelt, ook voor bezoekers die uiteindelijk via desktop komen. Een website die op mobiel slecht werkt, scoort dus ook slechter in de algemene zoekresultaten, hoe mooi hij er op een groot scherm ook uitziet.
Responsive design gaat verder dan enkel de tekst laten passen op een klein scherm. Knoppen moeten groot genoeg zijn om met een vinger aan te klikken, formulieren moeten vlot invulbaar zijn zonder voortdurend in en uit te zoomen, en laadsnelheid weegt op mobiel nog zwaarder door omdat mobiel internet doorgaans trager is dan een vaste verbinding. Een website die technisch wel responsive is, maar traag laadt op mobiel, mist alsnog een groot deel van het voordeel.
Bij het bouwen van een nieuwe website, bijvoorbeeld met Next.js, wordt responsive design best van bij het ontwerp meegenomen, in plaats van achteraf te proberen een bestaande desktop-layout passend te maken voor kleinere schermen.
Waarom is dit belangrijk voor jouw bedrijf? Iemand die 's avonds in de zetel op zijn telefoon een schilder zoekt, haakt af bij een website waar hij moet inzoomen om het telefoonnummer te lezen of waar een formulier onmogelijk in te vullen is op een klein scherm. Hij klikt terug en op het volgende resultaat, en die concurrent krijgt het werk, ook al is de kwaliteit van beide bedrijven misschien vergelijkbaar.
Gerelateerde termen
Meer weten
Externe bron: Google Search Central over mobile-first indexing.
Aan de slag met Responsive design?
Wil je hier werk van maken voor jouw bedrijf? Ontdek onze dienst Websites of vraag een vrijblijvende offerte aan.