Mobile-first indexing betekent dat zoekmachines je site beoordelen op je mobiele versie, niet op desktop. Meer dan de helft van alle zoekopdrachten gebeurt op telefoons. Je mobiele site is nu je hoofdsite. Desktop is secundair. Ziet je site er op mobiel slecht uit of laadt hij traag op telefoons, dan verlies je posities en verkeer. Leer hoe je mobiel optimaliseert, zodat je scoort op de apparaten waarop de meeste mensen zoeken.
Het meeste verkeer komt van mobiele apparaten. Zoekmachines weten dat. Ze geven voorrang aan de mobiele ervaring boven desktop. Een site die op desktop prima werkt maar op mobiel slecht, verliest posities en verkeer.
Mobiel optimaliseren is niet een mobiel menu toevoegen. Het is elk onderdeel ontwerpen voor hoe mensen telefoons echt gebruiken. Kleine schermen. Aanraken met je vinger. Trage verbindingen. Optimaliseer voor die werkelijkheid en je wint in mobiele zoekresultaten.
Bij mobile-first indexing is mobiel je hoofdsite
Zoekmachines crawlen eerst je mobiele site. Ze indexeren je mobiele site als hoofdversie. Je desktopsite is secundair. Deze verandering vond jaren geleden plaats, maar veel sites behandelen mobiel nog steeds als bijzaak.
Heeft je mobiele versie minder content dan desktop, dan indexeren zoekmachines minder content. Laadt je mobiele versie trager, dan zien zoekmachines een tragere site. Is je mobiele navigatie kapot, dan zien zoekmachines een kapotte site. Je mobiele ervaring bepaalt je posities op alle apparaten.
Responsive design past zich aan elk schermformaat aan
Je site hoort zich automatisch aan te passen aan desktop-, tablet- en telefoonschermen. Responsive design gebruikt flexibele lay-outs die krimpen en groeien met het schermformaat. Content blijft leesbaar. Afbeeldingen schalen goed mee. Navigatie werkt op alle apparaten.
Test je site op meerdere apparaten. Ziet hij er goed uit op een telefoonscherm van 320 pixels? Werkt hij op een tablet van 10 inch? Werkt hij op een monitor van 27 inch? Responsive design vangt dat allemaal op zonder te breken.
Mobiele gebruikers gedragen zich anders dan desktopgebruikers
Mobiele gebruikers zoeken anders. Ze gebruiken "in de buurt"-zoekopdrachten. Ze zoeken met kortere zoektermen. Ze willen snelle antwoorden. Ze verwachten direct resultaat. Ze hebben weinig geduld met trage pagina's.
Desktopgebruikers zoeken uit. Mobiele gebruikers hebben het nu nodig. Optimaliseer voor mobiel gedrag. Maak je site snel. Maak je belangrijkste informatie meteen zichtbaar. Maak knoppen en links makkelijk aan te tikken. Maak formulieren kort. Mobiele gebruikers haken binnen seconden af bij trage, ingewikkelde sites.
Zorg dat tikdoelen groot genoeg zijn
Mensen tikken met hun vingers, niet met een muiscursor. Knoppen moeten minstens 48 pixels breed en 48 pixels hoog zijn. Links hebben ruimte eromheen nodig, zodat een misser toch de juiste link raakt. Zet elementen niet te dicht op elkaar.
Test je site op een echte telefoon. Tik op knoppen. Kun je ze aantikken zonder de verkeerde te raken? Is het voor jou lastig, dan is het onmogelijk voor mensen met grotere vingers of ouder zicht. Maak alles goed aantikbaar.
Houd de paginagrootte klein voor mobiele netwerken
Mobiele verbindingen zijn trager dan breedband. Elke kilobyte telt. Comprimeer afbeeldingen. Haal onnodige code weg. Laad afbeeldingen onder de vouw pas later (lazy loading). Stel niet-kritieke JavaScript uit.
Een pagina van 5 MB die op mobiel 10 seconden laadt, is te veel. Mobiele gebruikers verwachten content binnen 2 tot 3 seconden te zien. Optimaliseer bestandsgroottes consequent.
Test op echte mobiele apparaten en netwerken
Emulators in je browser zijn handig maar onvolledig. Test op echte telefoons. Test op trage netwerken. Beperk je verbinding tot 4G. Kijk hoe je site echt presteert voor echte gebruikers.
Lighthouse en PageSpeed Insights helpen. Maar ze meten onder laboratoriumomstandigheden. Echte gebruikers op echte netwerken hebben een andere ervaring. Test allebei.
Veelgestelde vragen
Beïnvloedt mobiel optimaliseren mijn desktoppositie?
Ja. Zoekmachines gebruiken je mobiele site als hoofdversie om zowel mobiele als desktopresultaten te rangschikken. Is de ervaring op je mobiele site slecht, dan lijden zowel je mobiele als je desktoppositie eronder. Mobiel optimaliseren helpt beide versies. Met de websitebouwer van WEMASY stel je dit direct op je eigen website in.
Op welk mobiel schermformaat moet ik optimaliseren?
Ontwerp voor minimaal 320 pixels breed, zodat je oudere telefoons en kleine schermen ondersteunt. De meeste moderne telefoons zijn 375 tot 480 pixels breed. Tablets zijn 768 pixels of breder. Optimaliseer eerst voor mobiel op 320 px en schaal dan op naar grotere schermen. Met die mobile-first aanpak werkt je site overal.
Moet ik een aparte mobiele site hebben of responsive design gebruiken?
Gebruik responsive design. Aparte mobiele sites zijn verouderd en geven onderhoudsgedoe. Responsive design toont dezelfde content op alle apparaten, past de lay-out automatisch aan en is makkelijker te onderhouden. Zoekmachines geven de voorkeur aan responsive design.
Hoe test ik mobiele optimalisatie?
Gebruik de Mobile-Friendly Test van Google om de basis van mobiele geschiktheid te controleren. Gebruik PageSpeed Insights om de mobiele prestaties te meten. Test op echte apparaten met echte mobiele netwerken. Beperk je browser tot 4G-snelheid. Gebruik echte telefoons van verschillende merken en leeftijden. Laboratoriumtests zijn nuttig, maar echt testen telt het zwaarst.
Hoe groot moeten knoppen zijn op mobiel?
Knoppen moeten minstens 48x48 pixels zijn om makkelijk aan te tikken. De ruimte rondom knoppen telt ook. Zet ze ver genoeg uit elkaar, zodat gebruikers niet per ongeluk op de verkeerde knop tikken. Voelt je interface krap op een telefoon, dan zijn de knoppen te klein.
Heb ik een mobiele app nodig voor SEO?
Nee. Een mobiel geoptimaliseerde website scoort beter dan een app in zoekmachines. Zoekmachines kunnen apps niet crawlen. Websites wel. Wil je zoekverkeer op mobiel, optimaliseer dan je website. Apps dienen andere doelen, maar helpen niet voor SEO.