Google beoordeelt en indexeert de mobiele versie van je site: die versie is je website. Een mobielvriendelijke website is meer dan meeschalen met het scherm. Leesbare tekst, duimvriendelijke knoppen, korte formulieren en snelle laadtijd op mobiel internet bepalen of je bezoeker belt of terugklikt. Wat is een mobielvriendelijke website? Een mobielvriendelijke website is een site […]
Google beoordeelt en indexeert de mobiele versie van je site: die versie is je website. Een mobielvriendelijke website is meer dan meeschalen met het scherm. Leesbare tekst, duimvriendelijke knoppen, korte formulieren en snelle laadtijd op mobiel internet bepalen of je bezoeker belt of terugklikt.
Wat is een mobielvriendelijke website?
Een mobielvriendelijke website is een site die op een telefoon niet alleen past, maar ook prettig werkt: tekst leest zonder inzoomen, knoppen zijn met een duim te raken, en de belangrijkste actie staat binnen handbereik. Passen is techniek, werken is ontwerp.
Het verschil merk je pas in de praktijk. Een pagina kan er op een groot scherm keurig uitzien en op een telefoon alsnog vragen om drie keer zoomen, vier keer scrollen en een formulier van twaalf velden.
Mobile-first indexering: Google kijkt naar je mobiele versie
Mobile-first indexering betekent dat Google je pagina's beoordeelt op basis van wat de mobiele versie laat zien. Staat bepaalde tekst, een afbeelding of gestructureerde data alleen in de desktopvariant, dan telt die voor je vindbaarheid niet mee.
Dat maakt mobiel geen bijzaak meer, maar de norm waar je site aan wordt gemeten. Klapt je mobiele versie stukken content weg om ruimte te besparen, dan verlies je precies de informatie waarop je gevonden wilt worden.
Let daarbij ook op de dingen die je niet ziet: titels, meta-omschrijvingen, koppen, alt-teksten en interne links horen op mobiel identiek aanwezig te zijn. Een uitgeklede mobiele variant is een uitgeklede site.
Waar het misgaat op MKB-websites
De meeste mobiele problemen zijn geen bouwfouten maar gemaksfouten: iets is ooit op een groot scherm ontworpen en nooit meer op een telefoon getoetst. Dit zijn de terugkerende verdachten.
- Te kleine tekst. Lettertypes onder de leesbare grens dwingen bezoekers tot inzoomen. Wie moet knijpen om je dienst te begrijpen, leest niet verder.
- Knoppen te dicht op elkaar. Links in een rijtje onder elkaar of twee knoppen naast elkaar leiden tot misklikken. Geef elk aantikbaar element ruimte en een fatsoenlijk raakvlak.
- Menu's die je duim niet bereikt. Een hamburgermenu bovenin een lang scherm is met één hand lastig te bedienen. Zet je belangrijkste actie ook onderin beeld.
- Formulieren met te veel velden. Typen op een telefoon is werk. Vraag alleen wat je nodig hebt om terug te bellen en roep het juiste toetsenbord op bij e-mail en telefoonnummer.
- Pop-ups die het scherm vullen. Een korting of nieuwsbriefvenster over de hele pagina, met een piepklein kruisje, is op mobiel een uitgang in plaats van een aanbod.
- Trage laadtijd op mobiel internet. Je site testen op kantoor-wifi zegt weinig. Op een matige verbinding onderweg bepaalt gewicht alles: zware afbeeldingen, sliders en een stapel scripts.
- Brede tabellen en pdf's. Prijslijsten en specificaties in een pdf of een tabel van acht kolommen lezen op een telefoon niet. Zet die informatie in gewone pagina-tekst.
Herken je hier drie of meer van, dan zit er meer rendement in het opruimen van je mobiele site dan in extra bezoekers. Vraag een gratis scan aan en je hoort wat er als eerste blijft liggen.
Zo test je je website op mobielvriendelijkheid in 5 stappen
De eerlijkste test kost een half uur en geen budget: gebruik je eigen site op je eigen telefoon alsof je klant bent, en gebruik daarna pas gereedschap. Meetinstrumenten vinden techniekfouten, jouw duim vindt ergernis.
- Pak je telefoon en zet wifi uit. Zoek je bedrijf op zoals een klant dat doet en klik door vanuit het zoekresultaat, niet via een opgeslagen link.
- Voer één echte taak uit. Vraag een offerte aan of zoek uit of je in een bepaalde plaats werkt. Doe het met één hand, staand, zonder je site te helpen.
- Tel de blokkades, niet je meningen. Waar zoom je in, waar klik je mis, waar scrol je terug? Elke aarzeling is een punt op je lijst.
- Controleer bellen, mailen en route. Is je telefoonnummer aantikbaar, opent je adres in de navigatie-app en komt het formulier daadwerkelijk aan?
- Draai er meetgereedschap overheen. Gebruik een paginasnelheidstest en de mobiele bruikbaarheidsrapportage in Google Search Console voor wat je met het blote oog mist.
Loop de lijst daarna van boven naar beneden af. De punten die je taak blokkeerden, gaan vóór de punten die alleen lelijk waren.
Mobiel converteert anders: bellen en navigeren met één tik
Op een telefoon wint direct contact het van uitgebreid lezen. Zorg daarom dat je telefoonnummer een echte belknop is, dat je adres in de kaart-app opent en dat een offerteknop altijd binnen één scroll in beeld staat.
Denk ook aan wat er ná de tik gebeurt. Een belknop die naar een contactpagina leidt in plaats van naar het gesprek, kost je precies de klant die haast had.
Zet je belangrijkste actie bovenaan én onderaan de pagina, en herhaal hem na een lang tekstblok. Wat je op desktop overdreven vindt, is op een smal scherm gewoon logisch.
Responsive of écht mobielvriendelijk: het verschil
Responsive betekent dat je ontwerp meeschaalt met de schermbreedte. Mobielvriendelijk betekent dat de site op dat kleinere scherm ook bruikbaar en snel is. Vrijwel elk modern thema is responsive; lang niet elke responsive site is mobielvriendelijk.
Het klassieke voorbeeld is een pagina die netjes in kolommen onder elkaar valt, maar waarbij het contactblok daardoor onderaan belandt en de afbeeldingen in volle desktopgrootte worden geladen. Technisch klopt het, in gebruik niet.
Snelheid speelt daarin de hoofdrol: op een telefoon telt elke kilobyte. De meetlat daarvoor zijn de Core Web Vitals, en de aanpak staat in onze uitleg over een snellere website. Mobiel is uiteindelijk één van de pijlers van een gebruiksvriendelijke website.
Veelgestelde vragen over mobielvriendelijkheid
Wat betekent mobile-first indexering precies?
Het betekent dat Google de mobiele versie van je pagina gebruikt om te bepalen waarover je gaat en hoe goed je pagina is. Ontbreekt er content in die mobiele versie, dan wordt die content niet meegewogen. In de praktijk is je mobiele site dus je échte site, ook voor bezoekers die later op een laptop terugkomen.
Is mijn responsive WordPress-thema automatisch mobielvriendelijk?
Niet automatisch. Een responsive thema zorgt ervoor dat je ontwerp meeschaalt, maar niet dat knoppen groot genoeg zijn, formulieren kort blijven of afbeeldingen licht genoeg laden. Die keuzes maak je zelf per pagina. Test daarom altijd op een echt toestel in plaats van in een verkleind browservenster.
Hoe test ik mijn website op een telefoon?
Gebruik je site op je eigen toestel alsof je klant bent: zoek jezelf op, voer één taak uit en let op waar je moet zoomen of misklikt. Combineer dat met een paginasnelheidstest en de mobiele rapportage in Google Search Console. Het handmatige deel vindt ergernis, het gereedschap vindt techniekfouten.
Kosten pop-ups mij bezoekers op mobiel?
Ze kunnen dat zeker doen. Een venster dat direct het hele scherm afdekt, blokkeert de tekst waarvoor iemand kwam en is met een klein kruisje lastig weg te klikken. Wil je toch een aanbod tonen, doe dat dan later in het bezoek, in een klein blok dat de inhoud vrij laat.
Aan de slag met je mobiele site
Begin bij de pagina waar het meeste geld binnenkomt en loop hem door op je telefoon: leesbare tekst, raakbare knoppen, een kort formulier en een belknop die belt. Dat zijn klusjes van een half uur die je direct in je aanvragen terugziet.
Wil je weten wat mobiel nu je bezoekers kost? Onlinemeersucces.nl kijkt datagedreven mee, van snelheid tot conversie, en bouwt bij een website laten maken mobiel als uitgangspunt in plaats van als sluitpost. Neem contact op voor een gratis scan van je website.