Hoe maak je een mobiele website SEO-vriendelijk? Checklist voor mobile-first

Je maakt een mobiele website SEO-vriendelijk door te zorgen dat de mobiele versie dezelfde inhoud heeft als de desktopversie, snel laadt, goed leesbaar is zonder in te zoomen en makkelijk te bedienen is met een duim. Google bekijkt je site namelijk vrijwel alleen nog door de ogen van een smartphone. Hieronder lees je wat dat betekent, hoe je je site test en welke punten je zelf kunt verbeteren.

Wat is mobiele SEO?

Mobiele SEO is het optimaliseren van je website zodat hij goed werkt en goed gevonden wordt op smartphones en tablets. Het is geen apart soort SEO naast de gewone, maar het uitgangspunt geworden. Wat Google op je mobiele pagina ziet, bepaalt hoe je in de zoekresultaten staat, ook voor mensen die op een laptop zoeken.

Mobile-first indexering in het kort

Indexeren betekent dat Google je pagina’s opslaat in zijn database, zodat ze in de zoekresultaten kunnen verschijnen. Bij mobile-first indexering gebruikt Google daarvoor de mobiele versie van je site. Die overstap is inmiddels voor vrijwel alle websites afgerond.

Het gevolg: staat iets alleen op je desktopversie en niet op mobiel, dan bestaat het voor Google eigenlijk niet. Denk aan tekst die je op mobiel hebt weggelaten, een tabel die verdwijnt of gestructureerde data die alleen op desktop staat. Hoe indexeren verder werkt, lees je in je website laten indexeren door Google.

Responsive webdesign en SEO

Er zijn drie manieren om een site mobiel te maken:

Aanpak	Hoe het werkt	Voor SEO
Responsive design	Eén site en één URL, de opmaak past zich aan het scherm aan	De aanbevolen aanpak, het minst foutgevoelig
Dynamic serving	Eén URL, maar de server stuurt per apparaat andere code	Kan werken, maar meer kans op verschillen tussen versies
Aparte mobiele site	Een losse versie, vaak op m.jouwsite.nl	Verouderd, veel onderhoud en risico op dubbele content

Google raadt responsive design aan. Bijna alle moderne WordPress-thema’s, Shopify-thema’s en websitebouwers werken zo. Heb je nog een aparte m-site, dan is overstappen meestal de beste stap voor je SEO.

Hoe test je of je site mobielvriendelijk is?

Google had vroeger een losse test voor mobielvriendelijkheid en een rapport in Search Console. Die zijn eind 2023 verdwenen. Je test nu op deze manieren:

• PageSpeed Insights: vul je URL in en kijk naar het tabblad Mobiel. Je ziet laadsnelheid, Core Web Vitals en concrete verbeterpunten.
• Lighthouse in Chrome: klik met rechts op je pagina, kies Inspecteren en open het tabblad Lighthouse. Je krijgt scores voor prestaties, toegankelijkheid en SEO.
• Search Console: het rapport Core Web Vitals laat zien welke pagina’s op mobiel te traag zijn. Met URL-inspectie zie je hoe Google een pagina heeft opgehaald.
• Je eigen telefoon: open je site op een gewone, niet al te nieuwe telefoon op 4G. Probeer een formulier in te vullen en je menu te gebruiken.

Meer handige programma’s vind je in ons overzicht van gratis SEO-tools.

Checklist: zo maak je je mobiele website SEO-vriendelijk

1. Dezelfde inhoud op mobiel en desktop

Zorg dat teksten, koppen, afbeeldingen, interne links en gestructureerde data op beide versies hetzelfde zijn. Inklapbare blokken zoals accordeons zijn prima, zolang de tekst in de code staat.

2. Snelle laadtijd

Mobiele bezoekers zitten vaak op een tragere verbinding. De grootste winst zit meestal in:

• Afbeeldingen verkleinen en in een modern formaat zoals WebP opslaan. Zie afbeeldingen optimaliseren voor SEO.
• Minder plugins, scripts en externe lettertypen.
• Caching en een goed ingestelde server.

3. Goede Core Web Vitals

Core Web Vitals zijn drie meetwaarden waarmee Google de gebruikerservaring meet. De grenzen voor een goede score volgens Google:

