Anchor links

Een anchor link wordt gebruikt als directe koppeling tussen de link en een specifieke plaats op dezelfde pagina. Hierdoor breng je de bezoeker direct naar de gewenste plaats, zonder dat deze hier zelf naartoe hoeft te scrollen.

Hoe gebruik ik anchor links?

Do's

  • Plaats een anchor linklijst altijd direct bovenaan de pagina (onder de H1 of de eventuele introductietekst).
  • Gebruik een anchor linklijst alleen als de pagina deze ook echt nodig heeft (dus niet bij een pagina waarop de gebruiker vrijwel niet hoeft te scrollen). 
  • Een anchor link in de linklijst linkt altijd naar een H2.

Dont's

  • Plaats niet meer dan 5 anchor links onder elkaar. Is dit wel nodig? Dan is je pagina hoogstwaarschijnlijk te lang. 
  • Gebruik geen lange omschrijvingen in de linklijst. Hierdoor is het niet scanbaar voor de bezoeker. 

Voorbeeld: H1 + anchor linklijst

Over UMC

CMS instellingen

  • Maak in een RichText element een lijst met gewenste anchorlinks aan.
  • Selecteer deze lijst en kies de CSS Class 'lijst-anchorlinkjes'.
  • Geef in de HTML een ID mee aan elke anchorlink in de eerder gemaakte lijst.
  • Geef aan de H2 titel waar je naartoe linkt ook een class en een ID mee, zie hieronder:

<h2 class="anchor">
  <span id="ID"></span>
   Jouw titel
</h2>

X
Wij gebruiken cookies om uw website-ervaring te verbeteren. Als u op akkoord klikt, dan gebruiken wij cookies voor de werking van de website, statistieken, social media en online marketing.
Weigeren
Akkoord