A href-links: Wat ze zijn & hoe je ze gebruikt
Wat is een a href-link?
Een “a href-link” (of “href-link”) is HTML-code die een <a>-tag en href-attribuut gebruikt om een klikbare hyperlink te maken.
Bijvoorbeeld, deze href-link maakt de hyperlink “Semrush”:
<a href="https://www.semrush.com/">Semrush</a>Er zijn andere soorten HTML-links (bijv. de <link>-tag). En andere manieren om hyperlinks te maken (bijv. met JavaScript). Maar de meeste links worden gemaakt met <a>-tags, ook wel anchor-tags of ankerelementen genoemd.
Ankerelementen worden gedefinieerd door de starttag <a> en de eindtag </a>.
Het href-attribuut (hypertext reference-attribuut) definieert de linkbestemming of het doel. Dit is vaak een webpagina-URL. Maar er zijn andere mogelijke waarden.
Anchor-tags moeten ook anchor-inhoud bevatten—de inhoud waaraan de link is gekoppeld. In veel gevallen is dit anchor-tekst (bijv. “Semrush”). Maar het kan ook een HTML-element zijn, zoals een afbeelding.
Je contentmanagementsysteem (CMS) heeft mogelijk tools die het handmatig coderen van href-links overbodig maken. Maar het is nuttig om te begrijpen hoe ze achter de schermen werken.
Tips: Controleer op linkproblemen en andere technische problemen op je site met Semrush’s Site Audit-tool. Je kunt tot 100 URL’s gratis crawlen.
Vind en repareer linkproblemen
met de Site Audit Tool
Waarom zijn href-links belangrijk?
Href-links zijn belangrijk omdat ze de meest gebruikte manier zijn om hyperlinks te maken. En hyperlinks helpen gebruikers en webcrawlers om het internet te navigeren en digitale bronnen te bereiken.
Er zijn twee hoofdvarianten hyperlinks die je aan je website kunt toevoegen: interne links en externe links. En a href-links stellen je in staat om beide te maken.
Interne links zijn hyperlinks naar locaties of bronnen op je domein.
Voorbeelden zijn:
- Navigatie-links naar andere pagina’s op je site
- Contextuele links naar andere pagina’s op je site
- Anchor-links (of spring-links) op je pagina’s
- Links naar bestanden (bijv. ebooks) op de server van je domein
Door interne links effectief te gebruiken, moedig je gebruikers aan om je site te verkennen. Dit kan betekenen dat ze eerder een aankoop doen, je inhoud delen of een andere gewenste actie ondernemen.
Bovendien helpen interne links Google om pagina’s op je domein te ontdekken. En te begrijpen hoe ze bij elkaar passen. Dit kan leiden tot hogere rankings in zoekmachine-resultatenpagina’s (SERP’s).
Externe links (of uitgaande links) zijn hyperlinks naar locaties of bronnen buiten je domein.
Als je ze correct gebruikt, voegen externe links waarde toe aan je inhoud.
Bijvoorbeeld, je kunt vertrouwen opbouwen door te linken naar betrouwbare bronnen. Of een nuttig hulpmiddel delen dat niet beschikbaar is op je site.
Google’s John Mueller beweert dat externe links naar gerenommeerde sites niet helpen bij website-rankings. Maar veel SEO-professionals geloven van wel.
5 Beste praktijken voor a href-links
Bij het maken van a href-links, volg je deze beste praktijken om ervoor te zorgen dat je hyperlinks correct werken. En je site zoveel mogelijk voordeel opleveren.
1. Kies de juiste href-attribuutwaarde
De href-attribuutwaarde is de linkbestemming. Dit kan een webpagina, deel van een webpagina, bestand, e-mailadres of telefoonnummer zijn, bijvoorbeeld.
De linkbestemming wordt geplaatst tussen de aanhalingstekens van het href-attribuut, zoals hier:
href="value"Laten we de belangrijkste soorten href-waarden verkennen:
Relatieve URL’s
Een relatieve URL is een pad naar een bron op dezelfde website.
Bijvoorbeeld, ons Semrush-bloglogo heeft de href-waarde “/blog/”:
Sommige webontwikkelaars gebruiken relatieve URL’s voor alle interne links. Omdat ze beknopt zijn. En ze kunnen nog steeds werken na een sitemigratie.
We raden echter aan om absolute URL’s te gebruiken voor SEO-doeleinden.
Absolute URL’s
Een absolute URL is het volledige pad naar een URL, inclusief het protocol, domein en eventuele extra paden of parameters.
Bijvoorbeeld:
href="https://www.semrush.com/blog/"Je moet absolute URL’s gebruiken bij het toevoegen van externe links.
Maar ze zijn ook nuttig voor interne links. Omdat je altijd kunt linken naar de canonieke URL—de voorkeurversie van een gedupliceerde pagina.
Dit verwijdert elke ambiguïteit of verwarring voor zoekmachines. Dus het kan je SEO helpen.
In een Google-video zei John Mueller dat linken naar canonieke URL’s “waarschijnlijk een beetje meer zin heeft, omdat je je dan geen zorgen hoeft te maken over dingen zoals het benaderen van de niet-WWW-versie van je website.”
Anchor-links
Anchor-links (of spring-links) zijn links naar verschillende delen van dezelfde pagina.
Bijvoorbeeld, alle links in de inhoudsopgave van dit artikel zijn anchor-links.
Om een spring-link te maken, geef je het element waaraan je wilt linken een id-attribuut (id=”id-naam”).
Zoals hier:
<h2 id="faqs">FAQs</h2>Maak vervolgens de link door #id-naam als href-waarde te gebruiken.
Zoals hier:
<a href="#faqs">spring naar onze FAQs</a>Alternatief kun je href=”#top” of href=”#” gebruiken om te springen naar de bovenkant van de pagina.
Mailto-links
Het attribuut href=”mailto:” maakt een mailto-link die een nieuw e-mailbericht opent in het e-mailprogramma van de gebruiker.
Het wordt meestal gebruikt in combinatie met een doel-e-mailadres.
Bijvoorbeeld, we hebben een href-link zoals deze in onze sitevoettekst:
<a href="mailto:mail@semrush.com">mail@semrush.com</a>Het klikken op de hyperlink maakt een e-mailconcept zoals dit:
Je kunt ook parameters toevoegen zoals een onderwerpregel, inhoud van het bericht en CC-adres aan de a href-code.
Stel dat je sollicitanten wilt laten hun cv sturen naar jobs@example.com met de onderwerpregel “Web Developer Role.”
Om het makkelijker te maken, kun je een HTML-link toevoegen zoals deze:
<a href="mailto:jobs@example.com?subject=Web%20Developer%20Role">Solliciteer nu</a>Let op dat “%20” wordt gebruikt in plaats van spaties. Dit is een voorbeeld van URL-codering—een proces dat helpt ervoor te zorgen dat parameters correct werken.
Tel-links
Om een tel-link te maken, gebruik je het attribuut href=”tel:” in combinatie met het telefoonnummer.
Zoals hier:
Wanneer de gebruiker op een compatibel apparaat op de hyperlink klikt, opent het het nummer in hun kiendtoepassing. Dit maakt het gemakkelijk voor hen om je te bellen.
2. Gebruik andere anchor-tag-attributen
Het href-attribuut is belangrijk in een ankerelement omdat het de linkbestemming definieert. Maar je kunt andere anchor-tag-attributen toevoegen om te bepalen wat er gebeurt wanneer de gebruiker op de link klikt.
Deze attributen kunnen ook zoekmachines helpen je links te begrijpen. En dus je SEO ten goede komen.
Hier is een kort overzicht van de meest voorkomende:
| Anchor-attribuut | Doel | Anchor-tag-voorbeeld |
| Download | Zegt de browser dat het gekoppelde bronbestand moet downloaden in plaats van het te openen.
Voeg een beschrijvende bestandsnaam toe tussen de aanhalingstekens. |
<a href=”example.pdf” download=”Bestandsnaam”>Download </a> |
| Rel | Informeert zoekmachines over de relatie van je site met de gekoppelde bron.
Bijvoorbeeld, rel=“nofollow” vraagt zoekmachines om de link niet te behandelen als een aanbeveling van de gekoppelde pagina. (Dit is een belangrijk concept in linkbuilding.) |
<a href=”https://www.example.com/” rel=”nofollow”>Anchor-tekst</a> |
| Target | Zegt de browser waar de link moet openen.
Bijvoorbeeld, target=”_blank” opent de bron in een nieuw tabblad of venster. Terwijl target=”_self” het in hetzelfde frame houdt. |
<a href=”https://www.semrush.com/” target=”_blank”>Semrush</a> |
| Title | Toon een tooltip wanneer de gebruiker over de link beweegt.
Voeg de tooltip-tekst toe tussen de aanhalingstekens. |
<a href=”https://www.semrush.com/” title=”Semrush homepage”>Semrush</a> |
Tips: Bepaalde soorten links van andere sites (backlinks) kunnen je SEO ten goede komen. Met Semrush’s Backlink Analytics-tool kun je eenvoudig je backlinks analyseren en ze vergelijken met die van concurrenten.