• LCP (hoe snel het grootste element zichtbaar is): binnen 2,5 seconden.
• INP (hoe snel de pagina reageert op een tik of klik): binnen 200 milliseconden. Meer uitleg in INP als Core Web Vital.
• CLS (hoeveel de pagina verspringt tijdens het laden): onder 0,1.

4. Leesbare tekst

Gebruik een lettergrootte van minimaal zo’n 16 pixels, genoeg regelafstand en voldoende contrast. Niemand wil inzoomen om je openingstijden te lezen.

5. Knoppen en links die je met je duim raakt

Zet links en knoppen niet te dicht op elkaar en maak ze groot genoeg. Een bel-knop met je telefoonnummer bovenin werkt voor veel lokale bedrijven beter dan een contactformulier.

6. Geen opdringerige pop-ups

Een pop-up die direct je hele scherm bedekt, irriteert bezoekers en Google kijkt er ook kritisch naar. Wettelijk verplichte meldingen zoals een cookiebanner zijn geen probleem, zolang ze niet de hele pagina blokkeren.

7. Een correcte viewport

Met de viewport-tag in de code vertel je de browser dat de pagina zich moet aanpassen aan de schermbreedte. Elk modern thema doet dit al, maar bij oude of zelfgebouwde sites ontbreekt hij soms.

8. Een overzichtelijk menu en duidelijke koppen

Houd het mobiele menu kort en logisch. Gebruik heldere koppen, zodat mensen kunnen scannen. Hoe je koppen goed opbouwt, staat in H1, H2, H3 voor SEO.

9. Formulieren die werken op mobiel

Vraag zo min mogelijk velden, gebruik het juiste toetsenbord (cijfers voor een telefoonnummer) en test of de verzendknop zichtbaar blijft.

10. Niets blokkeren voor Google

Zorg dat CSS, JavaScript en afbeeldingen niet geblokkeerd worden in je robots.txt. Anders ziet Google je pagina niet zoals een bezoeker hem ziet.

Google zet de technische eisen op een rij in zijn richtlijnen voor mobile-first indexering.

Bestaat er een mobile SEO-platform?

Er is geen apart platform dat je mobiele SEO regelt. Wat je nodig hebt, is een goed CMS met een responsive thema, plus de testtools hierboven. Werk je met WordPress, dan doe je het meeste met een snel thema, een cacheplugin en een SEO-plugin. Zie ook WordPress SEO.

Praktijkvoorbeeld: een lunchroom in Utrecht

Een lunchroom heeft een mooie website met grote sfeerfoto’s. Op desktop ziet hij er goed uit, maar op een telefoon duurt het ruim vijf seconden voor er iets verschijnt. Het menu staat in een PDF die je moet downloaden en het telefoonnummer is niet aanklikbaar.

De eigenaar comprimeert de foto’s, zet het menu als gewone tekst op een pagina en voegt een bel-knop en een route-knop toe. PageSpeed Insights geeft daarna een veel betere mobiele score, en de menukaart kan nu ook gevonden worden op zoekopdrachten als “lunch met glutenvrije opties Utrecht”. Allemaal zonder nieuwe website.

Zelf doen of uitbesteden?

Veel punten op deze lijst kun je zelf oppakken: afbeeldingen verkleinen, pop-ups weghalen, je menu inkorten, je site testen op je eigen telefoon. Daar heb je geen technische kennis voor nodig.

Uitbesteden is verstandig als je Core Web Vitals in het rood staan en je niet weet waar het aan ligt, als je nog een aparte mobiele site hebt of als je thema zo zwaar is dat kleine aanpassingen weinig helpen. Dan zit het probleem vaak in de code of de server, en daar kun je met verkeerde ingrepen meer kapotmaken dan je oplost.

Mobiel als uitgangspunt

Bekijk je site voortaan eerst op je telefoon en pas daarna op je laptop. Zo zie je hem zoals Google en de meeste bezoekers. Wil je hulp bij het verbeteren van je vindbaarheid, mobiel en daarbuiten? Bekijk dan onze aanpak voor zoekmachine-optimalisatie.

Veelgestelde vragen