Een website mobile-first ontwerpen betekent dat u hem eerst voor een smartphonescherm bedenkt en hem daarna pas uitbreidt naar de computer, niet omgekeerd. Voor een Belgische kmo is die keuze niet langer optioneel: sinds oktober 2023 analyseert en rangschikt Google websites op basis van hun mobiele versie. Ook al bekijken uw klanten uw site nog vaak op de computer, het is de mobiele versie die uw plaats in de zoekresultaten bepaalt.

Mobile-first: waarover gaat het echt

Mobile-first is geen designersnufje. Het is een ontwerpmethode die vertrekt van de strengste beperking, het kleine scherm, om te bepalen wat essentieel is. Op een smartphone hebt u niet de ruimte en niet de aandacht om alles te tonen. U bent dus verplicht te prioriteren: de hoofdboodschap, de verwachte actie, de contactgegevens. Wat leesbaar en nuttig blijft op mobiel, zal dat bijna altijd ook zijn op de computer.

De ommezwaai van Google heeft die logica onvermijdelijk gemaakt. Op 31 oktober 2023 kondigde Google aan dat het zijn migratie naar mobile-first indexering had afgerond: zijn robots verkennen voortaan bij voorrang de mobiele versie van pagina's om ze te indexeren en te rangschikken.

Concreet stuurt een site met een uitgeklede mobiele versie (afgekapte teksten, verborgen blokken, onvolledige menu's) een verminkte versie van zichzelf naar Google. Dat is een van de vaakste oorzaken wanneer een site niet verschijnt zoals verwacht op Google.

België blijft gehecht aan desktop, en dan?

Hier zit de Belgische paradox: wereldwijd komt ongeveer 59 % van het webverkeer van smartphones (cijfers van StatCounter), maar België vormt een uitzondering, met een desktopaandeel dat duidelijk hoger ligt dan het wereldgemiddelde. Veel bedrijfsleiders besluiten daaruit, ten onrechte, dat mobiel bij ons bijzaak is.

Dat is een vergissing, om twee redenen. Eerst en vooral omdat Google mobile-first indexeert, ongeacht het land: uw vindbaarheid hangt af van uw mobiele versie, ook als de meeste van uw bezoekers op de computer zitten. Daarnaast omdat het mobiele gebruik blijft toenemen, vooral voor lokale zoekopdrachten, snelle raadplegingen en eerste contacten buiten de kantooruren.

Met andere woorden: een Belgische bezoeker zoekt uw bedrijf misschien 's avonds op zijn telefoon en komt daarna op de computer terug om af te ronden. Loopt die eerste stap mis, dan is er geen tweede stap. Mobile-first denken betekent niet de desktop verwaarlozen, maar garanderen dat uw meest kwetsbare toegangspoort perfect werkt.

Wat een slechte mobiele site u echt kost

Snelheid is het eerste breekpunt. Een studie van Google (The Need for Mobile Speed) stelde vast dat 53 % van de mobiele bezoekers afhaakt bij een pagina die er langer dan drie seconden over doet om te laden. Op mobiel telt geduld in seconden, en elke verloren seconde is een verloren prospect.

Naast snelheid zijn de klassieke frictiepunten van een site die niet voor mobiel is bedacht makkelijk te herkennen:

• minuscule teksten die u verplichten in te zoomen om te lezen

• knoppen die te klein of te dicht bij elkaar staan voor de duim

• een telefoonnummer dat niet aanklikbaar is

• eindeloze formulieren, vervelend om in te vullen op een aanraaktoetsenbord

• vensters en banners die de inhoud bedekken zonder zichtbare sluitknop

Elk van die frictiepunten doet het bouncepercentage stijgen. En een bezoeker die zonder actie weer vertrekt, levert u niets op, of hij nu via een Google-zoekopdracht of via een gedeelde link kwam. Ook daarom vervangt een simpele pagina op een sociaal netwerk geen echte site: we leggen dat uit in ons artikel over het feit dat een Facebookpagina niet volstaat.

Mobile-first ontwerpen zonder alles te herbouwen

Goed nieuws: overstappen op mobile-first betekent niet noodzakelijk helemaal opnieuw beginnen. De aanpak draait er vooral om de mobiele ervaring weer centraal te zetten in de beslissingen.

Begin met de inhoud te prioriteren. Vraag u op elke pagina af wat een gehaaste bezoeker als eerste moet zien op een klein scherm: de belofte, het bewijs, de actie. De rest komt daarna. Verzorg vervolgens de aanraakzones: ruime knoppen, voldoende tussenruimte, telefoonnummer en e-mailadres met één beweging aanklikbaar.

Ten slotte komt de prestatie. Beelden in het juiste formaat, een eenvoudig menu en degelijke hosting volstaan vaak om onder de grens van drie seconden te blijven. Stapelt uw huidige site de gebreken op, dan is een op mobiel gerichte herwerking rendabeler dan een opeenvolging van lapmiddelen. Dat is precies de aanpak die we toepassen bij elke website maken, en het budget verdient het om vooraf te worden ingeschat, zoals beschreven in ons artikel over de prijs van een professionele website in België.

Veelgestelde vragen

Mijn site is al responsive, volstaat dat?

Niet altijd. Responsive past de weergave aan de schermgrootte aan, maar een site kan responsive zijn en toch vervelend blijven op mobiel (traag, overladen, te kleine knoppen). Mobile-first gaat verder: het ontwerpt de ervaring vanuit mobiel, in plaats van gewoon een voor de computer bedachte versie te verkleinen.

Schaadt mobile-first de ervaring op de computer?

Nee, integendeel. Vertrekken vanuit mobiel dwingt om de boodschap te verhelderen en overbodigheden te schrappen. De computerversie erft die helderheid, met simpelweg meer ruimte om te ademen. Een goed ontworpen mobile-first site is uitstekend op beide schermen.

Hoe weet ik of mijn site echt goed is op mobiel?

Open hem zelf op uw telefoon, in reële omstandigheden, zonder wifi. Meet de laadtijd, probeer uw contactformulier in te vullen, probeer te bellen vanaf de pagina. Ergert een van die handelingen u, dan ergert ze ook uw bezoekers.

Prioritair actieplan

1. Test uw site op uw eigen smartphone en noteer elk frictiepunt (traagheid, nodig zoomen, te kleine knoppen, niet-aanklikbaar nummer).

2. Controleer of alle belangrijke informatie die op de computer staat ook op mobiel aanwezig is, want het is die versie die Google indexeert.

3. Corrigeer bij voorrang de laadsnelheid en de aanraakzones: dat zijn de twee hefbomen die het zwaarst wegen op het bouncepercentage.

4. Stapelen de gebreken zich op, plan dan een mobile-first herwerking in plaats van opeenvolgende correcties, en schat het budget vooraf in.

Mobile-first denken is geen modegril volgen, het is uw site afstemmen op de manier waarop Google hem leest en waarop uw klanten hem ontdekken. Een heldere, snelle en comfortabele site op smartphone werkt onafgebroken voor u, ook bij de bezoekers die uiteindelijk op hun computer afronden.

Zin in een site die snel en onberispelijk is op mobiel én op de computer? Ontdek onze aanpak voor een website maken in België.