Definitie
Anchor tags zijn HTML tags die worden gebruikt om hyperlinks te maken. Links en hyperlinks vormen de basis van navigatie op het web en zijn datgene waarop je klikt om van de ene pagina naar de andere te gaan op een website. Vrijwel elk element op een pagina kan worden verpakt in ankertags en zo in een link worden veranderd, van platte tekst tot afbeeldingen en andere HTML-elementen.
Attributen van een ankertag
De HTML-tag <a>, ook bekend als de ankertag, accepteert een aantal verschillende attributen. HTML-attributen zijn gegevens die aan de tag worden toegevoegd om extra informatie te geven. De meeste zijn optioneel, maar sommige zijn verplicht. De anchor tag vereist minimaal een href attribuut, maar er zijn vele andere optionele attributen.
Een voorbeeld van een HTML anchor tag met meerdere attributen zou er als volgt uit kunnen zien:
<a href="www.google.com" name="google_link" target="_blank" title="Link to Google">Link to Google</a>
Href attribuut
Href attribuut is vereist, omdat dit de link creëert. Href staat voor hypertext reference en bevat de URL waar gebruikers naar toe worden gestuurd als ze op de link klikken. In het voorbeeld hierboven is dat www.google.com.
Naam-attribuut
Het naam-attribuut is met ingang van HTML5 verouderd, en in plaats daarvan wordt geadviseerd het id-attribuut te gebruiken. Vóór HTML5 waren het name- en id-attribuut uitwisselbaar. Ze werden gebruikt om een element een naam te geven om het te identificeren voor gebruik elders, zoals in CSS of javascript.
Target attribuut
Het target attribuut wordt gebruikt om te beschrijven hoe de gebruiker naar de pagina in de link zal worden gestuurd. De twee meest voorkomende waarden zijn:
- “_self”, de standaardoptie indien niet anders aangegeven, stuurt gebruikers naar de link binnen dezelfde browsecontext, meestal een tabblad.
- “_blank” opent de ankerlink in een nieuw venster of tabblad. Dit wordt meestal gebruikt om naar externe pagina’s te linken.
Andere doelattributen zijn “_parent” en “_top”, hoewel deze zelden worden gebruikt en over het algemeen van toepassing waren toen iframes op grote schaal werden gebruikt, die sindsdien uit de gratie zijn geraakt. Ze stelden ontwikkelaars in staat een link te openen in een bovenliggend frame of het bovenste frame op een pagina.
Titel attribuut
Het titel attribuut wordt gebruikt om een naam te geven aan de link. Deze naam wordt in verschillende contexten getoond, bijvoorbeeld wanneer een gebruiker met de muis over de link gaat, en wanneer een gebruiker met een schermlezer de anchor tag markeert. Dit wordt als optioneel beschouwd, maar wordt aanbevolen voor toegankelijkheidsdoeleinden.
Aanvullende attributen
De anchor tag ondersteunt aanvullende attributen. Sommige daarvan zijn algemeen voor andere HTML-tags, zoals ‘class’ en ‘id’, maar sommige zijn uniek voor de anchor-tag. Ze zijn meestal van toepassing op zeer specifieke gevallen.
Download attribuut
Dit geeft de browser een hint dat de link de gelinkte inhoud moet downloaden, in plaats van erheen te navigeren. Het kan leeg worden gelaten, in welk geval een best guess zal worden gebruikt om een bestandsnaam te specificeren, maar elke waarde die in de download tag wordt ingevoerd zal worden gebruikt voor de voorgestelde bestandsnaam.
hreflang attribuut
Dit HTML-attribuut kan worden gebruikt om alternatieve taalversies van de betreffende webpagina te specificeren. Dit zal een waarde zijn, zoals “fr” voor Frans of “en-GB” voor Brits Engels. Hreflang kan nuttig zijn om zoekmachines van extra context te voorzien en om dubbele inhoud te voorkomen.
rel attribuut
Met het HTML rel attribuut kunt u een relatie tussen twee pagina’s aangeven. Dit accepteert een reeks waarden, waaronder “canonical”, “external”, en “help”. Deze hinten naar bepaald gedrag, zoals dat de link bedoeld is als de canonieke versie van een pagina, een externe link buiten de controle van de website, of dat de link meer informatie bevat over de huidige link.
Belang voor zoekmachine optimalisatie
Anchor tags zijn fundamenteel voor hoe het web werkt en verschillende attributen binnen de anchor tag zijn bijzonder nuttig met betrekking tot SEO. Meertalige sites wordt sterk aangeraden om gebruik te maken van het hreflang attribuut. Daarnaast is het een gebruikelijke SEO best practice om een rel=canonical link te gebruiken om canonieke versies van pagina’s aan te duiden. Anders kunnen zoekmachines verschillende URL-versies van dezelfde pagina (bijvoorbeeld vanwege URL-parameters) als duplicate content beschouwen, wat een negatieve invloed kan hebben op de posities in zoekmachines.
Het rel-attribuut kan ook waarden bevatten als “nofollow”. Nofollow geeft aan dat de gelinkte pagina niet gevolgd en gecrawld mag worden door zoekmachines.
In samenvatting: Anchor tag FAQS
Waarvoor worden anchor tags gebruikt?
Anchor Tags worden gebruikt om tekst, afbeeldingen of andere HTML-elementen om te zetten in hyperlinks.
Hoe maak je een ankertag?
Je kunt ankertags maken in HTML, met behulp van de tag <a>, gecombineerd met een of meer attributen.
Wat zijn de belangrijkste attributen van een ankertag?
De belangrijkste attributen zijn:
- Href
- Naam
- Doel
- Titel
Hoe hebben ankertags invloed op SEO?
Anchor Tags zijn relevant voor SEO omdat ze bijvoorbeeld kunnen worden gebruikt om canonieke links te maken om duplicate content te voorkomen.
Gerelateerde links
- https://www.w3schools.com/tags/tag_a.asp
Gelijkende artikelen
- Canonieke tag