Mobile-first indexing: wat het is en hoe u uw website voorbereidt

Mobile-first indexing is de manier waarop Google websites crawlt en indexeert: primair op basis van de mobiele versie van uw website, ook als de meeste bezoekers via een desktop surfen. Een website die op mobiel slecht functioneert, wordt door Google beoordeeld op die slechte mobiele versie, ongeacht hoe goed de desktopversie eruitziet.

Google kondigde mobile-first indexing aan in 2016 en implementeerde het geleidelijk voor alle websites over de daaropvolgende jaren. De reden was simpel: het merendeel van de zoekopdrachten op Google vindt plaats via mobiele apparaten. Het was logischer om de kwaliteitsbeoordeling van websites te baseren op de versie die de meeste gebruikers zien.

Vanaf 2021 past Google mobile-first indexing toe op alle websites, inclusief websites die nog geen aparte mobiele versie hebben. Voor die websites crawlt Google de desktopversie maar beoordeelt die met de beperkingen van een mobiele browser in gedachten. Websites met een responsive design, waarbij één versie automatisch aanpast aan het schermformaat, zijn voor mobile-first indexing beter voorbereid dan websites met een aparte mobiele versie of websites zonder enige mobiele optimalisatie.

Mobile-first indexing heeft directe gevolgen voor hoe Google uw website beoordeelt op content, structuur en snelheid.

Wanneer mobiel en desktop dezelfde inhoud tonen

Voor websites met een responsive design, waarbij de mobiele en desktopversie dezelfde HTML-inhoud tonen maar met een aangepaste lay-out, is mobile-first indexing doorgaans geen probleem. Google crawlt de pagina en ziet dezelfde inhoud als de desktopbezoeker, alleen weergegeven op een kleiner scherm.

Controleer wel of alle inhoud die zichtbaar is op desktop ook zichtbaar is op mobiel. Sommige thema's of pagebuilders verbergen content op mobiel via CSS, zoals secties die alleen op desktop worden getoond. Google indexeert verborgen content minder goed dan zichtbare content, ook als die via CSS is verborgen in plaats van via JavaScript.

Wanneer uw mobiele versie afwijkt van uw desktopversie

Websites met een aparte mobiele versie op een m.-subdomein (m.uwwebsite.nl) of via dynamisch serveren, waarbij dezelfde URL verschillende HTML serveert afhankelijk van het apparaat, zijn gevoeliger voor mobile-first problemen. Als de mobiele versie minder content bevat dan de desktopversie, indexeert Google alleen de beperktere mobiele inhoud.

Zorg bij aparte mobiele versies dat alle inhoud, navigatie, afbeeldingen en structured data die op de desktopversie staat ook aanwezig is op de mobiele versie. Ontbrekende inhoud op mobiel wordt door Google niet geïndexeerd, ook als die wel beschikbaar is op desktop.

Mobile-first gereedheid controleren vereist een beoordeling van zowel de technische als de inhoudelijke kant van uw mobiele website.

• Test uw website via Google PageSpeed Insights op mobiel. De tool geeft een score voor de mobiele versie en concrete aanbevelingen voor verbetering. Een score onder vijftig op mobiel verdient directe aandacht.
• Gebruik het URL-inspectiegereedschap in Google Search Console en klik op "Testen als Google". De tool toont een screenshot van hoe Googlebot uw pagina ziet op mobiel. Controleer of alle inhoud correct wordt weergegeven.
• Bekijk uw website op een fysiek mobiel apparaat of via de ontwikkelaarsmodus in Chrome (rechtermuisknop, Inspecteren, apparaatwisselaar). Controleer of tekst leesbaar is zonder in te zoomen, knoppen groot genoeg zijn om op te tikken en de navigatie correct werkt op een klein scherm.
• Controleer in Google Search Console het rapport Mobiele bruikbaarheid onder Ervaring. Dat rapport toont pagina's met specifieke mobiele problemen zoals te kleine lettertypen, te smalle klikbare elementen of content die breder is dan het scherm.

De meest voorkomende mobile-first problemen bij MKB-websites zijn doorgaans te herleiden tot een beperkt aantal oorzaken die elk een concrete oplossing hebben.

• Te kleine lettertypen. Google Search Console rapporteert dit als een mobiele bruikbaarheidsfout als de tekst op mobiel kleiner is dan twaalf pixels. Pas de minimale lettergrootte in uw thema-instellingen aan naar zestien pixels voor lopende tekst.
• Klikbare elementen te dicht bij elkaar. Knoppen en links die op mobiel te dicht op elkaar staan, zijn moeilijk te bedienen op een aanraakscherm. Google hanteert een minimale afstand van acht pixels tussen klikbare elementen. Vergroot de padding rond knoppen en links.
• Content breder dan het scherm. Als afbeeldingen, tabellen of andere elementen breder zijn dan het mobiele scherm, moet de gebruiker horizontaal scrollen. Stel afbeeldingen in op max-width: 100% en gebruik responsive tabel-plugins voor dataweergave op mobiel.
• Viewport niet ingesteld. Zonder de viewport-metatag past de browser de pagina niet aan op het schermformaat van het mobiele apparaat. Voeg via uw thema of via de header-instellingen de tag toe: meta name="viewport" content="width=device-width, initial-scale=1".
• Verborgen inhoud op mobiel die op desktop wel zichtbaar is. Controleer via de ontwikkelaarsmodus in Chrome of alle inhoud die voor SEO relevant is ook zichtbaar is op mobiel.

Mobile-first indexing en paginasnelheid op mobiel zijn nauw verbonden. Google beoordeelt de Core Web Vitals van uw website primair op basis van de mobiele versie. Een website die op desktop snel laadt maar op mobiel traag is door niet-geoptimaliseerde afbeeldingen of zware scripts, heeft een slechte mobiele Core Web Vitals-score die doorwerkt op de rankings.

De meeste paginasnelheidsverbeteringen die de desktopversie versnellen, versnellen ook de mobiele versie. Afbeeldingen comprimeren naar WebP, caching instellen en overbodige scripts verwijderen zijn stappen die op beide versies effect hebben. Specifiek voor mobiel is het gebruik van lazy loading voor afbeeldingen buiten het zichtbare schermgebied bijzonder effectief, omdat mobiele bezoekers doorgaans een langzamere internetverbinding hebben dan desktopgebruikers.

Meer over paginasnelheidsverbeteringen en hun effect op de Core Web Vitals-score leest u in het artikel over paginasnelheid verbeteren.

Voor nieuwe websites die worden gebouwd na 2021 is mobile-first indexing de standaard uitgangssituatie. Google crawlt elke nieuwe website direct op basis van de mobiele versie. Dat maakt het bij de bouw van een nieuwe website essentieel om mobiele bruikbaarheid als uitgangspunt te nemen in plaats van als nagedachte.

Alle moderne WordPress-thema's zijn responsive en passen de lay-out automatisch aan op het schermformaat. De keuze voor een responsive thema is de meest fundamentele stap voor mobile-first gereedheid. Aanvullend geldt dat het testen van elke nieuwe pagina op een mobiel apparaat voordat die live gaat een eenvoudige maar effectieve manier is om mobile-first problemen te voorkomen voordat ze in Google Search Console als fouten verschijnen.

De volledige technische SEO-aanpak voor uw website, waarvan mobile-first gereedheid één onderdeel is, leest u in de complete gids over technische SEO voor ondernemers. Hoe alle technische factoren samen worden beoordeeld in een SEO-audit leest u in het artikel over SEO-audit uitgelegd.