Il existe de très nombreux attributs et balises dans le langage HMTL et en matière de SEO, on utilise certains d’entres eux pour le partage de lien en éviter de transmettre du jus SEO, comme c’est le cas pour le nofollow notamment.
Cependant il existe d’autres attributs comme le noopener et le que l’on rencontre assez régulièrement. Voyons quoi ils correspondent et pour quelles raisons ces attributs HTML sont utilisés :
Qu’est-ce que l’attribut nofollow ?
L’attribut nofollow est utilisé dans les liens HTML pour indiquer aux moteurs de recherche de ne pas suivre le lien. Cela signifie que lorsqu’un lien est marqué avec nofollow, il ne transmet pas de « jus de lien » (link juice) pour améliorer le référencement de la page cible. Il est souvent utilisé pour :
- Les liens payants ou sponsorisés.
- Les liens dans des sections où le contenu est généré par les utilisateurs, comme les commentaires ou les forums.
Exemple de lien content l’attribut nofollow :
<a href="https://example.com" rel="nofollow">Lien</a>
Qu’est-ce que l’attribut noopener ?
L’attribut noopener est utilisé pour des raisons de sécurité. Lorsque vous ouvrez un lien dans un nouvel onglet (via target="_blank"), la page nouvellement ouverte peut accéder à la page d’origine via l’objet window.opener, ce qui présente un risque potentiel de sécurité. En ajoutant noopener, vous empêchez cette interaction, protégeant ainsi la page d’origine contre les attaques de type « tabnabbing ».
Exemple de lien content l’attribut noopener :
<a href="https://example.com" target="_blank" rel="noopener">Lien</a>
Qu’est-ce que l’attribut ?
L’attribut noreferrer empêche le navigateur de transmettre des informations sur la page d’origine lorsque l’utilisateur clique sur ce type de lien. Cela signifie que la page cible ne saura pas d’où vient le trafic. En plus de ce rôle, il inclut également la fonctionnalité de noopener, ce qui ajoute une couche de sécurité supplémentaire.
Exemple de lien content l’attribut :
<a href="https://example.com" target="_blank" rel="noreferrer">Lien</a>
Dans quel cas utiliser ces attributs ensemble ?
Il est courant d’utiliser noopener et noreferrer ensemble pour garantir à la fois la sécurité et la protection de la vie privée. Par exemple, si vous ouvrez un lien dans un nouvel onglet, l’ajout de rel="noopener" garantit que la page cible ne peut ni accéder à l’objet window.opener, ni savoir d’où provient le visiteur.
Exemple de lien associant les attributs noopener et :
<a href="https://example.com" target="_blank" rel="noopener">Lien</a>.Pourquoi ces attributs sont-ils importants en SEO et sécurité ?
SEO : L’attribut nofollow est important pour éviter de transférer du jus de lien à des pages non pertinentes ou qui seraient sponsorisées, ce qui pourrait affecter votre classement SEO.
Sécurité : Les attributs noopener et noreferrer sont essentiels pour empêcher des attaques malveillantes, comme le tabnabbing, et pour protéger la vie privée des utilisateurs en évitant la transmission d’informations référentes.
S’ils ne sont pas directement impliqués dans le SEO, connaitre ces attributs est un réel plus quand on assure le référencement d’un site et que l’on souhaite délivrer des conseils au travers d’une prestation complète.
