Inmiddels bezit zo’n 93% van de Nederlanders een smartphone en bijna 90% gebruikt de smartphone regelmatig om op het web te surfen. Logisch natuurlijk dat Google sinds enkele jaren vooral richt op een mobile first index. Google geeft websites die geoptimaliseerd zijn voor mobiel gebruik voorrang in de zoekresultaten.
Wat is een mobiel vriendelijke website?
Kort door de bocht is dat een website die prettig werkt op mobiele apparaten, maar waar moet je nou precies op letten? We geven je een aantal tips.
- Zorg dat de pagina te lezen is zonder dat gebruikers in of uit hoeven te zoomen. Men moet dus direct de tekst kunnen lezen.
- Houd rekening met dat een vinger een stuk groter is dan normaal de muis op de computer. Alle aanraak doelen (buttons, links, menu items) moeten eigenlijk zo’n 48×48 pixels zijn. Dat is zo’n 9mm wat gelijk staat aan een gemiddelde vinger. Zo maak je het makkelijk voor de gebruikers om ergens op te drukken.
- Zorg voor een bruikbaar mobiel menu waar men alle pagina’s op een overzichtelijke manier kunnen bereiken.
- De pagina moet zich aanpassen aan de breedte van het scherm: mobiel, tablet of PC. De pagina zou mee moeten schalen zodat elke pagina op de website in de breedte past op het betreffende scherm, zodat horizontaal scrollen wordt voorkomen.
- Zorg dat de website snel laad op mobiel. Niet te veel toeters en bellen zoals video’s en grote afbeeldingen. Laat video’s in ieder geval niet gelijk afspelen & optimaliseer afbeeldingen voor mobiel. Mobiele gebruikers gebruiken regelmatig hun mobiele apparaat onderweg, waar in sommige gevallen de snelheid van de verbinding al te wensen overlaat. Maar vooral ook de databundel van de bezoeker (onnodig) verstookt wordt. Op mobiel is hoge snelheid nog belangrijker dan op een gemiddelde desktop: Mobiele gebruikers zijn meer gehaast en haken sneller af.
- Bekijk je formulieren kritisch: zijn alle velden echt nodig? En kun je sommige velden (locatie?) misschien automatisch laten invullen om het mensen makkelijker te maken.
- Zorg voor een goede lettergrootte: 16px wordt geadviseerd om het goed leesbaar te houden ook op een afstandje van het mobiele apparaat.
- Google adviseert responsive websites in plaats van een hele aparte mobiele website met een aparte URL.
Tools om je website te controleren
Uiteraard heeft Google zelf een handige tool waarmee je gemakkelijk kunt testen of je website mobiel vriendelijk genoeg is: https://search.google.com/test/mobile-friendly.
Wanneer de website nog niet geschikt is voor mobiele apparaten zal je zoiets krijgen:
Zo kun je makkelijk zien waar je website nog verbeteringen behoeft!
Google Search Console
In Google Search Console kun je ook gemakkelijk zien welke pagina’s verbeteringen behoeven onder ‘Zoekverkeer -> Mobiele bruikbaarheid’.
Daar krijg je per pagina advies over welke verbeterpunten er zijn en hoe je die kunt aanpakken.
Snelheid controleren
De snelheid is ook belangrijk om te testen. Je kunt dat doen bijvoorbeeld via: https://testmysite.withgoogle.com/intl/nl-nl. Google simuleert dan een mobiele internetverbinding om te kijken hoe snel de website daarop zou laden.
Je kunt na de test je e-mailadres invullen om een volledig rapport te krijgen die er zo uit kan zien:
Ook kun je de tool Google PageSpeed Insights gebruiken om te zien waar je website nog verbeterd kan worden qua snelheid. De snelheid verbeteren is vaak wel een behoorlijk technisch klusje en zal je meestal je webbouwer bij nodig hebben. Door het gebruik van deze tools kun je in ieder geval wel zelf een idee krijgen hoe het er voor staat, en doorgeven aan de webbouwer waar ze nog aan moeten werken!