Qu'est-ce que Noopener ?
Le terme "noopener" fait référence à l'attribut HTML rel="noopener" qui est ajouté aux liens destinés à s'ouvrir dans un nouvel onglet ou une nouvelle fenêtre du navigateur pour des raisons de sécurité. Cet attribut fournit un niveau de sécurité supplémentaire en empêchant un site web tiers vers lequel vous établissez un lien de prendre le contrôle de l'onglet du navigateur par l'intermédiaire de l'objet window (propriété window.opener).
Voici ce que cela donne en code HTML :
<a href="https://example.com" rel="noopener" target="_blank">Lien d'exemple</a>Pourquoi Noopener est-il important ?
Sans l'attribut rel="noopener", le site web lié pourrait prendre le contrôle de l'onglet de la page liée dans un navigateur et la rediriger vers une page de phishing ou un site web malveillant. Ce dernier pourrait être utilisé pour voler des données personnelles ou installer des logiciels malveillants. L'attribut noopener sur les liens externes protège les visiteurs du site web contre ce piratage de porte dérobée. Comme il n'a aucune incidence sur le référencement de votre site, vous pouvez l'utiliser en toute sécurité pour optimiser la sécurité de tous vos utilisateurs.
Depuis 2017, cet attribut est ajouté automatiquement aux liens qui s'ouvrent dans une nouvelle fenêtre ou un nouvel onglet dans WordPress. Cependant, il peut (et doit) être ajouté à tous les liens externes, et pas seulement dans WordPress.
La bonne nouvelle, c'est que depuis 2020, la plupart des navigateurs traitent automatiquement les liens avec target="_blank" comme si rel="noopener" leur était attribué.
Noopener a-t-il un impact sur le référencement ?
Certains propriétaires de sites ont exprimé leur réticence à utiliser l'attribut "noopener" parce qu'ils craignent qu'il n'affecte le référencement de leur site. Cependant, l'attribut "noopener" n'a aucun impact sur le référencement, que ce soit en termes d'exploration ou de flux de jus de liens. L'attribut "noopener" fonctionne au niveau du navigateur, ce qui permet d'éviter les failles de sécurité sans affecter l'optimisation des moteurs de recherche.
Avez-vous besoin d'utiliser Noopener sur votre site web ?
Si vous utilisez WordPress, vous utilisez probablement "noopener" automatiquement. Les navigateurs modernes traitent les liens avec target="_blank" comme si rel="noopener" était présent de toute façon. Cela offre un niveau de sécurité supplémentaire à vos utilisateurs, même s'ils ne disposent pas d'un navigateur moderne.
Par ailleurs, si vous n'utilisez pas WordPress, il est conseillé d'inclure manuellement "noopener" dans les liens qui s'ouvrent dans un nouvel onglet ou une nouvelle fenêtre. Cela permet de protéger les visiteurs qui utilisent des versions plus anciennes de navigateurs.
Si l'utilisation de "noopener" est un moyen efficace de protéger les utilisateurs contre les codes malveillants, il n'en reste pas moins important d'examiner attentivement les sites vers lesquels vous établissez des liens. En choisissant uniquement des sites qui font autorité et qui sont dignes de confiance, vous minimisez les risques pour vos utilisateurs. Cependant, comme les sites web peuvent changer, mourir ou être revendus, même les bons liens d'aujourd'hui peuvent devenir les liens malveillants de demain. C'est pourquoi le "noopener" constitue une couche de sécurité supplémentaire importante pour garantir que vos utilisateurs restent en sécurité, quels que soient les liens sur lesquels ils cliquent sur votre site.
Bonnes pratiques pour l'utilisation de Noopener
- Mise en œuvre automatique dans le CMS : Utilisez un CMS comme WordPress qui ajoute automatiquement
rel="noopener"aux nouveaux onglets/fenêtres. - Ajout manuel : Si vous n'utilisez pas de CMS, ajoutez manuellement
rel="noopener"à tous les liens qui s'ouvrent dans un nouvel onglet ou une nouvelle fenêtre. - Vérifications régulières : Vérifiez et mettez à jour régulièrement les liens pour vous assurer qu'ils pointent vers des sources fiables.
- Restez informé : Suivez les mises à jour des navigateurs pour comprendre comment ils gèrent les attributs de sécurité des liens.
FAQ
Pourquoi l'attribut noopener a-t-il été introduit ?
L'attribut noopener a été introduit pour empêcher les sites web liés de prendre le contrôle de l'onglet d'origine par l'intermédiaire de la propriété window.opener, protégeant ainsi les utilisateurs contre d'éventuelles menaces de sécurité.
Noopener a-t-il un impact sur le référencement ?
Non, l'attribut noopener n'a aucun impact sur le référencement. Il s'agit d'une fonctionnalité de sécurité qui empêche certains types d'attaques sans affecter le classement dans les moteurs de recherche.
Dois-je ajouter noopener à tous mes liens externes ?
Oui, l'ajout de noopener à tous les liens externes qui s'ouvrent dans un nouvel onglet ou une nouvelle fenêtre est une bonne pratique de sécurité, qui protège les utilisateurs contre les vulnérabilités potentielles.
