Ankerlinks: zo maak je spronglinks in HTML en je CMS, en wat ze voor SEO doen

Kort samengevat: een ankerlink is een link die de lezer naar een specifieke sectie van een pagina stuurt, met een fragment zoals #pricing dat naar een element met de bijbehorende id verwijst. Je maakt er een in twee stappen: geef de doelkop een id en link er dan naar met href="#die-id". Het SEO-effect is indirect: ze vormen de basis van inhoudsopgaven, kunnen "spring naar"-links in Google-resultaten opleveren en maken lange pagina's gebruiksvriendelijker. Verwar ze niet met ankertekst, de klikbare woorden van een link.

Een ankerlink, ook sprong- of ankerverwijzing genoemd, is een van de oudste functies van HTML en een van de nuttigste bij lange content. Hiermee kan een lezer direct naar het gewenste antwoord springen in plaats van te scrollen. Google zelf beschouwt links als kernsignaal van hoe pagina's zich tot elkaar verhouden, en de best practices voor links benadrukken dat links echte a-elementen met een href moeten zijn. Deze gids laat zien hoe je ankerlinks maakt in gewone HTML en in de belangrijkste CMS'en, wat ze doen voor SEO en voor AI-antwoorden en hoe ze zich verhouden tot ankertekst.

Wat is een ankerlink?

Een ankerlink is een hyperlink waarvan de bestemming een plek binnen een pagina is. De URL eindigt op een hekje gevolgd door een identificatie, een fragment genoemd: example.com/guide#step-3. Wanneer iemand erop klikt, laadt de browser de pagina (of blijft erop) en scrolt naar het element met id step-3.

Er zijn drie gangbare toepassingen:

• Navigatie binnen dezelfde pagina: een inhoudsopgave bovenaan een artikel of een link "terug naar boven".
• Diepe links vanaf een andere pagina: linken vanuit het ene artikel naar een precieze sectie van een ander, bijvoorbeeld een definitie in een glossarium.
• Een precieze passage delen: een collega direct naar de alinea sturen die zijn vraag beantwoordt.

Zoekmachines behandelen example.com/guide en example.com/guide#step-3 als dezelfde pagina. Het fragment maakt nooit een nieuwe URL aan om te indexeren, dus ankerlinks kunnen geen duplicate content veroorzaken.

Hoe maak je een ankerlink in HTML?

Twee stukjes code volstaan: een id op de bestemming en een link die ernaar wijst.

1. Voeg een id toe aan het doel: <h2 id="pricing">Pricing</h2>. Gebruik kleine letters, cijfers en koppeltekens, zonder spaties, en houd elke id uniek op de pagina.
2. Link ernaar op dezelfde pagina: <a href="#pricing">See pricing</a>.
3. Link ernaar vanaf een andere pagina: <a href="/guide#pricing">Pricing section of the guide</a>.
4. Test het: klik op de link, controleer of de kop bovenaan het scherm verschijnt en niet onder een vaste header verdwijnt (de CSS-eigenschap scroll-margin-top lost dit op).

De oude methode, <a name="pricing"></a>, werkt nog in browsers maar is verouderd in HTML5. Gebruik id op de kop zelf. Een verwante functie, tekstfragmenten, laat een link een passage markeren zonder id, met de syntaxis #:~:text=, zoals gedocumenteerd door MDN. Google gebruikt dit mechanisme wanneer het bezoekers naar de passage scrolt die in sommige featured snippets wordt geciteerd.

Hoe voeg je ankerlinks toe in WordPress, Shopify, Webflow of Wix?

Elk groot CMS laat je een id instellen zonder het template aan te raken. De naam van het veld verschilt per tool.

Als je CMS id's automatisch genereert, controleer ze dan: sommige maken id's van de volledige koptekst, wat lange, instabiele fragmenten oplevert die breken wanneer je de titel bewerkt.

Helpen ankerlinks bij SEO?

Ankerlinks zijn in de eerste plaats een functie voor gebruiksgemak. Hun SEO-waarde is indirect, maar bij lange content wel degelijk aanwezig:

