Dans cet article, nous allons voir ce que signifie rel= »noopener noreferrer », quand il faut l’utiliser et comment il affecte votre site du point de vue du référencement. Entrons dans le vif du sujet.
Qu’est-ce que rel= »noopener noreferrer » ?
Les attributs HTML rel= »noopener noreferrer » apparaissent dans les hyperliens externes. Plus précisément, l’utilisation des deux attributs noopener et noreferrer empêche.. :
- le chargement de la cible du lien dans le même onglet où le lien a été cliqué
- le lien retour n’apparaît pas comme trafic de référence dans les analyses du site de destination
Voici à quoi ressemblent les attributs de la balise en action :
WordPress ajoute automatiquement ces attributs aux liens externes que vous configurez pour qu’ils s’ouvrent dans une nouvelle fenêtre. Décomposons-les et regardons ce que fait chaque attribut.
noopener
Si vous voulez empêcher un lien externe de prendre le contrôle de la fenêtre du navigateur d’origine de votre utilisateur, vous devez ajouter un attribut noopener. Selon MDN,
« [noopener
] donne l’ordre au navigateur de naviguer vers la ressource cible sans accorder au nouveau contexte de navigation l’accès au document qui l’a ouvert. […] Cela est particulièrement utile lors de l’ouverture de liens non fiables, afin de s’assurer qu’ils ne peuvent pas altérer le document d’origine… »
En résumé, noopener est en grande partie une mesure de sécurité visant à empêcher les liens malveillants d’accéder au navigateur d’un utilisateur (une attaque de phishing connue sous le nom de tabnabbing). Auparavant, le fait de laisser target= »_blank » seul dans votre lien ouvrait cette faille de sécurité. Désormais, lorsqu’un lien externe est configuré pour s’ouvrir dans une nouvelle fenêtre du navigateur à l’aide de target= »_blank », la plupart des moteurs de recherche et des experts en référencement considèrent qu’il est préférable d’utiliser noopener à côté.
(Selon Mozilla Developer Network (MDN), l’attribut target= »_blank » « fournit maintenant implicitement le même comportement » que noopener. Nous pensons qu’il vaut toujours la peine d’être doublement sûr et d’inclure noopener puisque tous les utilisateurs ne cliquent pas sur les liens dans les navigateurs les plus récents et les plus sûrs)
noreferrer
Essentiellement, noreferrer empêche les sites externes de savoir que vous avez inclus des liens vers leur matériel sur votre site Web. Cela peut être important pour vous pour des raisons de confidentialité ou de sécurité. Dans l’ensemble, vous devez réfléchir à cet attribut particulier avant de l’appliquer à vos liens. Son utilisation dépend vraiment de vos préférences.
L’attribut noreferrer masque vos liens de référence dans les analyses de destination. Il empêche que les informations de votre site soient transférées au site vers lequel vos utilisateurs naviguent. Par conséquent, les liens apparaissent comme trafic direct dans Google Analytics, plutôt que comme trafic de référence provenant de votre domaine spécifique.
Si quelqu’un se rend sur votre site Web à l’aide d’un lien qui n’ inclut pas noreferrer, son site Web apparaîtra dans votre lien de trafic de référence sur votre tableau de bord Analytics. Mais si le lien inclut noreferrer, il apparaîtra dans le trafic direct. Vous pouvez trouver ces listes dans Google Analytics sous Acquisition > Tout le trafic > Canaux et Acquisition > Tout le trafic > Références.
Cela permettra toujours de transmettre le « jus de lien » pour le référencement, mais pas les données concernant l’auteur. Si vous n’êtes pas intéressé par la transmission de ce coup de pouce au référencement, nofollow est une balise supplémentaire que vous devez ajouter.
Utilisation de rel= »nofollow
L’ajout de l’attribut nofollow à un lien incluant rel= »noopener noreferrer » vous permet de créer un lien vers d’autres sites Web sans donner l’impression d’approuver leur contenu ou leur perspective. Selon Google, cet attribut doit être utilisé « dans les cas où vous souhaitez créer un lien vers une page mais ne voulez pas donner l’impression d’approuver son contenu, notamment en lui attribuant le mérite du classement »
Fondamentalement, nofollow indique à Google que vous ne voulez pas qu’il perçoive que vous soutenez un site particulier simplement parce que vous créez un lien vers celui-ci. Il existe un certain nombre d’attributs de lien similaires qui aident Google à comprendre l’intention qui se cache derrière un lien, notamment des attributs permettant d’étiqueter le contenu sponsorisé et généré par l’utilisateur (dont beaucoup peuvent être ajoutés via le balisage Schema).
En bref, l’ajout des trois attributs – noopener, noreferrer et nofollow – à un lien indique à Google que vous êtes :
- Volonté de protéger les utilisateurs de votre site contre des liens externes potentiellement malveillants(noopener)
- Refus d’apparaître dans les données d’analyse d’un site Web en tant que trafic de référence(noreferrer)
- Ne pas vouloir cautionner le contenu ou le créateur vers lequel vous établissez un lien(nofollow)
L’attribut nofollow semble assez spécifique, de sorte que vous ne souhaitez probablement l’utiliser qu’au cas par cas et non comme une règle générale. De nombreux blogs définissent leurs sections de commentaires en nofollow afin d’éviter les spams de commentaires provenant de robots et de personnes qui ne contribuent pas à la conversation.
Quand utiliser « noopener noreferrer » ?
Vous voulez que votre site Web soit aussi sûr que possible pour vos visiteurs. Parce que vous voulez construire et tirer parti d’une stratégie de liens retour solide, vous n’utiliserez pas tout le temps rel= »noopener noreferrer ». Par exemple, vous devez éviter de l’utiliser lorsque vous créez des liens vers des pages internes de votre site.
L’utilisation de rel= »noopener noreferrer » indique à Google que vous vous souciez de la sécurité des liens. Et vous ne voulez pas que certains sites reconnaissent votre site comme une référence.
Impact global de « noopener noreferrer » sur le référencement
Lorsque vous utilisez les attributs rel= »noopener noreferrer » dans vos liens externes, cela ne devrait pas avoir d’effet négatif direct sur votre stratégie de liens retour pour le référencement. Aucun des deux attributs n’aura d’incidence sur le classement de votre site en matière de référencement technique. En fait, l’utilisation de noopener à côté de target= »_blank » permettra d’améliorer le référencement sur page, car les utilisateurs resteront sur votre site, même s’ils naviguent vers un autre.
Toutefois, l’utilisation de noreferrer empêchera Google de reconnaître les liens que vous établissez avec d’autres sites. Et les autres propriétaires de sites Web ne pourront pas voir quand vous créez des liens vers eux.
Cela signifie que vous éliminez la possibilité de liens réciproques. Après tout, si vous ne donnez pas aux propriétaires de sites la possibilité de voir votre trafic de référence lorsqu’ils consultent leurs analyses, ils ne peuvent pas savoir qu’il provient de vous.
Les backlinks vers votre site Web provenant d’ailleurs ne sont pas garantis. Néanmoins, il n’y a pas de mal à faire tout ce que vous pouvez pour vous connecter aux sites et au contenu que vous aimez. D’une manière générale, l’utilisation de rel= »noopener noreferrer » dans vos liens externes ne causera aucun dommage. Veillez simplement à ne pas les utiliser sur les pages de votre propre site Web lorsque vous utilisez des liens internes. Cela pourrait entraîner des problèmes dans les analyses de votre propre site et dans l’exploration et l’indexation de la structure de votre site par Googlebot.
Conclusion
Maintenant que vous savez comment utiliser rel= »noopener noreferrer » sur votre site Web, il est temps de planifier en conséquence. Si vous en avez besoin, pensez à créer une feuille de calcul des liens externes que vous incluez sur votre site. Suivez également la page sur laquelle ils se trouvent et les attributs que vous leur avez appliqués. Cela peut s’avérer utile pour une référence rapide au cas où vous auriez besoin d’apporter des modifications futures.
Utilisez-vous rel= »noopener noreferrer » dans vos hyperliens ? Pourquoi ou pourquoi pas ? Envoyez-nous un commentaire et dites-nous ce que vous en pensez
