Een anchor tag is het HTML-element dat een link maakt. Geschreven als <a href="..."> pakt hij een stuk tekst of een afbeelding in en maakt er iets klikbaars van waarmee een bezoeker ergens anders naartoe kan. Het href-attribuut bevat de bestemming, en wat er tussen de open- en sluittag staat wordt het klikbare deel.
Zie het als een wegwijzer op een wandelpad. Het bordje zelf is de zichtbare tekst die je leest (“Waterval, 2km”), en de pijl eronder is de href die vertelt welke kant je op moet lopen. Zonder die pijl is het bordje alleen maar versiering. Dezelfde anchor kan wijzen naar een volledig adres (een andere website), naar een pagina op je eigen site als interne link, of naar een plek verderop op de huidige pagina. Elke hyperlink die je ooit hebt aangeklikt is opgebouwd uit deze ene kleine tag.
De tag draagt ook kleine instellingen die zijn gedrag veranderen. Voeg je target="_blank" toe, dan opent de link in een nieuw tabblad; combineer dat met rel="noopener" zodat de nieuwe pagina niet aan de oude kan zitten. Wijs je de href met mailto: naar een e-mailadres, dan opent een klik de mailapp van de bezoeker in plaats van een webpagina.
De woorden die je in de anchor kiest tellen zwaarder mee dan mensen denken. Beschrijvende ankertekst zoals “lees ons retourbeleid” helpt zoekmachines de pagina te begrijpen waar je naartoe linkt, en het helpt bezoekers die scannen of een schermlezer gebruiken. Vage woorden als “hier” of “dit” zeggen niets, en een schermlezergebruiker die een lijst met links opvraagt, hoort een rij betekenisloze “hier, hier, hier”.
Bij TopDevs houden we de ankertekst op elk project helder en betekenisvol, want nette links zijn stilletjes een van de goedkoopste manieren om zowel de bruikbaarheid als SEO te verbeteren.
