Nieuwe mobile only ranking van Google

Vanaf 5 juli worden websites die niet werken op mobiele versies uitgesloten van de zoekresultaten. Daarnaast zien we bij Multiply steeds vaker dat de mobiele Google bot dubbel zo veel werk doet als de desktop versie. Zorg er daarom voor dat jouw website ook op mobiel net zo goed werkt als op desktop. In deze blog gaan we dieper in op de nieuwe mobile only werkwijze van Google. 

Wat is er gebeurd met de mobile first ranking?

Google maakte altijd voornamelijk gebruik van de mobiele versie van een website voor indexering en ranking. Dit staat bekend als mobile first indexing. Hoewel het niet verplicht was om een mobiele versie te hebben, werd het sterk aanbevolen. Deze manier van ranken was natuurlijk prima, tot Google er ineens achter kwam dat 60% van alle internet gebruikers surfen via smartphone of tablet. Even ter vergelijking, in 2014 was dit aandeel nog 30%. 

Omdat Google gebruikservaring voorop zet is het nu zo dat een mobiel vriendelijke website verplicht is om gerankt te worden, ook wel ''mobile only ranking''. Belangrijk is wel, als jouw website op mobiel goed staat, dán wordt de werking van de website op desktop ook meegenomen. Het blijft dus belangrijk om ook aan je desktop versie te werken, maar de mobiele versie heeft de grootste impact. 

Hoe ben je er zeker van dat jouw website mobiel-klaar is?

Als eerste moeten website eigenaren de mobiele versie van jouw website optimaliseren. Om te weten wat werkt kan je verschillende handige tools gebruiken om dit te checken; 

• Lighthouse: Een zeer bekende tool van Google zelf. Het biedt een duidelijke analyse van de snelheid op mobiel. Hierbij wordt bijvoorbeeld laadtijd, SEO prestaties en Core Web Vitals meegenomen. 
• Google Search Console: Search Console heeft onlangs de mobile friendly test weliswaar verwijderd maar toch blijft deze tool waardevol. Via Console zie je de snelheid van je mobiele website en je bekijkt de ranking van zoekwoorden voor mobiele gebruikers. 
• Mobile friendly checkers: Op internet zijn er een hele hoop sites die jou helpen met het optimaliseren van de mobiele ervaring van jouw website. Voorbeelden hiervan zijn: Semrush, SmartBear en Experte. Gebruik deze tools - als je dat nodig vindt - om de werking van jouw website op mobiel te checken. 

Bij Multiply helpen we graag aan een mobiel vriendelijke website te bouwen. Hiervoor hebben wij een check-list met allemaal waardevolle punten voor een mobiel-vriendelijke website. Om je alvast een voorproefje te geven sommen we er hier een paar op. 

Makkelijk navigeerbaar; zorg ervoor dat klanten op jouw website makkelijk kunnen navigeren. Hiervoor kun je bijvoorbeeld zelf een aankoop doen op de site om te kijken hoe makkelijk jij dit vindt. Deze ervaring kun je vervolgens weer verwerken in concrete actiepunten om jouw site te verbeteren. Hoe verbeter je de navigeermogelijkheden?

1. Hamburgermenu: Dit zijn drie streepjes boven elkaar wat universeel staat voor; '' klik hier om het menu te openen '' .
2. Makkelijk klikbare knoppen: zorg ervoor dat de knoppen op de mobiele weergave duidelijk zichtbaar zijn, bijvoorbeeld in een andere kleur dan datgene wat er omheen staat. Daarnaast is een telefoon vaak kleiner dan een computer (logischerwijs) dus is het belangrijk om de knop groot genoeg te maken. 
3. Breadcrumbs: Misschien het moeilijkste begrip, maar wel erg belangrijk. Breadcrumbs laten klanten zien welk 'pad' ze hebben afgelegd om op een bepaalde pagina te komen. Om makkelijk heen en weer te navigeren moeten deze breadcrumbs klikbaar zijn om ook snel weer terug te navigeren.  

Goede leesbaarheid; met een kleiner scherm, kleinere teksten en minder duidelijke contrasten is het belangrijk om bewust te zijn van de gevaren van slechte leesbaarheid. Zo worden teksten op een telefoon al snel veel langer omdat het scherm smaller is. Hoe zorg je voor goede leesbaarheid

1. Regelafstand: Zorg voor voldoende afstanden tussen teksten. Op deze manier kunnen mensen geen informatie door elkaar halen als ze op jouw website aan het surfen zijn. 
2. Contrast: De schermhelderheid van ieder individu is anders. Zorg er dus voor dat hoe fel het scherm ook staat er voldoende contrast op jouw site is tussen bijvoorbeeld achtergrond en tekst.
3. Lettergrootte en lettertype: Gebruik een lettertype en lettergrootte die goed te lezen is. Ook hierbij, kies een tekst kleur die duidelijk anders is dat de achtergrond.
4. Denk aan het kleine scherm: Je website moet ook op een klein scherm leesbaar zijn. Denk hierbij aan het eerder tonen van producten op categoriepagina's, of een kortere tekst voor productpagina's. Je ziet de mobiele versie van je website op je mobiel, of via je desktop. Gebruik je toch een desktop, ga dan naar je website en gebruik de sneltoetsen Ctrl+shift+i en vervolgens Ctrl+shift+m.

Responsive webdesign; wederom een moeilijk begrip. Maar het is niks meer dan een real-time bijwerking van de website als jouw klant erop zit. Het is belangrijk dat klanten op een Samsung S21 dezelfde ervaring hebben als mensen met een iPhone 15. Met andere woorden biedt dezelfde HTML op dezelfde URL, maar past de weergave aan op basis van het schermformaat. Dit wordt aanbevolen vanwege de eenvoud. Hoe richt je dit het best in?

1. Vermijd vaststaande elementen: zorg ervoor dat alle elementen soepel meebewegen met elke breedte van het scherm. 
2. Test de website op verschillende apparaten: zorg ervoor dat de website op verschillende apparaten goed en soepel loopt.

Mocht je nu meteen willen weten hoe jouw website op mobiel eruit ziet, dat kan je gewoon via je computer simuleren. Dat kan als je de toets F12 gebruikt, op deze manier kan je op je desktop kijken hoe de website er op een smartphone uit ziet. Vervolgens kan je ook de verhoudingen van verschillende modellen gebruiken om al bovenstaande tips af te vinken. 

Conclusie

Het is dus belangrijk om jouw website mobiel-ready te maken, anders wordt de website niet meer gerankt en zal je conversies en interactie mislopen. Bij Multiply helpen we je heel graag hiermee, mocht je vragen hebben of geïnteresseerd zijn, neem dan contact met ons op!