Si vous utilisez WordPress, vous aurez sûrement vu des balises étranges dans les liens si vous avez regardé le code.
Au début, c'est effrayant car vous savez que vous ne l'avez pas ajouté vous-même et vous pensez d'où cela vient-il ? Ne vous inquiétez pas, il ne s'est rien passé de mal, c'est WordPress lui-même qui l'a ajouté.
pourquoi fait-il ça? Pour vous protéger, je vous explique plus en détail.
Il s'agit d'un attribut HTML qui nous aide à être protégés de toute vulnérabilité qui survient lors de la mise en place d'un lien externe dans notre page Web.
Chaque fois que nous créons un lien à ouvrir dans une nouvelle fenêtre avec target="_blank". Ce faisant, nous avons été exposés à des pirates malveillants qui pourraient, via le sélecteur window.opener, modifier les choses grâce au langage de programmation JavaScript.
Des choses telles que nous amener à une fausse page et nous demander de saisir nos données.
Pour cette raison, à partir de la version 4.7.4 de WordPress, tout lien généré vers un nouvel onglet avec target = "_blank" sera lié avec rel = "noreferrer noopener" évitant ainsi toute vulnérabilité à tout lien externe.
Comment puis-je vérifier que j'ai rel=»noreferrer noopener» ?
Ici, je vous montre mon éditeur WordPress et nous allons faire un exemple.
Nous créons un article et ajoutons un lien externe de test.
Nous allons maintenant voir l'entrée au format HTML, pour ce faire, nous cliquons sur les trois points qui apparaissent dans l'en-tête du bloc sur le côté droit et sélectionnons "Modifier en HTML".
Nous allons maintenant voir comment mon lien est structuré. On peut remarquer que par défaut WordPress appelle le code rel = "noreferrer noopener"
Vous vous demandez ce qu'est Noreferrer ?
C'est un autre attribut fourni avec Noopener pour éviter de transmettre nos informations personnelles au nouvel onglet vers lequel nous allons.
L'ajout de noopener noreferrer affecte-t-il le référencement ?
Bien sûr que non, cela n'affecte pas le positionnement des liens.
Vous vous demandez peut-être également si cela affecterait les liens qui ont l'attribut nofollow.
Voyons ça, si par exemple nous avions un lien comme celui-ci :
<a rel="nofollow" href="https://misitio.es/mi-enlace/">Texto de mi enlace</a>
Et maintenant, cela devrait être comme suit:
<a rel="nofollow noopener noreferrer" href="https://misitio.es/mi-enlace/">Texto de mi enlace</a>
Laissez-moi vous dire que cela n'affecterait pas non plus le référencement.
Et je ne le dis pas, Google lui-même le dit.
Comme ils ont répondu de Google, l'ajout de noopener à nos liens n'affecte pas le positionnement.
Et pour mes liens affiliés ? Si l'attribut Noreferrer ne me permet pas de transmettre des informations personnelles, vais-je subir un préjudice ?
De plus, la plupart des programmes d'affiliation ne vous fournissent pas d'URL unique incluant votre identifiant d'affilié.
Puis-je alterner Noopener et Noreferrer ?
Oui, cela n'affecte pas la protection du lien.
Voyons l'exemple suivant, à l'intérieur de mon entrée de test, j'ai placé les codes à l'envers
J'enregistre l'entrée et je clique sur Aperçu. Une fois que je regarde, je vais voir le code source, en cliquant sur Ctrl + U (si vous travaillez dans Chrome)
On peut se rendre compte que les attributs sont toujours présents assurant la fonction de protection.
Puis-je désactiver cette fonctionnalité ?
Vous pouvez le faire, mais vous seriez à nouveau exposé, donc cela n'aurait aucun sens de le faire.
De même, si vous souhaitez le désactiver, vous devrez aller dans le fichier functions.php de votre thème enfant actif et ajouter le code suivant :
// Esto desactiva voluntariamente una funcionalidad de seguridad de tinyMCE.
// NO ES RECOMENDABLE usar este código.
add_filter('tiny_mce_before_init','tinymce_allow_unsafe_link_target');
function tinymce_allow_unsafe_link_target( $mceInit ) {
$mceInit['allow_unsafe_link_target']=true;
return $mceInit;
}
J'espère que cet article vous a aidé à comprendre le fonctionnement de l'attribut noopener sur les liens externes.
Nous vous recommandons de ne rien modifier car vous serez ainsi protégé et en sécurité.
En attendant le prochain tuto 😉