26 Mai Que représentent les attributs rel=noopener et rel=noreferrer ?
Les attributs rel=noopener et rel=noreferrer pour une meilleure sécurité et un référencement optimisé
Les attributs rel=noopener et rel=noreferrer sont essentiels pour assurer la sécurité de votre site web et optimiser son référencement. Dans cet article, nous explorerons en détail ces deux attributs, leur fonctionnement et leur importance.
Qu’est-ce que l’attribut rel=noopener ?
L’attribut rel=noopener est utilisé conjointement avec l’attribut target="_blank" sur les liens externes pour améliorer la sécurité des sites web. Lorsqu’un lien externe s’ouvre dans un nouvel onglet ou une nouvelle fenêtre, il est possible que le site cible accède à l’objet window.opener du site d’origine, ce qui peut entraîner des problèmes de sécurité.
La faille de sécurité corrigée par rel=noopener
La principale faille de sécurité résolue par l’utilisation de rel=noopener concerne les attaques de type phishing ou tabnabbing, où un site malveillant pourrait rediriger l’utilisateur vers un autre site sans son consentement. En ajoutant l’attribut rel=noopener aux liens externes, vous empêchez ces attaques et protégez ainsi vos visiteurs.
Qu’est-ce que l’attribut rel=noreferrer ?
L’attribut rel=noreferrer a également pour but d’améliorer la sécurité et la confidentialité en empêchant le transfert des informations de provenance (referrer) lors du suivi des liens externes. Outre les avantages en termes de confidentialité, cela peut également avoir un impact positif sur le référencement de votre site web.
En effet, certains moteurs de recherche, comme Google, tiennent compte du jus de PageRank lorsqu’ils évaluent la qualité et la pertinence d’un site web. En utilisant l’attribut rel=noreferrer, vous empêchez le transfert de ce jus vers les sites externes, améliorant ainsi l’optimisation de votre référencement.
L’implémentation des attributs rel=noopener et rel=noreferrer dans WordPress
Depuis la version 4.7.4 de WordPress, ces deux attributs sont ajoutés automatiquement aux liens en target= »_blank ». Ainsi, il n’est pas nécessaire pour les propriétaires de sites WordPress de se soucier manuellement de leur implémentation. Cette mise à jour a été réalisée pour répondre aux normes de sécurité actuelles et protéger les utilisateurs contre les failles potentielles.
Comment ajouter manuellement les attributs rel=noopener et rel=noreferrer à vos liens
Si vous ne travaillez pas avec WordPress ou si vous souhaitez ajouter ces attributs manuellement pour une raison quelconque, voici comment procéder :
- Ouvrez le fichier HTML contenant le lien externe.
- Recherchez le code du lien externe (par exemple,
<a href="https://www.example.com" target="_blank">Lien exemple</a>). - Ajoutez les attributs
rel="noopener noreferrer"à la balise<a>. Le code modifié ressemblera à ceci :<a href="https://www.example.com" target="_blank" rel="noopener noreferrer">Lien exemple</a>.
Cela étant fait, vos liens externes seront désormais plus sécurisés et optimisés pour le référencement.
Désactiver les attributs rel=noopener et rel=noreferrer sur WordPress
Dans certains cas, vous pourriez souhaiter désactiver ces attributs sur votre site WordPress. Voici comment procéder :
- Accédez à la section Éditeur de votre tableau de bord WordPress.
- Ouvrez le fichier
functions.phpde votre thème actuel. - Ajoutez la ligne suivante à ce fichier :
remove_filter('tiny_mce_before_init', 'wp_pre_tinymce_init');. - Enregistrez vos modifications.
Il est important de noter que la désactivation de ces attributs peut entraîner des risques pour la sécurité et le référencement de votre site web.
En conclusion, les attributs rel=noopener et rel=noreferrer jouent un rôle crucial dans la protection de votre site web et l’optimisation de son référencement. Que vous utilisiez WordPress ou non, il est essentiel d’intégrer ces attributs dans vos liens externes pour garantir une expérience en ligne sécurisée et performante pour vos visiteurs.
Besoin d’un consultant SEO sur Aix en Provence ? Contactez-moi !