Open je eigen website eens op je gsm. Niet op je laptop met het venster wat smaller getrokken, maar echt op je telefoon, met één hand, terwijl je ergens staat te wachten. Kan je alles lezen zonder in te zoomen? Vind je meteen wat je zoekt?
Zo niet, dan loop je bezoekers mis. Waarschijnlijk meer dan je denkt.
Wat is responsive webdesign?
Responsive webdesign betekent dat je website zich aanpast aan het scherm waarop hij bekeken wordt. Op een groot scherm staan drie blokken naast elkaar, op een smartphone onder elkaar. Tekst blijft leesbaar, knoppen blijven groot genoeg voor een duim en afbeeldingen worden niet zwaarder ingeladen dan nodig.
Het gaat om één website die zich aanpast, geen aparte mobiele versie ernaast. Je beheert je inhoud dus maar één keer, en die werkt overal.
Onder de motorkap gebeurt dat met flexibele lay-outs en zogenaamde media queries: regels die zeggen “is het scherm smaller dan zoveel, toon het dan zo”. Als website-eigenaar hoef je daar niets van te kennen. Je moet wel weten dat het er hoort te zijn.
Waarom je dit niet kan negeren
Je bezoekers zitten op hun gsm
Wereldwijd loopt meer dan de helft van al het internetverkeer via een smartphone. Voor een lokale zaak ligt dat vaak nog hoger: wie een bakker, kapper of loodgieter zoekt, doet dat meestal onderweg en niet achter een bureau. Een website die enkel op desktop goed werkt, werkt dus voor een minderheid van je bezoekers.
Google kijkt eerst naar je mobiele versie
Google beoordeelt websites op basis van hoe ze op mobiel werken. Dat heet mobile-first indexing. Is je site op een smartphone onhandig of onvolledig, dan is dát de versie waarop je in de zoekresultaten beoordeeld wordt. Ook als je desktopversie er prachtig uitziet.
Wie moet inzoomen, haakt af
Een bezoeker die moet knijpen om tekst te lezen, opzij moet scrollen of drie keer naast een knop tikt, blijft niet proberen. Die drukt op terug en kiest het volgende zoekresultaat. Vaak een concurrent. Je verliest die klant dan niet omdat je aanbod slechter is, maar omdat je website in de weg stond.
Het zegt iets over je bedrijf
Een website die op mobiel rammelt, voelt verouderd. Eerlijk of niet: bezoekers trekken die conclusie al snel door naar de zaak erachter.
“Mijn website werkt toch op mijn gsm?”
Werken en goed werken zijn twee verschillende dingen. Neem er even je telefoon bij en loop deze vragen af:
Kan je alle tekst lezen zonder in te zoomen?
Past alles op het scherm, zonder dat je opzij moet scrollen?
Zijn knoppen en links makkelijk aan te tikken met je duim?
Werkt het menu, en vind je snel wat je zoekt?
Kan je een formulier invullen zonder te vloeken?
Laadt de pagina ook vlot op mobiele data, en niet alleen op wifi?
Twijfel je bij één van die vragen? Dan is het tijd om er iets aan te doen.
Responsive webdesign is vandaag geen extraatje meer dat je er optioneel bij bestelt. Het is de basis. Een website die niet op elk scherm goed werkt, is gewoon niet af.