Que signifie la balise rel=”noopener noreferrer” ? (& Cela affecte-t-il le référencement ?)

Prendre soin de la sécurité de votre site Web est l'un des aspects les plus importants d'être propriétaire d'un site. Vous comprenez peut-être l'importance d'avoir HTTPS dans votre préfixe d'URL, ou pourquoi vous avez besoin d'un certificat SSL. Mais savez-vous ce que signifient les attributs de la balise HTML noopener noreferrer et quand les utiliser ?

Dans cet article, nous verrons ce que signifie rel = "noopener noreferrer" , quand il doit être utilisé et comment il affecte votre site du point de vue du référencement. Allons droit au but.

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 attributs noopener et noreferrer empêche :

• la cible du lien se charge dans le même onglet où le lien a été cliqué
• le backlink d'apparaître comme trafic de référence dans les analyses du site de destination

Voici à quoi ressemblent les attributs de balise en action :

<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">

WordPress ajoute automatiquement ces attributs aux liens externes que vous définissez pour qu'ils s'ouvrent dans une nouvelle fenêtre. Décomposons-les et regardons ce que fait chaque attribut.

pas d'ouverture

Si vous souhaitez 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 ] demande au navigateur de naviguer vers la ressource cible sans accorder au nouveau contexte de navigation l'accès au document qui l'a ouvert. […] Ceci 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 bref, noopener est en grande partie une mesure de sécurité pour empêcher les liens malveillants d'accéder au navigateur d'un utilisateur (une attaque de phishing connue sous le nom de tabnabbing). Dans le passé, laisser target="_blank" seul dans votre lien ouvrait cette vulnérabilité de sécurité. Maintenant, chaque fois que vous avez un lien externe défini pour s'ouvrir dans une nouvelle fenêtre de navigateur en utilisant 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é de lui.

(Selon Mozilla Developer Network (MDN), la cible = "_blank" l'attribut "fournit désormais implicitement le même comportement <rel>" 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écurisés.)

aucun référent

Essentiellement, noreferrer empêche les sites externes de savoir que vous avez inclus des liens vers leur contenu sur votre site Web. Cela pourrait être important pour vous pour des raisons de confidentialité ou de sécurité. Dans l'ensemble, cet attribut particulier est celui auquel vous voudriez réfléchir avant de l'appliquer à vos liens. Son utilisation dépend vraiment de vos préférences.

L'attribut noreferrer masque vos liens de parrainage dans l'analyse de destination. Il protège les informations de votre site contre le transfert vers le site Web sur lequel vos utilisateurs naviguent. Par conséquent, les liens apparaissent en tant que trafic direct dans Google Analytics, plutôt qu'en tant que trafic de référence de votre domaine spécifique.

Si quelqu'un accède à votre site Web à l'aide d'un lien qui n'inclut pas noreferrer , vous pourrez voir son site Web répertorié 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 Trafic direct. Vous pouvez trouver ces listes dans Google Analytics sous Acquisition > Tout le trafic > Canaux et acquisition > Tout le trafic > Références .

Il transmettra toujours le "jus de lien" pour le référencement, mais pas les données concernant l'auteur. Si vous n'êtes pas intéressé à transmettre ce coup de pouce SEO, le nofollow sera une balise supplémentaire que vous souhaitez ajouter.

Utilisation avec rel="nofollow"

L'ajout de l'attribut nofollow à un lien qui inclut 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 point de vue. Google indique que cet attribut doit être utilisé "dans les cas où vous souhaitez créer un lien vers une page mais ne souhaitez impliquer aucun type d'approbation, y compris la transmission du crédit de classement à une autre page".

Fondamentalement, le nofollow indique à Google que vous ne voulez pas qu'il vous perçoive comme soutenant un site particulier simplement parce que vous y accédez. Il existe un certain nombre d'attributs de lien similaires qui aident Google à comprendre l'intention derrière un lien, y compris des attributs pour é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 :

• Désireux de protéger les utilisateurs de votre site contre les liens externes potentiellement malveillants ( noopener )
• Refus d'apparaître dans les données d'analyse d'un site Web en tant que trafic référé ( noreferrer )
• Refus d'approuver le contenu ou le créateur vers lequel vous créez un lien ( nofollow )

L'attribut nofollow semble assez spécifique, vous ne voudrez donc probablement l'utiliser qu'au cas par cas et non en règle générale. De nombreux blogs définissent leurs sections de commentaires sur nofollow pour é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 le plus sécurisé possible pour vos visiteurs. Parce que vous voulez construire et exploiter une stratégie de backlinks solide, vous n'utiliserez pas rel = "noopener noreferrer" tout le temps. 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 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 backlink SEO. Aucun des deux attributs n'affectera votre classement SEO technique. En fait, l'utilisation de noopener avec target = "_blank" fournira un meilleur référencement sur la page car les utilisateurs resteront sur votre site, même s'ils naviguent vers un autre.

Cependant, aucun référent empêchera Google de reconnaître lorsque vous créez un lien vers les sites d'autres personnes. De plus, les autres propriétaires de sites Web ne pourront pas voir quand vous créez un lien vers eux.

Cela signifie que vous supprimez 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 examinent leurs analyses, ils ne peuvent pas savoir que cela vient de vous.

Les backlinks vers votre site Web provenant d'ailleurs ne sont pas garantis. Pourtant, cela ne fait pas de mal de faire tout ce que vous pouvez pour vous connecter aux sites et au contenu que vous aimez. De manière générale, cependant, l'utilisation de rel = "noopener noreferrer" dans vos liens externes ne causera aucun dommage. Assurez-vous simplement de 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 l'analyse 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 nécessaire, envisagez de 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 être 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? Laissez-nous un commentaire et dites-nous ce que vous en pensez.

Image sélectionnée via Sammby / shutterstock.com