Qu’est-ce que rel= »noopener » dans WordPress ? (Expliqué)

Vous êtes-vous déjà demandé ce que signifie rel="noopener" dans WordPress ?

Lorsque vous ajoutez un lien qui s’ouvre dans un nouvel onglet, WordPress ajoute automatiquement l’attribut rel="noopener" à ce lien.

Dans cet article, nous allons expliquer ce que signifie rel="noopener" dans WordPress et comment cela affecte votre site.

Qu’est-ce que rel= »noopener » dans WordPress ?

Lorsque vous ajoutez des liens à votre site WordPress, vous pouvez utiliser des attributs HTML pour contrôler ce qui se passe lorsque vous cliquez sur le lien.

Par exemple, lorsque vous créez un lien, un interrupteur à bascule vous permet de l’ouvrir dans un nouvel onglet.

Le code HTML généré par WordPress pour ce lien ressemble à ceci :

<a href="http://example.com" target="_blank" rel="noreferrer noopener">external link</a>

Notez que certains attributs HTML ont été ajoutés au lien : rel="noopener" et rel="noreferrer". Ces attributs ont été ajoutés pour remédier à une faille de sécurité.

Le problème est que le code JavaScript peut être utilisé pour permettre à un nouvel onglet de prendre le contrôle de sa fenêtre de référence. Si vous créez un lien vers un site web externe affecté par le code malveillant, ce site web peut utiliser la propriété window.opener en JavaScript pour modifier la page web d’origine (sur votre site WordPress) afin de voler des informations et de diffuser un code malveillant.

WordPress ajoute l’attribut rel="noopener" pour empêcher le nouvel onglet de tirer parti de cette fonctionnalité JavaScript. De même, l’attribut rel="noreferrer" empêche de transmettre les informations du référent au nouvel onglet.

Comment rel= »noopener » affecte-t-il le référencement de WordPress ?

Ce n’est pas le cas.

Même si l’attribut rel="noopener" améliore la sécurité de votre site WordPress, certains utilisateurs évitent de l’utiliser car ils pensent qu’il aura un impact sur le référencement de leur site.

Mais ce n’est qu’un mythe.

Elle n’a aucun impact sur le classement de votre site en matière de référencement ou sur les performances générales de WordPress.

Quelle est la différence entre « noopener » et « nofollow » ?

Il est facile de confondre rel="noopener" et rel="nofollow". Il s’agit pourtant d’attributs totalement distincts.

L’attribut noopener empêche le piratage intersite de votre site et améliore la sécurité de WordPress.

D’autre part, l’attribut nofollow empêche votre site de transmettre le jus de lien SEO au site web lié.

Les moteurs de recherche recherchent et prennent en compte l’attribut nofollow lorsqu’ils suivent un lien sur ce site. En revanche, ils ne tiennent pas compte de l’identifié noopener.

Par défaut, WordPress ne vous permet pas d’ajouter un nofollow à vos liens externes. Si vous souhaitez ajouter un nofollow dans WordPress, vous devrez utiliser une extension.

Pour en savoir plus, consultez notre article sur l’ajout de title et nofollow aux liens dans WordPress.

Est-ce que rel= »noreferrer » affecte les liens d’affiliation dans WordPress ?

Le rel="noreferrer" n’affecte pas les liens d’affiliation dans WordPress. Certains utilisateurs/utilisatrices pensent que c’est le cas parce que rel= "noreferrer" empêche les informations du référent de passer dans le nouvel onglet.

Cependant, la plupart des programmes d’affiliation vous fournissent une URL unique contenant votre ID d’affilié. Cela signifie que votre ID d’affilié est transmis en tant que paramètre d’URL pour que l’autre site puisse le suivre.

Deuxièmement, la plupart des spécialistes du marketing d’affiliation utilisent un plugin de dissimulation de liens pour leurs liens d’affiliation.

Avec le cloaking de liens, le lien d’affiliation sur lequel vos utilisateurs cliquent est en réalité l’URL de votre site, qui redirige ensuite les utilisateurs/utilisatrices vers l’URL de destination.

Comment désactiver rel= »noopener » dans WordPress ?

Il n’est pas nécessaire de retirer le mot  » rel="noopener" des liens de votre site. C’est bon pour la sécurité de votre site et cela n’a aucun impact sur les performances ou le référencement de votre site.

Cependant, si vous devez absolument le retirer, alors vous devrez désactiver l’éditeur de blocs Gutenberg dans WordPress et utiliser l’éditeur classique.

En effet, si vous retirez manuellement le lien rel="noopener", l’éditeur de blocs le réintègre automatiquement pour garantir la sécurité de votre site.

Une fois l’éditeur de blocs désactivé, vous devrez ajouter un extrait de code au fichier functions.php de votre thème ou à l’extension WPCode (recommandé). Vous pouvez apprendre à utiliser l’extension gratuite WPCode dans notre guide sur la façon d’ajouter facilement du code personnalisé dans WordPress.

Il suffit de copier le code suivant dans un nouvel extrait de PHP :

add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
    $mceInit['allow_unsafe_link_target']=true;
    return $mceInit;
}

Confirmez-vous que la case « Actif » est activée, puis cliquez sur le bouton « Enregistrer l’extrait ».

Cela empêchera WordPress d’ajouter l’attribut rel="noopener" aux nouveaux liens. Vous devrez également modifier manuellement les anciens liens pour supprimer l’attribut.

Vous souhaitez avoir encore plus de contrôle sur les attributs rel qui sont ajoutés à vos liens dans WordPress ? Nous vous recommandons d’utiliser l’extension AIOSEO car elle vous permet d’ajouter des attributs title, nofollow et d’autres attributs de liens directement dans l’éditeur de WordPress.

Guides d’experts sur l’utilisation des liens dans WordPress

Maintenant que vous comprenez ce que signifie rel="noopener", vous pouvez consulter nos autres guides sur l’utilisation des liens dans WordPress.

• Guide du débutant sur la façon d’ajouter un Link dans WordPress
• Comment ouvrir des liens externes dans une nouvelle fenêtre ou un nouvel onglet avec WordPress
• Comment ajouter des liens Nofollow dans WordPress (Guide simple pour les débutants)
• Comment ajouter un titre et un NoFollow à la fenêtre surgissante d’un lien dans WordPress
• Comment mettre tous les liens externes en Nofollow dans WordPress
• Comment suivre les clics de liens et les clics de boutons dans WordPress (méthode facile)
• Comment suivre les liens sortants dans WordPress
• Comment modifier la couleur des liens dans WordPress (Guide du débutant)
• Les liens internes pour le référencement : Le guide ultime des meilleures pratiques
• Comment précharger les liens dans WordPress pour une vitesse de chargement plus rapide
• Comment trouver et corriger les liens corrompus dans WordPress (étape par étape)
• Meilleures extensions de liens internes pour WordPress (automatiques + manuelles)

Nous espérons que cet article vous a aidé à en savoir plus sur rel="noopener" dans WordPress. Vous pouvez également consulter notre guide sur la façon d’obtenir un domaine e-mail gratuit, ou nos choix d’experts pour les meilleures extensions et outils de référencement WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.