Terug naar begrippenlijst
Back-to-top-knop
Een back-to-top-knop is een klein maar krachtig element op je website. Je ziet ’m vaak rechtsonder in beeld verschijnen zodra je een eind naar beneden hebt gescrold. Klik je erop, dan word je soepel terug naar de bovenkant van de pagina gebracht. Handig voor gebruikers, zeker op lange pagina’s of one-pagers waar scrollen anders eindeloos voelt.
Inhoudsopgave
Klein knopje, groot gemak
Back-to-top-knoppen zijn typisch van die functies die je pas mist als ze er niet zijn. Vooral op mobiele schermen (waar swipen de enige manier van navigeren is) kan zo’n knopje frustratie voorkomen. Geen gesleep meer naar boven, gewoon klikken en klaar.
Naast gebruiksgemak draagt het ook bij aan de algehele UX. Bezoekers blijven makkelijker navigeren, verlaten de pagina minder snel en hebben meer controle over hun route. En dat is precies wat je wilt: mensen die met plezier je content verkennen.
Niet voor elke pagina een goed idee
Een back-to-top-knop is niet op elke pagina nodig. Op korte pagina’s heeft het weinig nut en kan het zelfs rommelig aanvoelen. Maar bij lange contentpagina’s, uitgebreide blogs of webshops met veel producten is het een no-brainer. Daar helpt zo’n knop om bezoekers hun weg terug te laten vinden zonder gedoe.
Let op: zet ‘m alleen in waar het echt helpt. Je hoeft niet overal een pijltje te laten zweven. Houd het functioneel, niet decoratief.
Zo maak je ‘m onmisbaar
Een goede back-to-top-knop valt pas op als je hem nodig hebt. Laat hem pas verschijnen zodra iemand een flink stuk naar beneden heeft gescrold. Houd het ontwerp simpel en herkenbaar, een pijltje omhoog doet al genoeg. Geef hem voldoende contrast, maar laat ‘m niet schreeuwen. Denk aan toegankelijkheid: zorg dat ook toetsenbordgebruikers en screenreaders ermee uit de voeten kunnen.
Met andere woorden: subtiel aanwezig, altijd behulpzaam. Dat maakt een back-to-top-knop tot een kleine UX-held.
Veelgestelde vragen
Hij laat je met één klik automatisch terugscrollen naar de bovenkant van een pagina.
Nee, maar op lange pagina’s of mobile-first websites is het vaak wel een waardevolle toevoeging.
Meestal rechtsonder in beeld. Hij verschijnt pas na een bepaald scrollpunt en blijft dan ‘zweven’ op de pagina.
Niet direct, maar hij verbetert wel de gebruikservaring, en dat kan indirect bijdragen aan betere prestaties in zoekmachines.
Stan Classens Front-end developer
Gerelateerde begrippen
- 404-pagina
- Barter
- Bedrijfswebsite
- Breadcrumbs
- Call-to-action
- Gamification
- Golden Circle
- Hamburger menu
- HTTP
- ISO
- Laadtijd
- Linkstructuur
- M-commerce
- Product Detail Page
- Product Landing Page
- Search Engine Optimization
- Service-Level Objective
- SSL-certificaat
- Subdomein
- URL
- Webmaster
- WHOIS
- YAML
- Zoekwoordenonderzoek
