Als je site niet goed schaalt op smartphones en tablets, loop je bezoekers mis. In deze video ontdek je 4 belangrijke aanpassingen die je moet doen om je website perfect te laten werken op smartphones en tablets.
Waarom mobielvriendelijk zo belangrijk is
- Meer dan 60% van het webverkeer komt van mobiele apparaten. (Bron)
- Een slechte mobiele ervaring zorgt dat bezoekers sneller vertrekken en dus gemiste kansen.
- Google geeft voorrang aan mobielvriendelijke websites in de zoekresultaten.
Begrijp het watervaleffect (cascading effect)
Wanneer je een instelling wijzigt in de desktopweergave, wordt deze automatisch doorgevoerd naar tablet en mobiel. Dit is het watervaleffect. Je hoeft instellingen dus niet dubbel in te stellen, tenzij je een andere weergave wilt voor kleinere schermen.
- Check eerst hoe je site er standaard uitziet op mobiel.
- Pas alleen de instellingen aan als iets niet goed schaalt.
Lettergrootte correct instellen
- Pas de globale lettergrootte aan in de Kadence-instellingen voor consistente weergave. Onthoud dat Kadence een “Clamp” functie heeft, wat ervoor zorgt dat de lettergrootte van je teksten automatisch schaalt op kleinere schermen.
- Specifieke lettergroottes per pagina pas je aan in de WordPress editor (enkel als dat nodig is).
- Zorg dat tekst op mobiel niet te klein of te groot wordt weergegeven.
- Bekijk ook je knoppen, zodat de ruimte om te tikken met de vingers niet te klein is.
Je header en footer aanpassen
- Gebruik de mobiele instellingen van Kadence om je header en footer aan te passen.
Hierover vind je meer in de video’s over het aanpassen van je header en het aanpassen van je footer.
Controleer marges en padding op elke pagina
- Controleer de marges en padding om te voorkomen dat elementen te dicht op elkaar staan of juist te veel ruimte innemen
Uitlijning en het juiste tekstblok gebruiken
- Zorg voor een correcte uitlijning van tekst en afbeeldingen op mobiel
- Gebruik Kadence geavanceerd tekstblok in plaats van het standaard WordPress-paragraafblok voor betere controle over de mobiele styling
Test altijd op een echt mobiel apparaat!
Een preview in de editor geeft een goed beeld, maar de echte test doe je op je eigen telefoon. Open je site, klik door de pagina’s en check of alles er goed uitziet en prettig werkt.
