Een ankerlink, ook wel een jumplink genoemd, is een link die direct naar een specifieke sectie binnen een pagina springt. Dit is handig voor lange pagina’s of als je bezoekers snel naar belangrijke informatie wilt laten navigeren.
Wat is een ankerlink?
Een ankerlink is een link die niet naar een andere pagina verwijst, maar naar een specifieke sectie binnen dezelfde pagina of een andere pagina. Dit gebeurt door een uniek ID aan een element toe te voegen en hier vervolgens naar te verwijzen via een link.
Anker toevoegen aan je sectie
Om een sectie op je pagina als anker te markeren, volg je deze stappen:
- Open de WordPress-editor en klik op de sectie (of blok) waar je naar wilt linken.
- In de rechterzijbalk, onder de sectie “Geavanceerd”, zie je een veld voor HTML anker.
- Geef deze sectie een unieke naam, bijvoorbeeld
contactformulier. - Sla de wijzigingen op.
Ankerlink toevoegen aan een knop (op dezelfde pagina)
Wil je een knop of link maken die naar dit anker springt? Doe dan het volgende:
- Selecteer de knop of tekstlink die je wilt gebruiken.
- Voeg als link de anker-ID toe, voorafgegaan door een
#. Bijvoorbeeld:#contactformulier. - Sla de wijzigingen op.
- Wanneer een gebruiker op de link klikt, wordt hij direct naar de sectie met het anker geleid.
Ankerlink toevoegen vanaf een andere pagina
Wil je een ankerlink maken die vanaf een andere pagina verwijst naar een specifieke sectie? Voeg de volledige URL van de pagina toe, gevolgd door # en de anker-ID.
https://www.jouwwebsite.be/contact/#contactformulierPlaats deze link op een knop of tekst op een andere pagina. Wanneer een gebruiker op de link klikt, wordt hij naar de juiste pagina én direct naar de gekoppelde sectie geleid.
