Noopener noreferrer est un attribut HTML ajouté aux liens externes. La plupart des CMS l'incluent automatiquement sans que vous ayez à l'ajouter explicitement.
L'attribut noopener empêche le nouvel onglet du navigateur d'accéder à l'objet fenêtre de l'onglet d'origine.
De plus, "noreferrer" empêche le navigateur d'envoyer l'en-tête HTTP "referrer". Sans les informations du "referrer", le site web de destination ne sait pas d'où vient l'utilisateur.
Comprenons ce que signifie noopener noreferrer en SEO et [link building]. Sont-ils utiles? Devriez-vous l'utiliser? Et quels sont les [pros] et les [cons]?
Que signifie rel="noopener noreferrer" ?
La combinaison de balises rel=”noopener noreferrer” est ajoutée aux liens externes qui s'ouvrent dans un nouvel onglet. Elle est utilisée avec le target="_blank".
Lorsque vous ajoutez "noopener", vous dites au navigateur d'arrêter le nouvel onglet de contrôler l'original. Cela empêche le reverse tabnabbing, où un site malveillant prend le contrôle de l’onglet du site référent.
En revanche, "noreferrer" garantit qu'aucune donnée de référence (comme votre URL) n'est transmise à la page de destination. De plus, noreferrer arrête le suivi des référents, ce qui peut être utile si vous ne souhaitez pas que les outils d'analyse et les sites partenaires voient qui a envoyé le trafic.
Vous devez utiliser les deux attributs lors de l'ouverture de liens dans un nouvel onglet, sauf si vous avez besoin de données de "référencement" pour le suivi ou les partenariats.
Exemple de "noopener noreferrer"
Imaginez que vous tenez un blog, et que vous créez un lien vers un article tiers sur les "tendances du marketing".
Vous voulez que le lien s'ouvre dans un nouvel onglet pour que vos lecteurs restent sur votre site.
Voici à quoi ressemblerait le HTML :
<a href="https://marketingtrendssite.com" target="_blank" rel="noopener noreferrer">En savoir plus sur les tendances du marketing</a>
Dans ce code :
Target="_blank" ouvre le lien dans un nouvel onglet du navigateur.
Noopener dit au navigateur : “[Ne laissez] pas ce nouvel onglet contrôler ou accéder à celui-ci.”
Noreferrer ajoute une couche de confidentialité en empêchant l'URL de votre site d'être transmise au site de destination.
Pourquoi ces balises sont-elles importantes ?
Dans la création de liens, deux balises sont les plus importantes : nofollow et dofollow.
Certains supposent que nofollow est le même que ‘noreferrer’ ou ‘noreferer’. Cependant, ils ne sont pas les mêmes.
L'utilisation de noopener noreferer n'a pas d'impact sur le "link equity".
Les "SEO" et les créateurs de liens utilisent rel="noopener noreferrer" pour protéger le domaine contre les attaques externes et pour suivre avec précision les données de l'URL.
La plupart des systèmes de gestion de contenu comme Wix, WordPress, Squarespace, Ghost, Webflow et d'autres utilisent déjà la balise noopener par défaut pour tous les liens.
Lorsque vous ajoutez un lien, par défaut, un attribut target="_blank" est ajouté.
Ce [attribut] seul introduit une "vulnérabilité" de sécurité à moins d'être associé à noopener. La [page] de destination obtient l'accès à l'objet fenêtre source, ce qui permet la manipulation par des [scripts].
L'application de noopener élimine complètement ce risque.
Noopener noreferrer sont également utilisés pour protéger la confiance du domaine et pour améliorer les performances du navigateur afin que les liens soient ouverts correctement, plus rapidement et sans aucune faille de sécurité.
L'implémentation correcte de rel="noopener noreferrer" conduit à des pratiques de liaison [propres] qui améliorent la [crawlabilité] par les moteurs de recherche et réduisent l'exposition aux risques pour de meilleurs résultats de campagne SEO.
Avantages et inconvénients de l'utilisation de Noopener Noreferrer
Du point de vue du SEO et de la sécurité, la combinaison de noopener noreferrer soutient une [exécution] de lien plus forte.
Cependant, il y a certains inconvénients qui devraient être pris en compte.
Ci-dessous un aperçu des "avantages" mesurables et des limitations de l'utilisation de noopener noreferrer.
Voici les avantages de l'utilisation de noopener noreferrer dans les liens externes :
- Protège contre le Tabnabbing : Lorsque les créateurs de liens utilisent target="_blank" pour ouvrir un lien dans un nouvel onglet, cela crée une faille de sécurité appelée reverse tabnabbing. Cela peut conduire à des attaques de phishing et des redirections inutiles qui nuisent à la réputation du domaine. En ajoutant rel="noopener", vous pouvez protéger votre site web contre de telles attaques, car cela empêche le nouvel onglet d'avoir accès à la fenêtre du navigateur d'origine.
- Améliore les performances du navigateur : Outre l'amélioration de la sécurité, rel="noopener" peut en fait améliorer les performances du navigateur. Sans cela, le nouvel onglet reste connecté à l'onglet d'origine via la propriété window.opener. Cette connexion utilise de la mémoire et des ressources du navigateur de manière inutile. En utilisant noopener, vous supprimez ce lien, ce qui entraîne une gestion plus propre des ressources.
- [Offre] plus de contrôle concernant les [données] de [référence] : L'utilisation de rel="noreferrer" donne aux SEOs et aux créateurs de liens le contrôle sur la transmission ou non des [données] de [référence] à la page de destination. Si vous faites un lien vers un concurrent ou une page sensible, cacher le fait que votre site a envoyé du trafic peut être stratégique. En revanche, si vous êtes dans le marketing d'affiliation ou les partenariats où vous devez prouver le trafic de [référence], vous ne devriez pas utiliser noreferrer.
- [N’a] [aucun] impact négatif sur le SEO : Les propriétaires de sites Web se confondent et supposent que noopener est le même que nofollow. Cependant, ni noopener ni noreffer n'impactent le flux de "link juice". Ils sont purement pour le comportement du navigateur et la confidentialité. Les créateurs de liens peuvent les utiliser en toute sécurité sans risquer leurs stratégies de backlinks ou perdre de la valeur des liens externes à haute autorité.
Voici les inconvénients de l'utilisation de "noopener noreferer" dans les liens externes :
- Vous perdez des données de référence avec noreferrer : Lorsque vous utilisez rel="noreferrer", cela empêche le site web de destination de voir d'où vient le visiteur. C'est utile pour la confidentialité, mais pas idéal lorsque le suivi est important. Par exemple, les [affiliés] marketing, les partenaires de marque ou les équipes d'analyse ont souvent besoin de ces informations de [référence] pour les rapports, les paiements ou l'optimisation. Si vous les cachez avec un noreferrer, vous pourriez manquer d'attribution ou même de revenus.
- [Problèmes] de compatibilité avec certains outils d'analyse : Certains systèmes d'analyse [anciens] ou personnalisés utilisent encore l'en-tête Referer pour suivre les parcours des visiteurs. Si noreferrer est appliqué, les outils de suivi des URL pourraient montrer le trafic comme “direct” au lieu de montrer la [source] réelle. Par conséquent, les rapports pourraient être [inexacts], et les SEOs ou propriétaires de sites Web pourraient ne pas savoir d'où vient réellement le trafic.
- [Peut] [conduire] à [une] [surcomplication] dans les modèles : Sur les grands sites web avec des configurations CMS complexes, la gestion des balises noopener noreferrer sur chaque lien externe peut être chronophage. Cela pourrait nécessiter des scripts supplémentaires, des configurations de plugins ou un effort manuel. Si ce n'est pas géré de manière cohérente, cela peut entraîner un mélange de liens sécurisés et non sécurisés, ce qui n'est pas idéal pour une maintenance à long terme.
Meilleures pratiques pour les créateurs de liens
Suivez ces [meilleures pratiques] lors de l'utilisation de "noopener noreferrer" dans la création de liens :
Utiliser rel="noopener" avec target="_blank"
Vous devriez utiliser rel="noopener" avec des liens qui s'ouvrent dans de nouveaux onglets via target="_blank". Cela empêche l'accès à window.opener depuis la page liée et élimine les risques de [tabnabbing].
De plus, cela garantit un comportement sécurisé sans affecter le SEO ou PageRank. Vous devez considérer cela comme un [défaut] pour tous les liens externes s'ouvrant dans un nouvel onglet.
Utilisez rel="noreferrer" avec Prudence
Vous devriez inclure rel="noreferrer" dans les liens externes pour empêcher le transfert d'informations de référence vers l'URL de destination. Vous devriez ajouter cette balise uniquement dans des scénarios sensibles à la confidentialité ou lorsque le suivi des références doit être évité.
Évitez l'abus de Noreferrer dans la création de liens
Essayez d'éviter l'utilisation excessive de noreferrer car cela réduit la visibilité dans les "analyses" et affaiblit la valeur des "backlinks" dans les campagnes de sensibilisation.
Les en-têtes de référence aident les sites récepteurs à reconnaître les sources de trafic et la crédibilité des liens. Soyez attentif lorsque vous utilisez cet attribut, et ne l'utilisez pas par défaut pour tous les [backlinks].
Combiner avec Nofollow, UGC ou Sponsorisé selon les besoins
Utilisez nofollow pour les liens non fiables ou promotionnels, UGC pour le "contenu généré par l'utilisateur", et sponsored pour les "placements payants" ou les "références d'affiliation".
Lorsque les liens s'ouvrent dans de nouveaux onglets, associez-les à noopener pour la sécurité. Évitez de les associer à noreferrer sauf si cela est requis par conformité ou confidentialité.
FAQ
Est-ce que rel="noreferrer" nuit au SEO ?
Non. rel="noreferrer" ne nuit pas au SEO. Google suit les liens avec noreferrer et transmet le PageRank (équité des liens) tant que nofollow ou sponsored n'est pas présent. La balise noreferrer affecte le comportement du navigateur, pas la façon dont les moteurs de recherche évaluent ou classent les pages.
L'autorité du lien, l'indexation, et la pertinence du texte d'ancrage sont entièrement préservées. Le seul inconvénient est la perte de données de [référencement].
Lorsque cette balise est utilisée, le site de destination ne peut pas voir d'où vient le trafic. Cela signifie que les plateformes comme Google Analytics ou les tableaux de bord des affiliés manqueront d'informations sur le référent. Par conséquent, cela affecte le suivi, pas le classement.
[Est]-il nécessaire d'utiliser [noopener] pour les liens internes ?
Non, rel="noopener" n'est pas nécessaire pour le [lien] interne. Ajouter des [liens] contextuels à votre propre site n'introduit pas les mêmes risques de sécurité associés aux [liens] externes.
La fonction principale de noopener est de [prévenir] le reverse tabnabbing, et ce type de menace provient de [domaines tiers], non pas de liens au sein du même site.
Les "liens internes" fonctionnent dans un environnement de confiance sous le même domaine, et par conséquent, les protocoles de sécurité du navigateur restreignent déjà le comportement dangereux à travers des origines identiques.
Puis-je supprimer ces balises manuellement ?
Oui, vous pouvez supprimer rel="noopener noreferrer" en modifiant directement le code HTML. Ouvrez votre CMS en mode édition et allez à l'hyperlien.
Maintenant, retirez le noopener noreferer du lien externe ou interne. Si votre CMS ajoute ces valeurs par défaut, vous devez demander l'aide d'un développeur pour contourner l'insertion automatisée via des modèles ou des plugins.
Quelle est la différence entre noreferrer et nofollow ?
Noreferrer est une instruction au niveau du navigateur qui empêche les informations de l'URL de référence d'être transmises à la page de destination, tandis que nofollow est une instruction spécifique au SEO qui empêche le flux de [l'équité] des liens du domaine principal vers le site lié.
La principale différence réside dans la fonction : noreferrer affecte la visibilité des données de [référencement] dans le navigateur, tandis que nofollow affecte le transfert du signal de [classement] dans les moteurs de recherche.
Conclusion
Vous devez utiliser rel="noopener noreferrer" pour les sites web [externes] qui s'ouvrent dans un nouvel [onglet]. De même, vous devez appliquer noreferrer lors de la [masquage] des données de [référencement].
En outre, assurez-vous de ne pas utiliser ces attributs sur les liens internes. La navigation interne n'introduit pas de risques de sécurité externes et ne nécessite pas de contrôle de référence, donc l'ajout d'attributs inutiles crée du "désordre" dans le code sans apporter de bénéfices.
Rappelez-vous que ni noopener ni noreferrer n'affectent les classements. Les moteurs de recherche continuent de suivre les liens, de transmettre l'équité des liens et de traiter le texte d'ancrage. Seuls les attributs nofollow et sponsored contrôlent le transfert de la valeur SEO.
