Glossaire SEO : rel="noopener noreferrer"

 

Attribut rel Noopener : combler une faille de sécurité en JavaScript

L'attribut rel Noopener sert à égaliser une faille de sécurité dans JavaScript. Pour comprendre comment cela fonctionne, expliquons d'abord l'appel d'une page via un lien:

 

• Les utilisateurs visitent un site web A et lisent un texte sur l'une des sous-pages. Ils trouvent dans le texte un lien vers des contenus complémentaires sur un autre site web B et cliquent dessus.
• L'exploitant du site web A souhaite offrir une plus-value aux utilisateurs en créant un lien vers le contenu du site web B et place donc le lien, mais il ne veut pas perdre ses utilisateurs. C'est pourquoi il utilise la commande suivante lors de la création du lien : target="_blank".
• Grâce à cette commande, le navigateur sait qu'il doit ouvrir le lien vers le site web B dans un nouvel onglet du navigateur. L'avantage pour l'exploitant du site A est que sa page reste ouverte dans l'onglet précédent et que les utilisateurs sont plus susceptibles de revenir sur son site.
• Une faille de sécurité apparaît toutefois à l'ouverture du deuxième onglet. En effet, les navigateurs fonctionnent avec la propriété JavaScript ou la commande suivante : [window.opener]. Malheureusement, cette propriété JavaScript est une porte d'entrée pour les pirates informatiques.
• En utilisant la simple commande [window.open.location] et en fournissant une URL erronée, les pirates pourraient rediriger les utilisateurs vers de faux sites. En outre, les pirates pourraient avoir accès au code source du site A et le manipuler, ce qui pourrait rendre le site inopérant.

 

Ce problème de manque de sécurité se pose pour les liens externes, où la commande target="_blank" doit permettre d'ouvrir une page liée dans un nouvel onglet du navigateur. Dans le cas d'un lien externe qui s'ouvre dans le même onglet de navigateur que l'onglet du site A, ce déficit de sécurité ne se produit pas.

 

En conséquence, tous les exploitants de sites web et les experts SEO qui dotent les balises d'ancrage des liens externes de la commande target="_blank" sont appelés à utiliser l'attribut rel noopener. Voici un exemple de la manière dont l'attribut rel noopener doit être placé dans le langage HTML :

 

<a href="https://www.timospecht.de/" target="_blank" rel="noopener">

 

rel noopener augmente non seulement la sécurité de son propre site web, mais protège également les visiteurs de son site web contre les dommages causés par les interventions de pirates via [window.open.location] et les fausses URL. C'est l'un des aspects de sécurité les plus importants lors de la création de liens externes dans le cadre du link building.

 

En revanche, il n'est pas nécessaire d'utiliser rel noopener pour tous les liens internes et en particulier pour les liens externes pour lesquels la page liée ne s'ouvre pas dans un nouvel onglet du navigateur.

 

Pour les sites web déjà existants qui ont des liens externes avec la commande target="_blank", mais sans l'attribut rel noopener, une adaptation est nécessaire : après coup, tous les liens externes doivent être dotés de rel noopener. Cette opération est généralement très complexe.

 

Pour certains systèmes de gestion de contenu (CMS), comme par exemple le système WordPress, des plugins ont été développés pour permettre l'utilisation ultérieure d'attributs HTML tels que rel noopener. Le plugin "Add Target Fixer" est un exemple d'un tel plugin pour WordPress.

 

 

Tags d'ancrage avec l'attribut rel noreferrer : masquer l'origine du lien

Normalement, le site B qui reçoit un lien du site A peut vérifier l'origine du lien - veut dire :

 

L'exploitant du site web B est informé de l'endroit à partir duquel les utilisateurs accèdent à son site web. Si l'exploitant du site A définit l'attribut rel noreferrer dans la balise pour le lien vers le site B, l'exploitant de l'autre site ne peut toutefois plus voir l'origine du lien ; au lieu d'une URL du site A, il reçoit par exemple la mention "(direct) / (none)" dans Google Analytics.

 

L'attribut rel noreferrer doit être utilisé lorsque les exploitants de sites web liés ne doivent pas savoir à partir de quel site web un lien est établi vers eux. On ne connaît pas de cas où l'on devrait cacher l'origine du lien aux exploitants de sites Web, mais c'est pour cette éventualité que rel noreferrer a été introduit. Voici comment utiliser correctement rel noreferrer :

 

<a href=“https://www.timospecht.de/“ target=“_blank“ rel=“noreferrer“>

 

Pour la plupart des liens externes, l'utilisation de l'attribut rel noreferrer est même indésirable. L'utilisation de l'attribut rel noreferrer est totalement inutile, en particulier dans le marketing d'affiliation, où les exploitants de sites Web placent des liens d'affiliation vers d'autres sites Web et reçoivent une commission en cas de commercialisation réussie de nouveaux clients.

 

En effet, les partenaires affiliés doivent savoir entre eux d'où viennent les clients afin de pouvoir attribuer correctement les paiements de commissions.

 

 

Combinaison de différents attributs HTML : noopener, noreferrer, nofollow et autres

Il est permis de combiner différents attributs. Bien que certaines agences de référencement et experts en référencement composent les attributs rel noopener et rel noreferrer et les utilisent dans la balise d'ancrage comme rel noopener noreferrer, cette combinaison n'a généralement aucun sens. La raison en est simple :

 

Comme il n'y a pas d'application utile pour rel noreferrer, il n'y a pas non plus d'application pour la combinaison rel noopener noreferrer.

 

Il en va autrement de la combinaison d'attributs noreferrer et nofollow. Il est recommandé de combiner ces deux attributs si le lien externe doit s'ouvrir dans un nouvel onglet du navigateur et si le site web lié ne doit pas être visité par les robots d'exploration. Ce dernier effet - empêcher l'exploration - est en effet obtenu lorsque l'attribut nofollow est utilisé.