Kijk de volgende keer dat je in de trein zit of in de rij bij de supermarkt staat eens om je heen. Vrijwel iedereen kijkt op zijn telefoon. Het is dan ook geen geheim dat meer dan de helft van al het internetverkeer tegenwoordig via smartphones verloopt.
Toch kom ik in de praktijk nog regelmatig bedrijfswebsites tegen die er prachtig uitzien op een grote monitor, maar op een iPhone of Android-telefoon bijna niet te gebruiken zijn. Navigatie die niet werkt, tekst die te klein is of knoppen die moeilijk aan te klikken zijn.
In dit artikel leg ik uit waarom dat een serieus probleem is voor je bedrijf, en hoe je het voorkomt.
Wat betekent een 'Mobile-First' benadering?
Professionele designers en succesvolle bedrijven werken tegenwoordig volgens het mobile-first principe. Waar websites vroeger eerst voor grote desktopschermen werden ontworpen, draait dat nu om: het ontwerp begint bij het smartphonescherm.
Dat dwingt je om keuzes te maken. Op een telefoon heb je minder ruimte en minder overzicht dan op een desktop. Je moet dus scherp bepalen wat écht belangrijk is voor de bezoeker.
Welke actie wil je dat iemand als eerste neemt? Waar staat het belangrijkste formulier? Welke informatie moet direct zichtbaar zijn?
Door vanaf mobiel te ontwerpen, voorkom je dat een website onnodig druk of verwarrend wordt. Je creëert een duidelijke structuur waarin bezoekers snel vinden wat ze zoeken.
Google kijkt vooral naar je mobiele website
Dat een slechte mobiele website irritant is voor bezoekers, spreekt voor zich. Maar er is nog een belangrijke reden om mobiel serieus te nemen: Google beoordeelt websites tegenwoordig voornamelijk op basis van de mobiele versie.
Dit wordt Mobile-First Indexing genoemd. Het betekent dat Google vooral kijkt naar hoe jouw website functioneert op een smartphone.
Zelfs als je website op desktop perfect werkt, kan een slechte mobiele ervaring alsnog een negatieve invloed hebben op je positie in de zoekresultaten.
Google let daarbij onder andere op:
Zijn knoppen en links makkelijk aan te klikken?
Op een smartphone moet een gebruiker eenvoudig met zijn duim op een link kunnen tikken zonder per ongeluk iets anders te raken.
Moet een bezoeker horizontaal scrollen?
Als elementen buiten het scherm vallen door een fout in de opmaak, moet een gebruiker naar links of rechts scrollen. Dat zorgt voor een slechte gebruikerservaring.
Is de tekst goed leesbaar?
Tekst die te klein is of te dicht op elkaar staat, maakt een website lastig te lezen op mobiele apparaten.
Als deze punten niet goed zijn, kan dat direct invloed hebben op je SEO-resultaten.
Een goede mobiele website begint bij de techniek
Voor ondernemers met oudere websites kan het veel werk zijn om alles goed mobiel te laten functioneren. Vaak moet je handmatig allerlei aanpassingen doen om pagina’s op verschillende schermformaten goed te laten werken.
Daarom is het belangrijk dat een website technisch vanaf de basis goed wordt opgebouwd.
Wanneer ik een website ontwikkel met moderne technologieën zoals React en Next.js, wordt het ontwerp vanaf het begin volledig responsive opgezet. Met behulp van tools zoals Tailwind CSS zorgen we ervoor dat layouts automatisch meeschalen naar verschillende schermformaten.
Knoppen blijven goed klikbaar, afbeeldingen schalen netjes mee en pagina’s blijven overzichtelijk, ongeacht of iemand je website bekijkt op een laptop, tablet of smartphone.
Twijfel je of jouw website mobiel goed presteert? Of wil je weten of je mobiele weergave invloed heeft op je vindbaarheid in Google? Plan gerust een kort contactmoment in. Dan kijk ik met je mee waar nog verbeteringen mogelijk zijn.