• "Spring naar"-links in resultaten: bij lange, goed gestructureerde pagina's toont Google soms links naar secties onder het resultaat, wat de zichtbaarheid en het aantal klikken kan verhogen. Google bepaalt wanneer ze worden getoond.
• Betere passage-matching: duidelijke koppen met id's helpen zoekmachines en AI-assistenten een precies antwoord binnen een lange pagina te vinden, dezelfde logica waarmee je featured snippets wint.
• Betrokkenheid: met een inhoudsopgave bereiken lezers het deel dat ze nodig hebben, in plaats van weg te gaan om het elders te zoeken.
• Toegankelijkheid: skiplinks en navigatie binnen de pagina helpen toetsenbord- en schermlezergebruikers, een principe uit de toegankelijkheidsrichtlijnen van het W3C.
• Precieze interne links: linken naar #definition in een ander artikel stuurt lezers naar de exacte passage, wat je interne links versterkt.

Wat ankerlinks niet doen: ze geven geen extra autoriteit door aan een pagina, want een link naar pagina#sectie telt als een link naar de pagina, en ze vervangen geen goede content. Een technische waarschuwing komt rechtstreeks uit de basis van JavaScript-SEO van Google: gebruik geen fragmenten om andere paginacontent te laden, want Googlebot kan die URL's niet betrouwbaar verwerken. Gebruik fragmenten alleen om te scrollen binnen content die al op de pagina staat.

Wat is het verschil tussen een ankerlink en ankertekst?

De twee termen liggen dicht bij elkaar en worden vaak door elkaar gehaald. Een ankerlink gaat over waarheen een link leidt (een sectie). Ankertekst gaat over wat de link zegt (de klikbare woorden). In ons glossariumlemma over ankertekst wordt het tweede onderwerp uitgebreid behandeld.

Wat zijn de best practices voor ankerlinks en hun tekst?

Elke ankerlink heeft ook ankertekst, dus beide sets regels gelden samen.

• Korte, leesbare id's: #pricing, #how-to-install, in plaats van #section-1 of een fragment van 12 woorden.
• Beschrijvende linktekst: Google raadt tekst aan die beschrijvend, redelijk beknopt en relevant is, en raadt algemene formuleringen zoals "klik hier" af.
• Een inhoudsopgave op lange pagina's: vanaf ongeveer 1500 woorden zet je de H2-secties bovenaan, elk gelinkt aan zijn id.
• Koppen in vraagvorm: koppen die zijn geformuleerd als de vragen die mensen stellen maken de sprongen nuttiger en makkelijker te citeren.
• Stabiele id's: wijzig een id niet na publicatie als andere pagina's of sites ernaar linken.
• Controleer de structuur: een analyse van de koppenstructuur laat zien of je H2- en H3-niveaus kloppen voordat je ankers toevoegt.

Welke fouten moet je vermijden?

• Dubbele id's: bij twee elementen met dezelfde id springt de link alleen naar het eerste.
• Verborgen doelen: een kop binnen een gesloten tabblad of accordeon is mogelijk niet bereikbaar met de link.
• Vaste headers die de kop bedekken: voeg scroll-margin-top toe in CSS.
• Routing op basis van fragmenten: single-page-apps die content wijzigen met #/page-URL's zijn moeilijk te crawlen voor Google.
• Overgeoptimaliseerde ankertekst: hetzelfde exacte zoekwoord in elke link herhalen komt over als manipulatie.

Conclusie

Een ankerlink stuurt lezers via een #id-fragment naar een precieze sectie van een pagina. Maak er een door een id aan de kop toe te voegen en ernaar te linken, in HTML of via de instellingen van je CMS. De voordelen voor SEO zijn indirect maar concreet bij lange content: inhoudsopgaven, mogelijke sprongen in Google, duidelijkere passages voor AI-antwoorden en betere interne links, zolang de ankertekst beschrijvend blijft. Wil je niet elk artikel met de hand structureren, dan schrijft Sorank, onze SEO- en GEO-software op autopilot, gestructureerde artikelen met koppen in vraagvorm en interne links en publiceert ze in je CMS: bekijk de AI-blogartikelgenerator en probeer hem met een gratis proefperiode van 3 dagen.