Waarom je website mobielvriendelijk moet zijn

Open je eigen bezoekcijfers en de verhouding is bijna overal dezelfde: het grootste deel van je bezoekers zit op een gsm. Wereldwijd loopt intussen rond de 60% van al het webverkeer via een telefoon in plaats van een computer, en bij een lokale zaak ligt dat vaak nog hoger. Mensen zoeken onderweg, op de bank of in de wachtzaal, zelden nog achter een bureau.

Dat cijfer verandert alles aan hoe je naar je website hoort te kijken. De pagina die jij op je grote scherm ontwierp en goedkeurde, is niet de pagina die je klant ziet. Hij ziet een versie van een handbreed groot, met één duim bediend, vaak op een matige verbinding onderweg. Werkt je site daar niet vanzelf, dan verlies je dat grootste deel van je bezoek nog voor ze één woord gelezen hebben.

En het gaat niet om een paar procent aan de rand. Als de helft of meer van je bezoek via de gsm binnenkomt en je site is daar lastig te gebruiken, dan is je website in de praktijk stuk voor de meerderheid van de mensen die hem openen, hoe verzorgd hij op je pc ook oogt.

Mobielvriendelijk betekent niet “het past op een klein scherm”. Een gewone website in het klein geperst is juist het probleem: piepkleine letters, knoppen te dicht op elkaar en tekst die breder is dan het scherm. Mobielvriendelijk betekent dat je site zich vanzelf naar elk scherm plooit, van brede monitor tot smalle gsm. In het vak heet zo’n meebuigende site responsive; jij hoeft vooral te weten dat het de norm is, geen luxe.

Concreet komt het op vier dingen neer:

• Leesbaar zonder zoomen. De tekst is meteen groot genoeg om te lezen, zonder dat je met twee vingers moet uitrekken.
• Aan te tikken met de duim. Knoppen en links zijn groot genoeg en staan ver genoeg uit elkaar, want een duim is breder en minder precies dan een muispijl.
• Alles in één kolom. Je scrolt recht naar beneden en hoeft nooit opzij te schuiven om het einde van een regel of een foto te zien.
• Vlot op een matige verbinding. De pagina laadt ook met zwak bereik snel genoeg. Snelheid is een hoofdstuk op zich; hoe je die aanpakt, staat in de gids over je website sneller maken.

Zit dat goed, dan merkt je bezoeker er niets van, en dat is precies de bedoeling. Een mobielvriendelijke site valt nooit op; een niet-mobielvriendelijke site valt meteen op, en op de verkeerde manier.

Er is nog een reden waarom de gsm-versie zwaarder weegt dan je zou denken, en die komt van Google zelf. Sinds enkele jaren beoordeelt Google je website op basis van de mobiele versie, niet de desktopversie. Het bezoekt en leest je site als een telefoon, en wat het daar aantreft, bepaalt je plek in de zoekresultaten. Dat heet mobile-first indexing.

Het gevolg is niet vrijblijvend. Een site die op de gsm uitgekleed of onbruikbaar is, zakt in de zoekresultaten, en een lagere plek betekent minder mensen die je überhaupt vinden. De schade zit zo op twee niveaus: de bezoeker die je site wél opent maar vastloopt op een toestel waar ze niet voor gebouwd is, en de zoeker die door je lagere plek nooit tot bij je site geraakt.

De meeste niet-mobielvriendelijke sites struikelen over hetzelfde handvol dingen. Loop de lijst af met je eigen site in gedachten; herken je er twee of drie, dan werkt je site op de gsm tegen je in plaats van voor je.

• Tekst die je moet inzoomen om te lezen. Wie bij elke alinea moet knijpen en schuiven, is sneller weg dan dat hij leest.
• Knoppen die te dicht op elkaar staan. Je mikt op “bel ons” en raakt “sluiten”. Elke misser is een kleine ergernis, en ergernis kost bezoekers.
• Een pagina die breder is dan het scherm. Moet je opzij schuiven om het einde van een zin of een foto te zien, dan is de site niet voor de gsm gemaakt.
• Een pop-up die je niet weggeklikt krijgt. Een melding met een kruisje zo klein dat je het op de gsm niet raakt, zet mensen meteen buiten.
• Je telefoonnummer als platte tekst. Een nummer dat je niet kunt aantikken om te bellen, laat de klant op het beslissende moment zelf overtypen. Velen doen dat niet.
• Inhoud verstopt of weggelaten op de gsm. Wat je “om ruimte te sparen” van de mobiele versie schrapt, ziet je grootste publiek niet, en Google evenmin.

Je hoeft hier niemand op zijn woord te geloven. De eerlijkste test kost een minuut en je hebt er alleen je eigen telefoon voor nodig, niet de tablet en niet de pc. Open je site zoals een klant dat zou doen en loop deze punten af:

• Kun je alle tekst lezen zonder in te zoomen of te knijpen?
• Staat alles netjes onder elkaar, zodat je nooit opzij hoeft te schuiven?
• Raak je elke knop en link met je duim, in één keer, zonder de buur ernaast?
• Werkt je telefoonnummer als een tik-om-te-bellen-link, en je adres als een tik-om-de-route-te-openen?
• Krijg je elke pop-up of cookiemelding met één tik weg?
• Draai je toestel eens dwars: klopt de pagina dan nog, of valt de boel uiteen?

Struikel je over één punt, dan heb je een gericht mankement om te laten herstellen. Struikel je over de helft, dan is je site niet mobielvriendelijk, en dat is vandaag geen detail maar de kern van de zaak.

Zet tot slot je wifi even uit en doe de test opnieuw op mobiele data. Wat op de vaste verbinding van je zaak vlot draait, kan met een paar balkjes bereik in de rij aan de kassa of onderweg in de auto flink trager worden, en net daar zit je klant vaak.

Zet daar tegenover hoe een goede mobiele site aanvoelt, en je merkt meteen het verschil. Je opent hem, de tekst staat er leesbaar, je scrolt met één duim recht naar wat je zoekt, je tikt op het nummer en je telefoon belt. Geen zoomen, geen schuiven, geen missers. Je merkt de site eigenlijk niet, je doet gewoon wat je kwam doen.

Dat is geen toeval en ook geen kwestie van geluk: het zit ingebakken in hoe de site gebouwd is. Eén ontwerp dat zich naar elk scherm plooit, knoppen op maat van een duim, en de belangrijkste stap, bellen, mailen of de route openen, altijd binnen handbereik. Een site die vandaag degelijk gebouwd wordt, werkt zo vanzelf op de gsm; het is niet iets wat je er achteraf bij plakt.

De vraag is dus niet of je een aparte mobiele site nodig hebt, maar of je ene site het op de gsm wél doet. Doet hij dat niet, dan is dat een van de duidelijkste signalen dat een opfrisbeurt of een herbouw de moeite loont, zoals je leest in de gids over vernieuwen of opnieuw beginnen. Doet hij het wél, dan werkt je website voor het publiek dat er echt is: de meerderheid, met een telefoon in de hand.