Sinds oktober 2026 is elke hPage-website automatisch mobielvriendelijk: alle designs hebben een mobiele lay-out en je hoeft niets in te stellen. De vroegere instelling Mobiel design bestaat niet meer.
Hoe de mobiele lay-out werkt
- Op smartphones en tablets wordt je website in één kolom getoond: header, menu en inhoud onder elkaar. Het menu wordt ingeklapt achter de menukop van je design en gaat open met een tik.
- De inhoud, kleuren en lettertypen zijn dezelfde als op de desktop. Je bewerkt je pagina's één keer; er is geen aparte mobiele inhoud om bij te houden.
- Afbeeldingen, video's en tabellen worden verkleind tot de breedte van het scherm. Brede tabellen met een vaste breedte scrollen horizontaal.
- De mobiele lay-out geldt voor touchscreens die smaller zijn dan je design en voor elk scherm dat smaller is dan 1024 pixels. Een laptop met een muis en een smaller browservenster houdt het desktopdesign.
Je website controleren op een smartphone
- Klik in de zijbalk op Website bezoeken om het adres van je website te zien, en open dit adres in de browser van je smartphone.
- Geen smartphone bij de hand? Open je website op de desktop en maak het browservenster smaller dan 1024 pixels. De weergave schakelt dan over op de mobiele lay-out.
- Toont je smartphone nog een oude versie, herlaad de pagina dan. Mobiele browsers bewaren pagina's een tijdje in hun cache.
Tips voor afbeeldingen
- Je hoeft afbeeldingen niet te verkleinen voor mobiele apparaten: ze worden automatisch geschaald en behouden hun verhoudingen.
- Houd bestanden klein, zodat pagina's ook via een mobiele verbinding snel laden. De beeldcompressie bij het uploaden van bestanden helpt daarbij.
- Zet geen belangrijke tekst in afbeeldingen: op een klein scherm is die slecht leesbaar. Schrijf de tekst liever als gewone tekst.
- Afbeeldingen die links of rechts naast de tekst zweven, worden op mobiel smaller getoond, zodat de tekst er nog naast past.
Tips voor teksten en tabellen
- Schrijf korte alinea's en gebruik tussenkoppen; lange tekstblokken zijn op een smartphone moeilijk te lezen.
- Vermijd vaste breedtes in je eigen HTML (bijvoorbeeld
width="800"); gebruik percentages of helemaal geen breedte. - Kies bij voorkeur tabellen met een breedte van 100 % of zonder breedte. Een tabel met een vaste breedte scrolt op mobiel horizontaal.
- Heel lange woorden en webadressen worden aan de rand van het scherm afgebroken; een spatie of een koppelteken geeft de browser een betere plek om af te breken.