Een hyperlink is een tekstlink die een verwijzing maakt van het ene webdocument naar het andere. Dit kan zowel een verwijzing binnen een website zijn als naar een andere website toe. Hyperlinks zijn de links die het web bij elkaar houden. Zonder hyperlinks geen world wide web! Om die reden moeten hyperlinks duidelijk zichtbaar zijn voor je bezoekers. Als je wilt weten waaraan krachtige hyperlinks moeten voldoen, lees dan mijn 5 gouden regels.

1. Hyperlinks in andere kleur

Gebruik voor hyperlinks een kleur die nergens in de tekst wordt gebruikt. In de tekst van mijn eigen artikelen gebruik ik de kleur lichtblauw. Die kleur valt op tussen de zwarte letters.

2. Hyperlinks onderstreept

Zorg ervoor dat alles wat geen hyperlink is ook NIET is onderstreept. Bezoekers denken namelijk dat onderstreepte teksten ook daadwerkelijk links zijn.

3. Hyperlinks gevalideerd

Zorg dat je hyperlinks niet verwijzen naar pagina’s die niet bestaan. Een hyperlink die verwijst naar een 404 pagina staat lelijk. Vooral als dit een pagina is binnen je eigen website. Om een website te controleren op dode links ga naar de website van w3c.

4. Hyperlinks met beschrijvende inhoud

De bezoeker dient van te voren te weten waar zij heen wordt gestuurd. Dit wordt aangegeven door een hyperlink die duidelijk de inhoud beschrijft waar de bezoeker naartoe gaat. Zoals in het vorige voorbeeld duidelijk wordt aangegeven “ga naar de website van w3c”.

5. Pagina’s openen in hetzelfde venster

Na een klik op een hyperlink wordt een nieuwe webpagina geopend. Dit dient uit usability overwegingen te gebeuren in hetzelfde venster. Webpagina’s openen in een nieuw venster wordt vaak als irritant gezien. Mocht het toch noodzakelijk zijn om een pagina in een nieuw venster te openen, geef dit dan duidelijk aan. Lees hierover meer in het volgende artikel.

6. Bezochte hyperlinks krijgen een andere kleur

Dit is een van de regels op het gebied van hyperlinks en usability waar ik het niet mee eens ben. Persoonlijk hoeven links waarop ik reeds geklikt heb niet van kleur te veranderen. Er zijn bezoekers die dit wel wensen. Vandaar deze 6de regel als bonus.

Vond je dit artikel bruikbaar? Abonneer je dan gratis via RSS op mijn artikelen.

Stem of voeg toe aan:  

1. Erwin

   april 1, 2009 om 9:30 am | Permalink

   Leuk artikel maar op een punt heb ik nog wel een aanvulling. Het openen van pagina’s dien je inderdaad vooral in hetzelfde venster te doen maar zeker niet altijd. Bij links die voeren naar een lokatie buiten de huidige site kun je dat beter toch in een nieuw venster doen. Dit is ook wat op de meeste weblogs gebeurd en dus is het ook bekend en intuitief gedrag voor de meeste mensen.
2. Hans Keeren

   april 1, 2009 om 3:16 pm | Permalink

   Erwin, dat is een interessante discussie. Ikzelf ben af en toe voor openen in een nieuw venster maar meestal niet. Lekker vaag klinkt dit en ik denk ook dat er geen concreet juist antwoord is.

   Mijn mening: standaard openen in hetzelfde venster.
3. Tom - Estate

   april 2, 2009 om 11:07 am | Permalink

   Ik ben het er mee eens dat links duidelijk een andere kleur nodig hebben dan de overige tekst. Ik zal daarom de css van mijn blog maar eens aan gaan passen.

   Ik ben er echter wel voor om links naar externe sites toch te openen in een ander scherm. Ik krijg altijd kriebels als ik sites tegenkom waar vooral “lees meer” links terug te vinden zijn.
4. Hans Keeren

   april 2, 2009 om 1:11 pm | Permalink

   Tom, je bent de tweede in die deze mening is toegedaan.
5. Frank

   mei 5, 2009 om 8:30 pm | Permalink

   Goed artikel over de hyperlinks. Ik heb meteen de hyperlinks op mijn website aangepast. Het ziet er alleen al een stuk beter uit en uit de statistieken blijkt ook dat er meer op de hyperlinks geklikt wordt.

   Blijkbaar ben ik de derde (van deze reacties dan) die hyperlinks naar andere websites in een nieuw venster laat openen. Misschien onnodig ‘protectionisme’… ik zal er eens op letten wat mij het best bevalt bij andere websites als ik aan het surfen ben.
6. Hans Keeren

   mei 5, 2009 om 9:03 pm | Permalink

   @Frank, bedankt. Het is inderdaad verstandig om zelf te kijken. Ik ben het gewend dat artikelen in hetzelfde venster openen en gebruik dit zelf ook in mijn artikelen.
7. Erwin Sigterman

   juni 30, 2009 om 7:58 pm | Permalink

   Lees de webrichtlijnen en dan zie je dat een nieuw venster geopend moet worden indien het om een andere URL gaat: http://www.webrichtlijnen.nl/
8. Hans Keeren

   juni 30, 2009 om 8:16 pm | Permalink

   Ik ben een voorstander van links openen in hetzelfde venster. Ik volg dan ook de richtlijnen van Jacob Nielsen.