In een notendop: Wat is rel noopener noreferrer?
Rel noopener en rel noreferrer zijn twee linkattributen. Een rel-attribuut kan worden gebruikt voor externe links om informatie te geven over de relatie (rel) tussen de bronpagina en de gelinkte pagina. Het "noopener" attribuut verhoogt de veiligheid van links, terwijl het "noreferrer" attribuut de oorsprong van een link verbergt.
Beide attributen kunnen worden gecombineerd tot rel noopener noreferrer.
rel-attribuut Noopener: beveiligingslek in JavaScript dichten
Het rel-attribuut Noopener wordt gebruikt om een veiligheidsgat in JavaScript te dichten. Om te begrijpen hoe dit werkt, zullen we eerst uitleggen hoe je een pagina oproept via een link:
- Gebruikers bezoeken website A en lezen een tekst op een van de subpagina's. Ze vinden in de tekst een link naar verdere inhoud op een andere website B en klikken daarop. Ze vinden een link in de tekst naar verdere inhoud op een andere website B en klikken erop.
- De beheerder van website A wil gebruikers meerwaarde bieden door te linken naar de inhoud van website B en stelt daarom de link in, maar hij wil zijn gebruikers niet verliezen. Daarom gebruikt hij de volgende opdracht bij het linken: target="_blank".
- Deze opdracht informeert de browser dat hij de link naar de gelinkte website B in een nieuw browsertabblad moet openen. Het voordeel voor de exploitant van website A is dat hun pagina open blijft staan in het vorige tabblad en dat gebruikers eerder geneigd zijn terug te keren naar hun website.
- Er ontstaat echter een beveiligingslek wanneer het tweede tabblad wordt geopend. De browsers werken met de volgende JavaScript-eigenschap of het volgende commando: [window.opener]. Helaas is deze JavaScript-eigenschap een toegangspoort voor hackers.
- De hackers zouden het eenvoudige commando [window.open.location] en een valse URL kunnen gebruiken om gebruikers om te leiden naar de verkeerde websites. De hackers konden ook toegang krijgen tot de broncode van website A en deze manipuleren, waardoor de website onbruikbaar werd.
Dit probleem van een gebrekkige beveiliging doet zich voor bij externe links waarbij de opdracht target="_blank" wordt gebruikt om een gekoppelde pagina in een nieuw browsertabblad te openen. Dit veiligheidstekort treedt niet op bij een externe link die wordt geopend in hetzelfde browsertabblad als tabblad A van de website.
Daarom moeten alle websitebeheerders en SEO-experts die de ankertags van externe links uitrusten met de opdracht target="_blank" het attribuut rel noopener gebruiken. Hier volgt een voorbeeld van het instellen van het rel noopener attribuut in HTML:
rel noopener verhoogt niet alleen de veiligheid van je eigen website, maar beschermt ook je eigen websitebezoekers tegen schade door hackeraanvallen via [window.open.location] en onjuiste URL's. Het is een van de belangrijkste beveiligingsaspecten bij het plaatsen van externe links bij linkbuilding.
Voor alle interne links en vooral voor externe links waarbij de gelinkte pagina niet in een nieuw browsertabblad wordt geopend, hoeft rel noopener niet te worden gebruikt.
Voor bestaande websites die externe links hebben met de opdracht target="_blank", maar zonder het rel noopener attribuut, is een aanpassing nodig: alle externe links moeten vervolgens worden voorzien van rel noopener. Om dit voor alle links te doen, is meestal enorm veel werk.
Voor sommige contentmanagementsystemen (CMS), zoals het WordPress-systeem, zijn plugins ontwikkeld waarmee HTML-attributen zoals rel noopener met terugwerkende kracht kunnen worden ingevoegd. Een voorbeeld van zo'n plugin voor WordPress is de "Add Target Fixer" plugin.
- Gratis
SEO strategie vergadering
Tijdens een gratis SEO strategie consult ontdekken we onbenut potentieel en ontwikkelen we een strategie om je succesvoller te maken op Google.
- Meer organische zichtbaarheid
- Meer organische bezoekers naar je website
- Meer informatie & verkoop
Anchor tags met rel-attribuut noreferrer: de oorsprong van de link verbergen
Normaal gesproken kan website B, die een link ontvangt van website A, de herkomst van de link controleren - ik bedoel:
De beheerder van website B is op de hoogte van waar de gebruikers hun website vinden. Als de beheerder van website A echter het attribuut rel noreferrer in de tag voor de link naar website B instelt, kan de beheerder van de andere website de herkomst van de link niet meer zien; in plaats van de URL van website A geeft Google Analytics bijvoorbeeld de opmerking "(direct) / (none)" weer.
Het rel noreferrer attribuut moet worden gebruikt wanneer beheerders van gelinkte websites niet mogen weten welke website naar hen linkt. Er is geen geval bekend waarin de oorsprong van de link verborgen moet blijven voor websitebeheerders, maar rel noreferrer werd geïntroduceerd voor zulke gevallen. Hoe rel noreferrer correct te gebruiken:
Voor de meeste externe links is het gebruik van het rel noreferrer attribuut zelfs ongewenst. Vooral bij affiliate marketing, waarbij websitebeheerders affiliate links naar andere websites plaatsen en een commissie ontvangen als er met succes nieuwe klanten worden geworven, is het gebruik van het rel noreferrer attribuut volledig zinloos.
Affiliatepartners moeten onderling weten waar de klanten vandaan komen om commissiebetalingen correct te kunnen toewijzen.
- Ik ben een van de toonaangevende SEO-experts in Duitsland
Ik ben bekend van grote media zoals Stern, GoDaddy, Onpulson & ontbijttelevisie en heb al gewerkt met meer dan 100+ bekende klanten succesvol op Google.
Google-beoordeling
Gebaseerd op 185 beoordelingen
Trustpilot beoordeling
Gebaseerd op 100 beoordelingen
Combinatie van verschillende HTML-attributen: noopener, noreferrer, nofollow en andere
Het is toegestaan om verschillende attributen met elkaar te combineren. Hoewel sommige SEO-bureaus en SEO-experts de attributen rel noopener en rel noreferrer combineren en noreferrer gebruiken als rel noopener in de anchor tag, is deze combinatie meestal zinloos. De reden hiervoor is eenvoudig:
Omdat er geen zinvol doel is voor rel noreferrer, is er ook geen doel voor de combinatie rel noopener noreferrer.
Het is anders met de attribuutcombinatie van noreferrer en nofollow. De combinatie van deze twee attributen wordt aanbevolen als de externe link in een nieuw browsertabblad moet worden geopend en als de gelinkte website niet door crawlers mag worden bezocht. Het laatste - het voorkomen van crawling - is het effect wanneer het nofollow attribuut wordt gebruikt.
Conclusie: Wat is rel noopener noreferrer?
Het HTML attribuut rel noopener noreferrer heeft zelden zin omdat er geen zinvol gebruik bekend is voor het noreferrer attribuut. De situatie is anders met alleen het rel noopener attribuut: dit is extreem nuttig omdat het een veiligheidsgat in JavaScript elimineert en de veiligheid voor zowel gebruikers als websitebeheerders verhoogt.
Het attribuut rel noopener mag alleen worden gebruikt voor uitgaande links die in een nieuw browsertabblad worden geopend. Een combinatie van het HTML-attribuut rel noopener met het attribuut rel nofollow is mogelijk en wordt in sommige gevallen aanbevolen.
- Ken je mijn SEO nieuwsbrief?
Registreer je nu en ontvang regelmatig tips van de experts.