Wie een loodgieter zoekt omdat de kraan lekt, pakt zijn telefoon. Wie 's avonds op de bank een kapper of een rijschool vergelijkt, ook. Voor de meeste lokale ondernemers is de telefoon de plek waar een klant voor het eerst kennismaakt met hun bedrijf. Een website die daar traag, klein of onhandig is, verliest die klant voordat hij heeft gelezen wat u doet. In dit artikel leggen we uit wat een goede mobiele website is, waar het vaak misgaat en hoe u uw eigen site in tien minuten controleert.
Kort antwoord
Een mobiele website is niet een verkleinde versie van uw computersite, maar een site die is ontworpen voor een klein scherm en een duim. Tekst is leesbaar zonder inzoomen, knoppen zijn groot genoeg, de pagina laadt snel op mobiel internet, en bellen of appen kan met één tik. Google kijkt bovendien vooral naar de mobiele versie van uw site om te bepalen hoe hij in de zoekresultaten komt. Een slechte mobiele site kost dus bezoekers én vindbaarheid.
Waarom mobiel zo zwaar weegt
Er zijn twee redenen, en ze versterken elkaar.
De bezoeker. Mensen zoeken lokale diensten vaak onderweg of op een moment dat ze iets nodig hebben: bij een lekkage, een kapotte fiets of een dier dat ziek is. Ze hebben weinig geduld. Moeten ze inzoomen, zoeken naar het telefoonnummer of wachten tot een grote foto is geladen, dan gaan ze terug naar Google en kiezen de volgende.
Google. Google gebruikt voor het indexeren en beoordelen van websites de mobiele versie van een pagina. Dat heet mobile-first indexering. Staat er op uw mobiele site minder informatie dan op de computerversie, of is hij lastig te gebruiken, dan ziet Google ook minder van u.
Wat een goede mobiele site doet
Leesbare tekst. Een lettergrootte waarbij niemand hoeft in te zoomen, en genoeg contrast: geen lichtgrijze tekst op een witte achtergrond.
Knoppen voor een duim. Groot genoeg, en niet zo dicht op elkaar dat men er naast tikt.
Contact direct bereikbaar. Een belknop en een WhatsApp-knop die zichtbaar zijn zonder te scrollen, of die bij het scrollen in beeld blijven.
Korte formulieren. Op een telefoon is elk extra veld een reden om af te haken. Vraag alleen wat nodig is, en laat het toetsenbord passen bij het veld: cijfers voor een telefoonnummer, een @ voor een e-mailadres.
Snelle pagina's. Foto's in het juiste formaat, geen zware animaties, geen onnodige scripts.
Geen hinderlijke pop-ups. Een venster dat het hele scherm bedekt voordat de bezoeker iets heeft gezien, jaagt mensen weg. Ook een cookiemelding kan klein en netjes onderaan.
Een menu dat werkt. Kort, met de belangrijkste pagina's bovenaan. Diensten, werkwijze, contact.
Wat vaak misgaat
De site is ooit gemaakt voor de computer, en "werkt ook op mobiel" omdat alles kleiner wordt. Dan is de tekst te klein en staan knoppen op elkaar.
Het telefoonnummer is een plaatje of staat alleen in de voettekst, zodat het niet aan te tikken is.
Foto's zijn te groot. Een foto rechtstreeks van een camera of telefoon kan vele malen zwaarder zijn dan nodig. Op een computer met snel internet merkt u dat niet, op mobiel wel.
Belangrijke inhoud is op mobiel weggelaten om ruimte te besparen, terwijl juist die inhoud bezoekers overtuigt en Google vertelt wat u doet.
Tabellen en brede blokken lopen buiten het scherm, zodat de bezoeker opzij moet schuiven.
Een chatvenster of banner bedekt precies de knop waar de bezoeker op wil tikken.
Zo test u het zelf in tien minuten
U heeft geen technische kennis nodig. Pak uw eigen telefoon en doe het volgende:
Zoek in Google op uw belangrijkste dienst en uw plaats, en klik op uw eigen site, zoals een klant dat zou doen.
Tel hoe lang het duurt voordat u iets bruikbaars ziet. Probeer het ook eens buiten wifi, op mobiel internet.
Lees de eerste alinea zonder in te zoomen. Lukt dat?
Probeer te bellen via de site. En te appen. En het formulier in te vullen en te versturen.
Open het menu en ga naar een dienstpagina. Kunt u vanaf daar weer makkelijk contact opnemen?
Draai de telefoon een keer liggend. Blijft alles leesbaar?
Vraag iemand anders, bij voorkeur iemand die de site niet kent, om hetzelfde te doen. Kijk mee zonder te helpen.
Wat u daar tegenkomt, is uw verbeterlijst. Wilt u ook een technische meting, dan geeft Google Search Console een overzicht van problemen met bruikbaarheid en snelheid per pagina.
Per branche: wat moet er op mobiel vooraan?
Wat de bezoeker als eerste wil doen, verschilt per vak. Dat bepaalt wat bovenaan het mobiele scherm hoort:
Loodgieters, elektriciens en installateurs: een grote belknop en WhatsApp, met erbij in welk gebied u werkt en of u spoed aanneemt.
Dakdekkers: na een storm zoeken mensen snel. Een duidelijke knop voor stormschade en foto's van recent werk in de buurt.
Kappers, beautysalons en fysiotherapeuten: direct online boeken, met behandelingen en een prijsindicatie die op een klein scherm te lezen zijn.
Restaurants en bakkers: menu, openingstijden en reserveren of bestellen. Een menu als pdf-bestand is op een telefoon vaak lastig te lezen; een gewone pagina werkt beter.
Rijscholen: pakketten naast elkaar en een snelle manier om in te schrijven of een proefles te plannen.
Autobedrijven en fietsenmakers: onderscheid tussen reparatie en verkoop, en de actuele openingstijden.
Dierenartsen en uitvaartzorg: het nummer voor spoed of voor direct contact, rustig en duidelijk, bovenaan.
Snelheid: waar de meeste winst zit
De grootste vertragers zijn meestal eenvoudig op te lossen:
Afbeeldingen. Verklein ze tot de breedte waarop ze getoond worden, en gebruik een modern bestandsformaat als WebP.
Plug-ins en scripts. Elke extra koppeling, slider of widget laadt code die de pagina trager maakt. Weg met wat u niet gebruikt.
Hosting. Een snelle server dicht bij uw bezoekers helpt. Voor een Nederlandse doelgroep is een server in Nederland een logische keuze.
Lettertypes. Twee lettertypes is genoeg. Elk extra lettertype en elke extra dikte is een bestand dat geladen moet worden.
Veelgestelde vragen
Heb ik een aparte mobiele website of app nodig?
Nee. Een goed gebouwde website past zich aan het scherm aan. Een aparte mobiele site of een app is voor de meeste kleine bedrijven onnodig en dubbel onderhoud.
Mijn site ziet er op mijn telefoon goed uit. Is het dan in orde?
Misschien. Test ook de snelheid op mobiel internet, of formulieren aankomen en of bellen met één tik werkt. En kijk op een ouder of kleiner toestel: niet elke klant heeft de nieuwste telefoon.
Kan een bestaande site mobielvriendelijk gemaakt worden?
Vaak wel, soms is opnieuw beginnen eenvoudiger. Dat hangt af van hoe oud de site is en waarop hij gebouwd is.
Hoe wij het doen
Elke website die we maken, ontwerpen en testen we eerst op een telefoon: leesbaar, snel, en contact met één tik. Een complete website begint vanaf €349 excl. btw, met goede weergave op mobiel en een basis voor Google in de vaste scope. Hosting op onze eigen servers in Nederland, met updates, back-ups en bewaking, is er vanaf €79 per maand. Kijk gerust op uw telefoon naar de sites in ons portfolio, of lees meer op website laten maken.
