Affiliation : comment empêcher WordPress d’ajouter Noreferrer
Depuis quelques temps, j’ai remarqué une baisse importante de mes revenues d’affiliations malgré un trafic plus élevé, j’ai fais des recherches pour en comprendre la raison et j’ai découvert que je n’étais pas le seul à avoir ce problème et que c’était dû aux dernières mise à jour de Wordpress, l’ajout de noreferrer.
Wordpress ajoute maintenant la balise Noreferrer à tous les liens sortants !
Avez-vous déjà regardé le code de vos liens WordPress et vous êtes-vous demandé ce que signifie noreferrer ?
Eh bien, si vous avez des liens d’affiliation ou voulez être capable de suivre avec précision le trafic de votre blog en utilisant Google Analytics, c’est quelque chose qui est important pour vous.
Voici un guide pour savoir exactement ce que ce bout de code fait, pourquoi vous voudrez probablement le supprimer et comment empêcher WordPress d’ajouter ce code dans vos liens et vos billets de blog.
Ce que vous devez savoir sur rel=noreferrer et les autres balises ajoutées aux liens WordPress
Dans l’ensemble, les questions liées à rel=noreferrer. sont passés par différentes versions de WordPress.
Ce problème a été vu pour la première fois dans la version 4.7.4 et a ensuite disparu dans la 4.9 pendant un certain temps jusqu’à réapparaître récemment dans WordPress 5.0 et au-delà.
Alors, d’où vient noreferrer et d’autres balises comme elle ?
Eh bien, quand vous ajoutez des liens à vos articles et pages WordPress avec l’éditeur visuel, peu importe que vous utilisiez l’éditeur de blocs Classic ou Gutenberg, il ajoute du code HTML à vos liens en arrière-plan pour vous automatiquement.
C’est généralement très bien ainsi, après tout, vous utilisez probablement l’éditeur visuel pour gagner du temps et ne pas avoir à vous soucier du code HTML, n’est-ce pas ?
Si vous n’avez jamais basculé pour voir le code HTML de votre billet de blog alors vous n’aurez probablement pas remarqué que WordPress ajoute des balises comme noreferrer ou noopener à vos liens WordPress.
Au moins, chaque blogueur doit connaître les liens nofollow.
Comme ils sont nécessaires pour des choses comme les liens d’affiliation.
Et sont quelque chose que vous devriez considérer pour le référencement.
Donc, pour vous aider à comprendre les problèmes que noreferrer pourrait causer pour les blogueurs, couvrons ce que les différentes balises signifient pour vos liens dans WordPress.
Gardez à l’esprit : Que le code nofollow est le seul qui aura un impact sur votre référencement.
Noreferrer et noopener n’ont pas d’impact direct sur votre référencement.
Comme ils ne sont utilisés que par votre navigateur et Google Analytics.
Qu’est-ce que Noopener ?
Noopener est une balise qui protège contre une faille de sécurité dans les navigateurs.
Cela peut se produire lorsque les liens d’un site Web s’ouvrent automatiquement dans un nouvel onglet.
C’est quelque chose que vous, en tant que blogueur, définissez lors de la création de vos liens WordPress.
La faille de sécurité, appelée Tabnabbing, peut entraîner des attaques de phishing pour les utilisateurs qui naviguent d’un site web sûr vers un site infecté par un code de phishing.
En ajoutant rel=noopener à vos liens WordPress vous protégez efficacement les utilisateurs contre cela.
Il n’y a aucun inconvénient connu à l’utilisation de ce tag, seulement les avantages d’une sécurité améliorée.
Vous devriez donc toujours utiliser cette balise lorsque vous dites à votre blog d’ouvrir les liens dans un nouvel onglet.
En fait, WordPress les ajoutera pour vous automatiquement, donc vous n’avez pas à vous soucier de l’édition du code.
Qu’est-ce que Noreferrer ?
Noreferrer fonctionne de manière similaire à noopener.
En cela, il protège également les utilisateurs contre le même problème de sécurité.
Cependant, cette balise empêche également les informations sur la page source qui passent à l’onglet nouvellement ouvert.
Cette fonctionnalité supplémentaire est ce qui peut causer des problèmes sur votre blog.
En effet, elle peut empêcher la collecte des informations nécessaires par Google Analytics.
Lorsque noreferrer est utilisé pour vos liens, Google Analytics ne connaîtra pas la source du trafic de votre blog et le regroupera sous le terme de trafic direct.
Plutôt que de vous dire qu’il s’agit du trafic de référencement de Pinterest par exemple.
Aussi, le deuxième problème majeur concerne vos liens d’affiliation est le fait que noreferrer cachera l’information de votre programme d’affiliation.
Vos liens d’affiliation devraient quand même suivre et vous donner un crédit approprié.
Comme la plupart des programmes d’affiliation passent votre ID d’affilié par le code dans l’URL et les cookies.
Mais cacher cette information peut vous causer des problèmes avec les programmes d’affiliation, comme par exemple Amazon Associates.
Votre compte peut-être alors suspendu et toute vos vente potentielle seront perdue pendant que vous essayez de faire appel de la décision.
Je vous explique en détail pourquoi cela se produit plus tard.
Qu’est-ce que Nofollow ?
C’est la même chose que Noreferrer ?
Beaucoup de gens se réfèrent à nofollow comme étant la balise à utiliser pour éviter de perdre le jus de liens SEO vers des sites web externes.
Cependant, c’est inexact et je considère que c’est un mythe extrêmement commun.
L’utilisation de ce qui est considéré comme un lien dofollow ne réduira pas votre jus de lien.
A moins que vous ne fassiez un lien vers un site spammeur de mauvaise qualité, ce que vous ne devriez jamais faire de toute façon car vous voulez toujours offrir de la valeur à vos lecteurs !
Au lieu de cela, vous devriez considérer tous les liens dofollow pour dire à google que vous vous portez garant de la valeur et de l’information du site.
Nofollow est le seul tag qui affecte votre référencement.
Et il a des utilisations complètement différentes par rapport à noreferrer et noopener alors assurez-vous de ne pas les confondre !
Pourquoi on utilise Noreferrer avec Noopener alors ?
À ce stade, vous vous demandez peut-être pourquoi devriez-vous utiliser noreferrer alors qu’il peut causer tant de problèmes alors que la solution idéale est d’utiliser noopener à la place ?
Et bien, la raison principale pour laquelle WordPress utilise soudainement ces deux balises chaque fois que vous ajoutez des liens qui s’ouvrent dans un nouvel onglet c’est parce que la balise noopener ne couvre pas certains des super vieux navigateurs comme Internet Explorer.
Il est à noter que les navigateurs qui ne supportent pas la correction fournie par noopener. sont utilisés par un pourcentage infime d’utilisateurs sur tout l’Internet.
Par exemple, Internet Explorer n’est utilisé que par environ 2% du total des utilisateurs dans des rapports aussi récents qu’octobre 2019 et ce nombre ne devrait que diminuer avec le temps.
Internet Explorer est un vieux navigateur, il a été remplacé par Microsoft Edge depuis sa sortie en 2015.
Internet Explorer est de moins en moins pris en charge surtout si l’on considère que Microsoft ne supportera bientôt plus Windows 7.
Solutions pour empêcher WordPress d’ajouter rel=noreferrer dans WordPress
Donc, maintenant que nous avons couvert les informations importantes sur noreferrer et pourquoi cela peut vous causer beaucoup de problèmes en tant que blogueur, parlons de la façon de supprimer noreferrer de vos liens WordPress.
Pour information, les canaux officiels sur WordPress pourraient indiquer que la suppression de noreferrer n’est pas recommandée.
Je vous recommande de supprimer cette balise en utilisant l’une des méthodes ci-dessous, mais je veux que vous compreniez que ce n’est que mon opinion et que vous devriez prendre votre propre décision en vous basant sur les faits ci-dessus.
Mais avant de commencer, je veux vous rappeler de faire une sauvegarde de votre blog, comme il y aura du code que vous devrez coller dans certaines parties de votre blog.
Pourquoi ne puis-je pas simplement supprimer Noreferrer de mes liens WordPress en éditant le HTML ?
Bien que cela semble être une réponse simple au problème, la façon dont le noreferrer est ajouté à vos liens empêchera cette solution de fonctionner toute seule.
Car si vous le supprimez de votre HTML et que vous enregistrez ou mettez à jour votre article de blog. WordPress le rajoutera automatiquement à tous vos liens.
Oui, parfois WordPress peut être un fauteur de trouble sournois comme ça.
Donc, supprimer noreferrer pour essayer de le désactiver, va juste vous faire perdre une tonne de temps.
Regardons quelles solutions peuvent fonctionner à la place.
Qu’en est-il de la configuration des liens pour qu’ils ne s’ouvrent pas dans un nouvel onglet ?
Les balises noreferrer et noopener ne sont ajoutées que lorsque vous ouvrez des liens dans un nouvel onglet.
Vous pourriez éviter les problèmes avec noreferrer en ne définissant pas vos liens pour qu’ils s’ouvrent dans un nouvel onglet.
Mais voici le problème, avoir vos liens ouverts dans un nouvel onglet est extrêmement bénéfique surtout pour l’expérience de lecture de votre public.
Pensez-y de votre propre point de vue.
Si vous lisez un article de blog et que vous cliquez sur un lien qui fournit un contexte supplémentaire, voulez-vous vraiment quitter la page que vous lisez ?
Ou préférez-vous que ce lien s’ouvre dans un nouvel onglet ?
Vous pouvez donc y accéder, le lire et revenir à l’endroit exact où vous vous étiez arrêté dans le billet original.
Je sais que je préfère que les liens s’ouvrent dans un nouvel onglet et je parie que votre public ressent la même chose.
A tel point que tous mes liens ici sur ce blog devraient automatiquement s’ouvrir dans un nouvel onglet pour vous.
Aucun clic supplémentaire n’est nécessaire.
1. Comment éditer le fichier functions.php de votre thème WordPress pour désactiver Noreferrer
Une méthode que vous pouvez utiliser pour supprimer les références de votre blog WordPress, c’est d’ajouter du code à votre fichier functions.php qui fait partie de votre thème.
Si vous n’avez pas de thème enfant ou ne savez pas ce que c’est ou comment faire, vous pouvez passer cette partie et utiliser la méthode en dessous qui est plus facile et nécessite d’ajouter un plugin, sinon :
Allez dans Dashboard > Appearance > Theme Editor et trouvez le fichier functions.php.
Ouvrez votre fichier functions.php de votre thème enfant.
Collez le code ci-dessous au bas de votre fichier functions.php :
//This code removes noreferrer from your new or updated posts
function my_targeted_link_rel($rel_values) {
return 'noopener';
}
add_filter('wp_targeted_link_rel', 'my_targeted_link_rel',999);
Maintenant, ce code ne fait que supprimer et désactiver noreferrer pour les nouveaux billets de blog.
Cela vous laisse avec le problème de mettre à jour tous vos autres messages qui incluent encore la balise noreferrer.
De plus, ces modifications peuvent être perdues. si vous devez mettre à jour votre thème et que vous n’avez pas de thème enfant avec les changements.
Ou si votre thème enfant vient d’un développeur personnalisé et qu’il met à jour le thème.
Supprimer Noreferrer de vos messages de blog anciennement créés
Si vous avez peu d’articles alors vous pouvez utiliser cette méthode, sinon il vous faudra utiliser l’autre méthode expliquée plus bas qui nécessite d’utiliser un plugin.
Si vous voulez supprimer noreferrer de vos anciens articles, la façon la plus simple est de passer en mod Texte dans l’éditeur Classique.
Ou dans l’éditeur Gutenberg, vous pouvez changer en allant sur le bouton Options (3 points verticaux dans le coin) et ensuite en cliquant sur Éditeur de code.
Vous pouvez aussi utiliser le raccourci clavier Ctrl+Maj+Alt+M.
De là, vous pouvez appuyer sur les touches Ctrl+F de votre clavier pour faire apparaître le menu de recherche.
Tapez « noreferrer » et recherchez le code de votre article sur le blog.
Cela vous permettra de mettre en évidence toutes les balises noreferrer qui apparaissent dans votre article de blog.
Vous pouvez double-cliquer sur ces balises, puis cliquer sur supprimer pour les gérer rapidement.
Si vous voulez éviter d’avoir à le faire, alors cette prochaine méthode peut potentiellement vous faire gagner une tonne de temps.
2. Comment utiliser le plugin « Code Snippet » pour désactiver et supprimer les références de vos liens WordPress
Depuis votre tableau de bord WordPress, allez dans Plugins > Ajouter un nouveau.
Puis recherchez et installez le plugin Code Snippets
Une fois installé et activé, vous devrez aller dans Snippets > Add new en utilisant le menu latéral gauche.
Donnez un nom à votre extrait de code et réglez-le sur Exécuter uniquement sur le site frontal.
Ensuite, nous allons copier et coller le même code qui est celui mentionné dans la méthode précédente.
Vous pouvez donc passer si vous l’avez déjà fait ou l’utiliser comme alternative pour éviter les problèmes de mise à jour de votre thème plus tard.
Attention, si vous avez déjà modifié votre code avec la méthode décrite ci-dessus vous risquez d’avoir un message d’erreur, vous devez choisir l’une ou l’autre méthode.
Copiez et collez le code suivant dans la boîte de code :
//This code removes noreferrer from your new or updated posts
function my_targeted_link_rel($rel_values) {
return 'noopener';
}
add_filter('wp_targeted_link_rel', 'my_targeted_link_rel',999);
Au bas de l’écran, cliquez sur Sauvegarder les modifications et activer.
Ensuite, nous pouvons répéter le processus pour un 2e extrait de code.
Ce code supprimera le noreferrer de tous les billets de blog existants qui l’utilisent encore.
Le noreferrer s’affichera toujours dans votre éditeur WordPress lors de la visualisation du code mais ils sont retirés du code final affiché sur la version live de votre blog.
Vous devriez utiliser ce code exactement tel quel, les espaces supplémentaires autour de noreferrer sont délibérés.
Donc, revenez en arrière et cliquez sur Snippets > Add new again.
Donnez un nom au snippet et cette fois-ci, collez ce code dans la boîte à la place :
// Removes noreferrer on the frontend only, you will likely still see noreferrer in the code view of the editor
function noref_formatter($content) {
$replace = array("noreferrer " => "" ," noreferrer" => "");
$new_content = strtr($content, $replace);
return $new_content;
}
add_filter('the_content', 'noref_formatter', 999);
Allez en bas pour cliquer sur Save Changes et Activate.
Contrôles finaux pour supprimer les références de vos liens WordPress
Quelle que soit la méthode utilisée ci-dessus, vous voudrez certainement confirmer que vos changements ont fonctionné.
Pour ce faire, effacez tout cache que vous avez mis en place pour votre blog.
Et ensuite, ouvrez la version live de votre blog dans une Nouvelle fenêtre privée dans Firefox ou un onglet Incognito en utilisant Chrome.
Vous pouvez ouvrir ce type d’onglet spécial généralement, en cliquant sur le bouton Options qui se trouve dans le coin supérieur droit de votre navigateur.
Ensuite, trouvez un lien dans l’un des articles de votre blog qui aurait dû être mis à jour et cliquez dessus avec le bouton droit de la souris, de là, vous pouvez cliquer sur Inspecter ou Inspecter l’élément selon votre navigateur.
Une fenêtre apparaîtra avec le HTML de votre blog et quelques lignes pour l’URL sur laquelle vous avez cliqué avec le bouton droit de la souris seront mises en évidence.
Comme vous pouvez le voir dans cet exemple, le rel= »nofollow noopener » pour ce lien n’a plus de balise set rel=noreferrer.
Pourquoi vous devriez désactiver Noreferrer pour vos liens d’affiliation ?
Noreferrer fait l’objet d’un débat pour savoir s’il peut affecter les liens d’affiliation de votre blog.
Beaucoup soutiennent que noreferrer ne devrait avoir aucun impact sur vos liens d’affiliation comme ils devraient toujours suivre à travers votre ID inclus dans l’URL plus les cookies qui sont ajoutés par le navigateur.
Pourquoi ces réponses contradictoires ?
Le changement soudain de WordPress 4.7. a eu pour conséquence la suspension de certains comptes Amazon Associate.
Parce qu’Amazon aime garder un contrôle strict sur le programme d’affiliation pour s’assurer qu’il n’y a pas de tricheurs.
Ils examinent souvent les comptes et recherchent des informations à partir de l’URL source.
Cacher l’URL source, ce que fait noreferrer, était une violation de leurs conditions en 2017.
Ceux qui l’ont fait ont vu leur compte suspendu.
Ils ont été restaurés une fois le problème expliqué puisque c’était un changement appliqué par WordPress plutôt que par le blogueur lui-même.
Mais je parierais qu’être suspendu d’Amazon Associates a probablement eu un impact sur les revenus de ces blogueurs.
Utiliser Noreferrer pour vos liens WordPress est contre les conditions d’affiliation d’Amazon
Mais c’était en 2017, et maintenant ?
En particulier, les termes d’Amazon Associates en 2019 stipulent :
(v) Vous ne devez pas masquer, cacher, usurper ou obscurcir de quelque manière que ce soit l’URL de votre site contenant des Liens spéciaux (y compris par l’utilisation de Liens de redirection) ou l’agent utilisateur de l’application dans laquelle le contenu du programme est affiché ou utilisé, de telle sorte que nous ne puissions pas raisonnablement déterminer le site ou l’application à partir duquel un client clique sur ce Lien spécial vers un site Amazon. (Source, Amazon.com)
L’utilisation de noreferrer sur vos liens d’affiliation est toujours contraire aux conditions d’Amazon en 2019.
Beaucoup d’autres sites Web disent que la majorité des liens d’affiliation ne seront pas affectés par noreferrer.
Il n’est pas clair si noreferrer n’affecte que les liens d’affiliation d’Amazon.
Récapitulatif sur la désactivation de Noreferrer pour vos liens dans WordPress
Alors, voilà. J’espère que vous comprenez maintenant que noreferrer est un correctif de sécurité qui cache aussi certaines informations de vos liens.
Cette information cachée est ce qui peut causer des problèmes avec vos liens d’affiliation.
Plus précisément, parce que c’est contre les termes d’Amazon.
Vos liens devraient quand même bien suivre et vous devriez quand même recevoir des commissions, enfin c’est ce que tout le monde dit malgré la baisse de revenu de ces liens d’affiliations constaté par beaucoup.
Je viens à peine de changer ces liens et ferais une mise à jour de l’article pour vous dire si il y a eu une amélioration ou non.
Mais vous ne saurez probablement pas d’où viennent ces commissions.
Cette information cachée peut également causer des problèmes avec Google Analytics comme il ne peut plus dire d’où viennent ces clics.
Cela signifie qu’il sera plus difficile d’analyser votre trafic de même que d’autres sites Web ne pourront pas dire si vous leur envoyez du trafic.
Noreferrer peut être évité si vous utilisez noopener à la place.
Comme cela corrige les problèmes de sécurité pour tous les navigateurs modernes. Sans aucun des inconvénients que noreferrer a.
Noreferrer et noopener ne sont que des balises pour votre navigateur et Google Analytics.
Ils n’ont donc aucun impact direct sur votre optimisation SEO.
Ils peuvent sembler semblables à nofollow mais ils sont complètement différents.
Source : individualobligation.com
