Wat is een ankertag?
Een ankertag is een HTML-tag. Deze wordt gebruikt om het begin en het einde van een hypertextlink aan te geven. Zoekmachines gebruiken de tag om het onderwerp van de bestemmings-URL te bepalen. Gebruikers klikken op de ankertekst om het doel van de link te bereiken.
Hoe bouw je een hyperlink met een ankertag in HTML
<a href="http://www.example.com">My sample page </a>
Een ankertag wordt gedefinieerd met en bestaat uit drie onderdelen:
- het href-attribuut,
- het name-attribuut,
- en het target-attribuut.
href attribuut
Om een hyperlink te maken, moet de bestemming (het adres) van het document bekend zijn. Een hyperlink kan verwijzen naar pagina’s op uw eigen domein, naar andere websites, of naar een bestand (zoals een PDF-document).
Om bijvoorbeeld naar de homepage van Google te linken, ziet de code er als volgt uit:
<a href="http://www.google.com">Google Home</a>
Href staat voor hypertextverwijzing. Dit attribuut definieert het doeladres van het document, waarnaar deze keer wordt gelinkt (http://www.google.com). Het “=”-teken is de verbinding van het attribuut met de attribuutwaarde, waarbij “href” het attribuut is en ” http://www.google.com ” de attribuutwaarde is. Voor en na de attribuutwaarde staat een apostrof. De gedefinieerde zin “Google Home” staat bekend als de ankertekst of linktekst – dit is wat zichtbaar en aanklikbaar is voor de gebruiker. Een ankertekst is idealiter beknopt, informatief en relevant voor de landingspagina.
Als u intern naar een ander deel van uw website wilt linken, hoeft u niet het volledige adres op te geven, in dit geval is de bestandsnaam voldoende:
<a href="MyPage.html">My page</a>
Het gebruik van het volledige adres kan ervoor zorgen dat de pagina langzamer laadt. Zie ook “Site-snelheid”.”
Naam-attribuut
Het naam-attribuut van de anchor tag kan worden gebruikt om gebruikers naar een specifiek punt op een pagina te laten “springen” (jump marker, anker). Dit is vooral handig bij grote pagina’s of onderverdelingen.
De HTML-code ziet er als volgt uit:
<a name="to top"></a> or<a name="Content"></a>Content
In het eerste codevoorbeeld link je vanaf de onderkant van een pagina terug naar het begin, zodat gebruikers snel naar de bovenkant van de pagina kunnen zonder lang te hoeven scrollen. In het tweede voorbeeld kunnen gebruikers direct naar een deel van de pagina, bijvoorbeeld een onderverdelingspunt. Door te klikken worden gebruikers via het naamattribuut direct naar het onderwerp geleid.
<a href="#Content">Content</a>
Door eenvoudig een hash-tag (#) bij de ankernaam te zetten, kan de browser een sprong binnen de pagina identificeren.
U kunt ook intern naar een specifieke plaats op een andere pagina linken. Dit zou als volgt worden gedefinieerd:
<a href="anotherpage.html#name">Linktext</a>
De “#naam” wordt gespecificeerd na de bestandsnaam.
Doel-attribuut
Het doel-attribuut specificeert hoe de bestemmingspagina of het doeldocument moet worden geopend. “target=” _ blank ” wordt gebruikt voor het openen van de doelpagina in een nieuw tabblad. Dit is de gebruikelijke optie bij het gebruik van target attributen voor het linken naar andere pagina’s.
<a href="http://www.mypage.com" target="_blank" rel="noopener">Linktext</a>
Title attribuut
Het title attribuut geeft gebruikers een belangrijke indicatie waar ze naar toe worden geleid als ze op een link klikken. Als de gebruiker met de muis over een linkverwijzing gaat, wordt de titeltekst getoond, die in het attribuut is gedefinieerd. Dit kan een tool tip zijn, of een beschrijving van de bron waarnaar de link verwijst. De gegevens uit het titelattribuut maken de site gebruiksvriendelijker.
Het titelattribuut kan ook worden gebruikt voor afbeeldingen en grafische bestanden om een korte beschrijving te geven van wat er op de afbeelding te zien is.
<img title="Here you can see a sample image" src="exampleimage.png" alt="sample image">
Belang voor zoekmachine-optimalisatie
De “voorbereiding” string in de bovenste HTML-verwijzing is de linktekst die zichtbaar is in de bodytekst van een website en kan verschijnen als blauwe tekst of onderstreept, afhankelijk van de lay-out. Linktekst wordt ook wel ankertekst genoemd en is bijzonder belangrijk vanuit het oogpunt van zoekmachine-optimalisatie. De anchor-tekst maakt deel uit van de anchor-tag.
Anchor-tags zijn een essentiële manier om HTML-documenten te optimaliseren voor zoekmachines. Ankertekst en titelattributen geven gebruikers en zoekmachines meer informatie over de doellink. Net als bij schone URL’s is het essentieel om zoekwoordonderzoek uit te voeren voor ankerteksten voor interne links, want als hier belangrijke zoekwoorden worden geplaatst, kan dit zowel gebruikers als zoekmachines ten goede komen, wat leidt tot betere rankings.
Het onderscheid tussen interne links en externe links is vooral belangrijk voor ankertags. Er is bijvoorbeeld geen beperking op het gebruik van trefwoorden in ankertekst voor interne links. Webmasters en SEO’s kunnen individuele trefwoorden direct koppelen zonder het risico van straffen door zoekmachines. Door specifieke trefwoorden op de website te linken, kan de thematische relevantie van een subpagina worden versterkt en daarmee de ranking worden beïnvloed.
Bij backlinks daarentegen kan het overmatig gebruik van trefwoordlinks sinds de invoering van de Penguin Updates leiden tot een penalty door Google.
Het titelattribuut voor Anchor Tags heeft over het algemeen geen direct effect op SEO. Het gebruik van titelattributen en -elementen op links of afbeeldingen kan echter het doorklikpercentage verhogen en zo indirect van invloed zijn op de gebruikerssignalen die Google van de website ontvangt.