Mobile-First SEO voor Ecommerce

Mobile-first indexering betekent dat Google voornamelijk de mobiele versie van je content gebruikt voor indexering en ranking. Deze overgang werd voltooid in 2023, en er is geen opt-out. Als je mobiele pagina's minder content hebben dan desktop, ziet Google alleen de mobiele versie. Als je mobiele site productomschrijvingen verbergt achter tabbladen die klikken vereisen om te openen, indexeert Google die content mogelijk helemaal niet.

De praktische impact is aanzienlijk. Veel ecommerce-sites werden eerst gebouwd voor desktop en later aangepast voor mobiel via responsive design of een aparte mobiele site. Tijdens die aanpassing werd content vaak ingekort, productomschrijvingen verkort en interne links verwijderd om op kleinere schermen te passen. Al die beslissingen beïnvloeden nu direct hoe Google die pagina's beoordeelt.

Controleer je mobiele indexeringsstatus in Google Search Console onder Instellingen > Indexeringscrawler. Er zou "Googlebot Smartphone" moeten staan als primaire crawler. Als je pagina's vindt waar de mobiele en desktopversies substantieel verschillen in content, repareer dan eerst de mobiele versie. Dat is waar Google om geeft.

Responsive design levert dezelfde HTML aan alle apparaten en gebruikt CSS media queries om de layout aan te passen. Een aparte mobiele site (m.example.com) levert volledig andere HTML. Voor ecommerce SEO is responsive design de duidelijke winnaar en de aanpak die Google aanbeveelt.

Aparte mobiele sites creëren canonicalisatieproblemen. Je hebt rel="alternate"- en rel="canonical"-tags nodig die verwijzen tussen desktop- en mobiele versies, en elke mismatch veroorzaakt indexeringsproblemen. We hebben winkels geaudit waar 30 % van de mobiele pagina's gebroken canonieke verwijzingen had, resulterend in dubbele contentproblemen en verspild crawlbudget.

Responsive design behoudt één URL per pagina, wat alle linkautoriteit consolideert en je sitemap, canonieke tags en hreflang-implementatie vereenvoudigt. Elke inkomende link wijst naar één URL in plaats van te splitsen tussen desktop- en mobiele versies.

Als je nog een aparte mobiele site draait, plan dan een migratie naar responsive design. De migratie vereist zorgvuldige redirect-mapping (301-redirects van elke m.example.com-URL naar het responsive equivalent) en duurt doorgaans drie tot zes maanden zonder significant verkeersverlies. De SEO-voordelen op lange termijn wegen consequent op tegen de migratiekosten op korte termijn.

Mobiele gebruikers zijn minder geduldig dan desktopgebruikers en hebben doorgaans langzamere verbindingen. Een pagina die in 3 seconden laadt op desktop-WiFi kan 6 seconden duren op een 4G-mobiele verbinding. Het onderzoek van Google toont dat 53 % van de mobiele bezoekers een site verlaat die langer dan 3 seconden nodig heeft om te laden.

Voor ecommerce is de omzetimpact meetbaar. We hebben een moderetailer gevolgd voor en na mobiele snelheidsoptimalisatie. Het verminderen van de mobiele laadtijd van 5,2 seconden naar 2,1 seconden verhoogde het mobiele conversiepercentage met 27 % en de mobiele omzet met 34 % over 90 dagen. De snelheidsverbeteringen kostten minder dan één week van hun betaalde advertentiebudget.

Geef prioriteit aan deze mobielspecifieke optimalisaties: comprimeer hero-afbeeldingen tot onder 100 KB, stel alle niet-kritische JavaScript uit tot na de eerste paint, verminder de DOM-grootte tot onder 1.500 elementen op productpagina's, en elimineer render-blokkerend CSS. Test elke wijziging specifiek op beperkte mobiele verbindingen, niet alleen op desktop-WiFi.

Gebruik Chrome DevTools apparaatemulatie met netwerkbeperking ingesteld op "Fast 3G" als je basistest. Als je productpagina's laden en interactief worden binnen 3 seconden op Fast 3G, zullen ze goed presteren voor de overgrote meerderheid van mobiele gebruikers.

Google evalueert mobiele bruikbaarheid als onderdeel van zijn pagina-ervaringssignalen. Pagina's die niet slagen voor mobiele bruikbaarheidscontroles ontvangen lagere rankings. De meest voorkomende fouten op ecommerce-sites zijn tiktargets die te dicht bij elkaar liggen, tekst die te klein is om te lezen zonder te zoomen en content die breder is dan het scherm.

Tiktargets (knoppen, links, formuliervelden) moeten minimaal 48x48 CSS pixels zijn met 8 pixels tussenruimte. Op productpagina's betekent dit dat je "Toevoegen aan winkelwagen"-knop, maatselectoren en kleurstalen allemaal voldoende tussenruimte nodig hebben. Dichte productrasters met kleine tiktargets frustreren mobiele gebruikers en activeren Google's mobiele bruikbaarheidswaarschuwingen.

Lettergroottes onder 16px op mobiel dwingen gebruikers om te knijpzoomen, wat Google markeert als een bruikbaarheidsprobleem. Stel je basislettergrootte in op minimaal 16px en schaal koppen proportioneel. Productomschrijvingen, prijzen en reviews moeten allemaal leesbaar zijn zonder enige gebruikersinterventie.

Vermijd horizontaal scrollen volledig. Als een element zich uitstrekt voorbij de breedte van het mobiele viewport, markeert Google de pagina als niet geslaagd voor mobiele bruikbaarheid. Veelvoorkomende overtreders zijn brede productvergelijkingstabellen, te grote afbeeldingen zonder max-width-beperkingen en desktop-brede iframes voor video-embeds of maatgidsen.

Mobiele navigatiestructuren verschillen vaak drastisch van desktop, en deze verschillen beïnvloeden SEO. Desktop mega-menu's kunnen 200 categorielinks tonen bij één hover, terwijl mobiele hamburgermenu's diezelfde links verbergen achter twee of drie tikken. Omdat Google de mobiele versie indexeert, kunnen links die verborgen zijn in ingeklapte mobiele menu's minder crawlprioriteit ontvangen.

Zorg ervoor dat je mobiele navigatie alle dezelfde categorie- en subcategorielinks bevat als je desktopnavigatie. De links hoeven niet standaard zichtbaar te zijn (hamburgermenu's zijn prima), maar ze moeten aanwezig zijn in de HTML. Google kan links volgen binnen ingeklapte menu's zolang de HTML ze bevat.

Mobiele productpagina's verwijderen vaak cross-selling- en gerelateerde productsecties om ruimte te besparen. Dit verwijdert waardevolle interne links die Google helpen om die gerelateerde producten te ontdekken en te ranken. In plaats van deze secties te verwijderen, maak ze horizontaal scrollbare carrousels of inklapbare secties die de links in de HTML behouden terwijl ze verticale ruimte besparen.

Breadcrumbs op mobiel worden vaak verborgen of vereenvoudigd. Behoud volledige breadcrumb-paden op mobiel, zelfs als ze over twee regels lopen. Elke breadcrumb-link is een interne link naar een categoriepagina, en het verwijderen ervan verzwakt je interne linkstructuur in de versie die Google daadwerkelijk indexeert.