Hyperlinks helpen bezoekers bij het vinden van informatie en het snel navigeren door je site. Vandaag geef ik je 11 tips voor het maken van effectieve hyperlinks.

1. Maak je links opvallend en scanbaar

Geef de link een andere kleur dan de tekst en zet er een streep onder. Blauw is de meest onderscheidende kleur. Andere kleuren volstaan ook, maar houd rekening met lezers met een visuele beperking. Gebruik je bijvoorbeeld rood of groen, onderstreep de links dan zeker!

2. Geef hyperlinks een concrete naam

Bezoekers moeten na het lezen van een link direct kunnen inschatten wat zij op de vervolgpagina kunnen verwachten, zonder de omliggende tekst te hoeven lezen. Zorg er dus voor dat de naam van de link zo concreet mogelijk is.

Dus niet:
“Abonnement wijzigen? Klik hier.”

Maar:
“Wijzig je abonnement”

3. Zet zoekwoorden vooraan in de link

Uit onderzoek blijkt dat bezoekers hooguit de eerste twee woorden scannen om te bepalen of de link voldoet aan hun informatiebehoefte. Laat deze woorden ook terugkomen in de kop of paragraaf van de pagina waar de link naartoe verwijst. Dit hoeft geen exacte kopie te zijn. Als het voor de lezer maar duidelijk is dat hij op de juist plek beland is.

4. Onderstreep geen woorden die geen link zijn

Bezoekers zijn geprogrammeerd om onderstreepte woorden en zinsdelen als een link te zien. Maak je deze verwachting niet waar, dan leidt dit tot verwarring en teleurstelling.

5. Vermijd tekstkleur als de tekst geen link is

Net als bij onderstreepte tekst, verwachten bezoekers dat gekleurde tekst “klikbaar” is.

6. Gebruik geen webadres (URL) als hyperlink

Webadressen als links zijn moeilijk leesbaar en maken je pagina minder scanbaar.

7. Gebruik een unieke naam voor iedere link op dezelfde pagina

Als je twee links hebt die hetzelfde heten, denken bezoekers dat ze naar dezelfde plaats verwijzen.

8. Plaats links niet te dicht op elkaar

Bezoekers met een verminderde motoriek hebben moeite om ze aan te klikken.

9. Maak de link niet te lang

Beperk je tot het minimaal aantal woorden die nodig zijn om te begrijpen waar de link naartoe verwijst.

10. Verander de kleur van de link als de bezoeker erop heeft geklikt

Je bezoeker weet dan of deze link eerder is gebruikt of niet. Gebruik een heldere en opvallende kleur voor links waar nog niet op geklikt is. Is er op de link geklikt? Gebruik dan een minder heldere variant van dezelfde kleur.

11. Informeer en instrueer de bezoeker

Bezoekers van je site willen ook graag weten wat er na de klik op de link gebeurt. Geef daarom aan:

• Of klikken op een link een nieuw venster opent
• Om wat voor bestandsformaat het gaat (bijv. Avi, MPEG, PDF of Word) en eventueel hoe de bezoeker deze kan openen
• Hoe groot een bestand is (bijv. Kb, G, Mb). Hiermee geef je bezoekers een indicatie van de downloadtijd
• (Indien gewenst) Wat de datum van plaatsing of aanpassing is
• Of een link een bepaalde applicatie opent

Voorbeeld:
Download het jaarverslag 2014 (pdf, 650 Kb)
PDF-bestanden kunt u openen met onder meer de gratis Adobe Acrobat Reader


Bronnen:
Marieke McCloskey (9 maart 2014). Writing Hyperlinks: Salient, Descriptive, Start with Keyword.
Jakob Nielsen (6 april 2009). First 2 Words: A Signal for the Scanning Eye.
Jakob Nielsen (10 mei 2004). Guidelines for Visualizing Links.
Jakob Nielsen (31 oktober 2001). 113 Design Guidlines for Homepage Usability.
De Webrichtlijnen. Het schrijven van goede linktekst Bekeken: 19 juni 2014.