Noopener noreferrer is een HTML-attribuut dat aan externe links wordt toegevoegd. De meeste CMS bevatten het automatisch zonder dat je het expliciet hoeft toe te voegen.
Het attribuut noopener voorkomt dat het nieuwe browsertabblad toegang krijgt tot het vensterobject van het oorspronkelijke tabblad.
Ook voorkomt noreferrer dat de browser de HTTP-verwijzerheader verzendt. Zonder de verwijzerinformatie weet de bestemmingswebsite niet waar de gebruiker vandaan kwam.
Laten we begrijpen wat noopener noreferrer betekent in SEO en link building. Zijn ze nuttig? Moet je het gebruiken? En wat zijn de voor- en nadelen?
Wat Betekent rel="noopener noreferrer"?
De tagcombinatie rel=”noopener noreferrer” wordt toegevoegd aan externe links die openen in een nieuw tabblad. Het wordt gebruikt met de target="_blank".
Wanneer je "noopener" toevoegt, vertel je de browser om het nieuwe tabblad te stoppen met het controleren van het origineel. Het voorkomt [omgekeerde tabnabbing], waarbij een kwaadaardige site het tabblad van de verwijzende site overneemt.
Aan de andere kant zorgt "noreferrer" ervoor dat er geen verwijzingsgegevens (zoals je URL) worden doorgegeven aan de bestemmingspagina. Ook stopt noreferrer het bijhouden van verwijzers, wat nuttig kan zijn als je niet wilt dat analysetools en partnerwebsites zien wie het verkeer heeft verzonden.
U [moet] beide attributen gebruiken bij het openen van links in een nieuw tabblad, tenzij u verwijzingsgegevens nodig [heeft] voor [het] volgen of partnerschappen.
Voorbeeld van Noopener Noreferrer
Stel je voor dat je een blog beheert en je linkt naar een artikel van een derde partij over [marketingtrends].
Je wilt dat de link in een nieuw tabblad wordt geopend zodat je lezers op je site blijven.
Hier is hoe de HTML eruit zou zien:
<a href="https://marketingtrendssite.com" target="_blank" rel="noopener noreferrer">Lees meer over [marketingtrends]</a>
In deze code:
Target="_blank" opent de link in een nieuw browser tabblad.
Noopener vertelt de browser: “[Laat] dat nieuwe tabblad [deze] niet besturen of openen.”
Noreferrer voegt een privacylaag toe door te voorkomen dat de URL van uw site wordt doorgegeven aan de bestemmingssite.
Waarom zijn Deze Tags Belangrijk?
In linkbuilding zijn twee tags het belangrijkst: nofollow en dofollow.
Sommigen gaan ervan uit dat nofollow hetzelfde is als ‘noreferrer’ of ‘noreferer’. [Echter], ze zijn niet hetzelfde.
Het gebruik van noopener noreferer heeft geen impact op link equity.
SEO en link builders gebruiken rel="noopener noreferrer" om het domein te beschermen tegen externe aanvallen en om de URL-gegevens nauwkeurig te volgen.
De meeste contentmanagementsystemen zoals Wix, WordPress, Squarespace, Ghost, Webflow en andere gebruiken de noopener tag standaard voor alle links.
Wanneer je een link toevoegt, wordt standaard een target="_blank" attribuut toegevoegd.
Dit attribuut alleen introduceert een beveiligingslek tenzij het wordt gecombineerd met noopener. De bestemmingspagina krijgt toegang tot het bronvensterobject, wat manipulatie via scripts mogelijk maakt.
Het toepassen van noopener verwijdert dat risico volledig.
Noopener noreferrer worden ook gebruikt om het vertrouwen van het domein te beschermen en om de browserprestaties te verbeteren, zodat links correct, sneller en zonder enige beveiligingslekken worden geopend.
Correcte implementatie van rel="noopener noreferrer" leidt tot schone koppelingspraktijken die de doorzoekbaarheid van zoekmachines verbeteren en het risico verminderen voor betere resultaten van [SEO] campagnes.
Voordelen en Nadelen van het Gebruik van Noopener Noreferrer
Vanuit zowel SEO- als beveiligingsperspectief ondersteunt de combinatie van noopener noreferrer sterkere linkuitvoering.
Echter, er zijn bepaalde nadelen die in overweging moeten worden genomen.
Hieronder volgt een overzicht van de meetbare voordelen en beperkingen van het gebruik van noopener noreferrer.
Hier zijn de voordelen van het gebruik van noopener noreferrer in externe links:
- Biedt bescherming tegen Tabnabbing: Wanneer linkbouwers target="_blank" gebruiken om een link in een nieuw tabblad te openen, creëert dit een beveiligingsfout genaamd reverse tabnabbing. Dit kan leiden tot phishingaanvallen en onnodige omleidingen die de domeinreputatie schaden. Door rel="noopener" toe te voegen, kunt u uw website beschermen tegen dergelijke aanvallen, omdat het voorkomt dat het nieuwe tabblad toegang heeft tot het oorspronkelijke browservenster.
- Verbetert browserprestaties: Naast het verbeteren van de beveiliging, kan rel="noopener" daadwerkelijk de [browserprestaties] verbeteren. Zonder dit blijft het nieuwe tabblad verbonden met het originele tabblad via de window.opener eigenschap. Die verbinding gebruikt onnodig geheugen en [browserbronnen]. Door noopener te gebruiken, verwijder je die link, wat resulteert in schonere [resourceverwerking].
- Biedt Meer Controle Over Verwijzingsgegevens: Het gebruik van rel="noreferrer" geeft SEO's en linkbouwers controle over het al dan niet doorgeven van verwijzingsgegevens aan de bestemmingspagina. Als je naar een concurrent of een gevoelige pagina linkt, kan het strategisch zijn om te verbergen dat jouw site verkeer heeft gestuurd. Aan de andere kant, als je in [affiliate marketing] of partnerschappen zit waar je moet bewijzen dat er verwijzingsverkeer is, moet je noreferrer niet gebruiken.
- Heeft [geen] negatieve impact op SEO: Website-eigenaren raken in de war en gaan ervan uit dat noopener hetzelfde is als nofollow. Echter, zowel noopener als noreffer beïnvloeden de [stroom] van link juice niet. Ze zijn puur voor browsergedrag en privacy. Link builders kunnen ze veilig gebruiken zonder hun backlink-strategieën te riskeren of waarde te verliezen van externe links met hoge autoriteit.
Hier zijn de nadelen van het gebruik van noopener noreferer in externe links:
- Je verliest verwijzingsgegevens met noreferrer: Wanneer je rel="noreferrer" gebruikt, voorkomt het dat de bestemmingswebsite kan zien waar de bezoeker vandaan komt. Het is nuttig voor privacy, maar niet ideaal wanneer tracking belangrijk is. Bijvoorbeeld, [affiliate] marketeers, merkpartners of analytische teams hebben vaak die verwijzingsinformatie nodig voor rapportage, betaling of optimalisatie. Als je het verbergt met een noreferrer, loop je mogelijk attributie of zelfs inkomsten mis.
- "Compatibiliteitsproblemen" met sommige analysetools: Sommige oudere of aangepaste analysesystemen gebruiken nog steeds de Referer-header om "bezoekersreizen" bij te houden. Als noreferrer wordt toegepast, kunnen "URL-trackingtools" verkeer als “direct” weergeven in plaats van de werkelijke bron te tonen. Daarom kunnen de rapporten onnauwkeurig zijn en weten SEOs of website-eigenaren mogelijk niet waar het verkeer werkelijk vandaan komt.
- Kan leiden tot overcomplicatie in sjablonen: Op grote websites met complexe CMS-configuraties kan het beheren van [noopener noreferrer]-tags op elke externe link tijdrovend zijn. Het kan extra scripting, pluginconfiguraties of handmatige inspanning vereisen. Als het niet consistent wordt afgehandeld, kan het een mix van veilige en onveilige links veroorzaken, wat niet ideaal is voor langdurig onderhoud.
Beste praktijken voor [Link Builders]
Volg deze "best practices" bij het gebruik van noopener noreferrer in [link building]:
Gebruik rel="noopener" met target="_blank"
Je zou rel="noopener" moeten gebruiken bij links die in nieuwe tabbladen openen via target="_blank". Het voorkomt toegang tot window.opener vanaf de gelinkte pagina en elimineert [tabnabbing]-risico's.
Ook zorgt het voor veilig gedrag zonder SEO of PageRank te beïnvloeden. U moet dit als standaard beschouwen voor alle externe links die in een nieuw tabblad worden geopend.
Gebruik rel="noreferrer" met [voorzichtigheid]
Je zou rel="noreferrer" moeten opnemen in externe links om te voorkomen dat verwijzingsinformatie naar de bestemmings-URL wordt doorgegeven. Je zou deze tag alleen moeten toevoegen in privacygevoelige scenario's of wanneer het volgen van verwijzingen moet worden vermeden.
Vermijd Overmatig Gebruik van Noreferrer bij Linkbuilding
Probeer het overmatige gebruik van noreferrer te vermijden, aangezien het de zichtbaarheid in [analytics] vermindert en de waarde van [backlinks] in outreachcampagnes verzwakt.
Verwijzingsheaders helpen ontvangende sites om verkeersbronnen en link geloofwaardigheid te herkennen. Wees voorzichtig bij het gebruik van dit attribuut, en maak het niet de standaard voor alle [backlinks].
Combineren met Nofollow, UGC of Gesponsord indien nodig
Gebruik nofollow voor onbetrouwbare of promotionele links, UGC voor door gebruikers gegenereerde inhoud, en sponsored voor betaalde plaatsingen of affiliate verwijzingen.
Wanneer links openen in nieuwe tabbladen, combineer met noopener voor [beveiliging]. Vermijd koppelen met noreferrer tenzij vereist door [compliance] of [privacy].
Veelgestelde Vragen
Doet rel="noreferrer" [SEO] pijn?
Nee. rel="noreferrer" schaadt SEO niet. Google volgt links met noreferrer en geeft PageRank (linkwaarde) door zolang nofollow of gesponsord niet aanwezig is. De noreferrer-tag beïnvloedt het gedrag van de browser, niet hoe zoekmachines pagina's evalueren of rangschikken.
Linkautoriteit, indexering en relevantie van ankertekst worden volledig behouden. Het enige nadeel is [verlies] van verwijzingsgegevens.
Wanneer deze tag wordt gebruikt, kan de bestemmingssite niet zien waar het verkeer vandaan kwam. Dat betekent dat platforms zoals Google Analytics of affiliate dashboards geen verwijzingsinformatie zullen ontvangen. Daarom heeft dit invloed op "tracking", niet op [rankings].
Is "noopener" noodzakelijk voor interne links?
Nee, rel="noopener" is niet noodzakelijk voor interne [koppelingen]. Het toevoegen van [contextuele] [links] naar je eigen site brengt niet dezelfde [beveiligingsrisico's] met zich mee als bij externe [links].
De primaire functie van noopener is om [reverse tabnabbing] te voorkomen, en dit type bedreiging komt voort uit [derde-partijdomeinen], niet van links binnen dezelfde site.
Interne links opereren binnen een vertrouwde omgeving onder hetzelfde domein, en daarom beperken browserbeveiligingsprotocollen al gevaarlijk gedrag over identieke oorsprongen.
Kan ik deze tags handmatig verwijderen?
Ja, je kunt rel="noopener noreferrer" verwijderen door de HTML-code rechtstreeks te bewerken. Open je CMS in de bewerkingsmodus en ga naar de hyperlink.
Verwijder nu de noopener noreferer van de externe of interne link. Als je CMS deze waarden standaard toevoegt, moet je de hulp van een ontwikkelaar inschakelen om automatische invoeging via sjablonen of plugins te overschrijven.
Wat is het verschil tussen noreferrer en nofollow?
Noreferrer is een browserniveau-instructie die voorkomt dat de verwijzende URL-informatie wordt doorgegeven aan de bestemmingspagina, terwijl nofollow een SEO-specifieke instructie is die voorkomt dat de "linkwaarde" van het hoofddomein naar de gelinkte site stroomt.
Het belangrijkste verschil ligt in de functie: noreferrer beïnvloedt de zichtbaarheid van verwijzingsgegevens in de browser, terwijl nofollow de overdracht van rankingsignalen in zoekmachines beïnvloedt.
Conclusie
Je zou rel="noopener noreferrer" moeten gebruiken voor externe websites die in een nieuw tabblad openen. Evenzo moet je noreferrer toepassen wanneer je [verwijzingsgegevens] verbergt.
Zorg er ook voor dat u deze attributen niet gebruikt op interne links. Interne navigatie introduceert geen externe veiligheidsrisico's of vereist geen verwijzingscontrole, dus het toevoegen van onnodige attributen creëert rommel in de code zonder voordelen te bieden.
Vergeet niet dat noch noopener noch noreferrer de rankings beïnvloedt. Zoekmachines blijven de links volgen, "linkwaarde" doorgeven en ankertekst verwerken. Alleen nofollow en gesponsorde attributen controleren de overdracht van SEO-waarde.
