Als bezoekers de tekst ‘klik hier’ opmerken, moeten ze de context eromheen lezen om het doel van de link te begrijpen. De tekst van dit artikel is geïnspireerd op anderhalve pagina uit een boek uit 1995 waarin Laura Lemay een goede introductie van HTML verzorgt. Je kunt het boekje bijvoorbeeld bestellen via Bol.com of bij Managementboek.nl. De lezer ziet eerst de koppelingen en gaat pas daarna de tekst lezen. Upgrade je fabrieken, werknemers en machines en kom later terug om te zien dat alles sneller draait dan voorheen.

Maar als UX’er die zich beweegt in de wereld van CRO adviseer ik om specifiek voor jouw groep gebruikers het zelf te testen. Steeds meer neemt mobiel een belangrijke plaats in als we kijken naar het conversiepercentage op websites. Ergens op klikken in de betekenis ‘de computermuisknop indrukken en loslaten om bijvoorbeeld een link te volgen’ is rond 1995 algemeen in gebruik gekomen. Een klikbare link is een webadres waar je op kunt klikken om meteen naar een website te gaan. U krijgt zo inzicht in mogelijke locaties in de buurt van de graaflocatie waar u bijvoorbeeld zand kunt opslaan. Deze en meer adviezen voor het schrijven van goede hyperlinks en linkteksten van Natascha Bauwens.

Een klik kan de gebruiker een stap dichterbij brengen richting zijn doel, maar een klik kan ook een conversie betekenen. Kom ik uw site nog via een ‘klik hier’ binnen? Onze stroomdiagrammen leiden je stap voor stap naar het tip-top bet goede antwoord.

Geef links een duidelijke kleur

Wie meer wil weten, kan doorklikken, wie geen vragen heeft, leest ongestoord door. Zo’n link geeft de lezer expliciet een keuze. Wat voor reden hebben schrijvers om toch hardnekkig voor klik hier te kiezen? Zeker een link die de bezoeker moet helpen navigeren of die een call-to-action bevat moet zo helder en aansprekend mogelijk zijn. Met als belangrijkste argument dat het vaak gissen blijft naar de precieze bestemming – zoals bij de drie hiers in het citaat vanVan Oostendorp.

Daarom is het belangrijk dat een knop aantrekkelijk oogt en uitnodigt om op gedrukt te worden. Terwijl u de zoekmachine zomaar in het diepe gooit met een aanwijzing als ‘klik hier’. Onze taaladviseurs hebben een online leerplatform opgezet met interactieve taaltrainingen.

Een link is een stukje tekst; vaak in een andere kleur dan de bodytekst en onderstreept–hyperlink. Dit kun je allemaal regelen met hyperlinks. ‘Het is nou eenmaal makkelijker om op te blijven letten als je mee kunt lezen.’

• Daarom zouden docenten volgens Valkering altijd een alternatieve tekst aan een afbeelding moeten toevoegen, zodat de voorleessoftwarde de omschrijving van de afbeelding kan voorlezen.
• De befaamde Nielsen Norman Group stelt zelfs dat je onderstreepte tekst alleen voor links moet gebruiken op webpagina’s.
• Door het gebruik van koppen worden documenten overzichtelijker en doorzoekbaar.
• Iedere kleur roept bij mensen een bepaalde emotie op en spelen een rol bij het uitlokken van bepaalde acties of het weren van bepaalde gevoelens.

Labelling: geef je link een slimme naam

Overweeg om links de steunkleur van je website te geven. Standaard wordt voor een link de kleur blauw gebruikt, maar elke andere opvallende kleur voldoet ook. De Google robots geven namelijk speciale aandacht aan goed omschreven links op je website. Link door naar andere pagina’s om de websitetekst niet te lang te maken en leesbaar te houden. Mensen lezen niet; zij scannen je websitetekst. Voor studenten met een visuele beperking is het essentieel dat alles wat ze niet kunnen zien, kan worden voorgelezen door voorleessoftware.

De ankertekst

Niets zo verwarrend als hyperlinks die blauw en onderlijnd zijn op de ene pagina, en plots donkerrood kleuren op een andere. Hoe beter Google je website begrijpt, hoe beter de zoekmotor kan bepalen wanneer jouw website een relevant zoekresultaat is. Zoekmachines gebruiken een linktekst om te begrijpen waar je naartoe linkt. Op zoek naar meer tips om de toegankelijk van je website te verbeteren? Tim Berners-Lee, een van de grondleggers van het www, koos al in 1989 voor blauw als standaardkleur van hyperlinks. Dat speelt trouwens goed in op de vluchtige manier waarop we op het internet lezen.

WCAG 2.4.4 is een richtlijn die ervoor zorgt dat het doel van links duidelijk is. In dit artikel lees je waarom en krijg je tips om je linkteksten beter te maken. Maar wist je dat deze linkteksten slecht zijn voor de toegankelijkheid van je site?

De gebruiker herkent het al snel als een link. Je website wordt er dynamischer van en daar houdt Google wel van. Je wilt graag dat de gebruiker iets doet. Je kan je op deze website inschrijven als woningzoekende en reageren op de aangeboden woningen van alle verhuurders in deze regio. Moet of wil je toch gebruik maken van specifieke kleuren, dan zijn hier speciale richtlijnen voor om voldoende contrast te waarborgen.’

Zodra je een klikbare link in de WordPress Classic Editor hebt, kies je de knop Link options. Een gepubliceerde versie van die HTML link toont de link onderstreept en soms in een andere kleur. Als je de link klaar hebt, kun je het bericht/de pagina publiceren, of de HTML uploaden naar je site. Teksteditors als Atom, Sublime Text en Coda bieden de interface die nodig is om HTML te schrijven en te bewerken, vooral voor klikbare links.