{"id":832859,"date":"2023-01-14T09:38:00","date_gmt":"2023-01-14T09:38:00","guid":{"rendered":"https:\/\/www.lafactory.com\/blog\/what-is-relnoopener-in-wordpress-explained\/"},"modified":"2023-01-20T08:40:09","modified_gmt":"2023-01-20T08:40:09","slug":"what-is-relnoopener-in-wordpress-explained","status":"publish","type":"post","link":"https:\/\/www.lafactory.com\/blog\/quest-ce-que-rel-noopener-dans-wordpress-explique\/","title":{"rendered":"Qu&rsquo;est-ce que Rel = \u00ab\u00a0Noopener\u00a0\u00bb dans WordPress? (Expliqu\u00e9)"},"content":{"rendered":"<div>\n<p>Vous \u00eates-vous demand\u00e9 ce que signifie <code>rel = \"noantener\"<\/code> dans wordpress?<\/p>\n<p>Lorsque vous ajoutez un lien qui s&rsquo;ouvre dans un nouvel onglet, WordPress ajoutera automatiquement l&rsquo;attribut <code>rel = \"noantener\"<\/code> au lien.<\/p>\n<p>Dans cet article, nous expliquerons ce que <code>rel = \"noantener\"<\/code> signifie dans WordPress et comment il affecte votre site Web.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-153150\" title=\"What Is rel=&quot;noopener&quot; in WordPress? (Explained)\" src=\"https:\/\/www.lafactory.com\/blog\/wp-content\/uploads\/2023\/01\/What-is-relnoopener-in-WordPress-Explained.png\" alt=\"What Is rel=&quot;noopener&quot; in WordPress? (Explained)\" width=\"680\" height=\"385\" data-lazy-=\"\" \/><noscript><img loading=\"lazy\" decoding=\"async\" title=\"What Is rel=&quot;noopener&quot; in WordPress? (Explained)\" width=\"680\" height=\"385\" src=\"https:\/\/www.lafactory.com\/blog\/wp-content\/uploads\/2023\/01\/What-is-relnoopener-in-WordPress-Explained.png\" alt=\"What Is rel=&quot;noopener&quot; in WordPress? (Explained)\" class=\"wp-image-153150\"><\/noscript><\/figure>\n<h4>Qu&rsquo;est-ce que Rel = \u00ab\u00a0Noopener\u00a0\u00bb dans WordPress?<\/h4>\n<p>Lorsque vous ajoutez des liens \u00e0 votre site Web WordPress, vous pouvez utiliser des attributs HTML pour contr\u00f4ler ce qui se passe lorsque vous cliquez sur le lien.<\/p>\n<p>Par exemple, lorsque vous cr\u00e9ez un lien, il existe un commutateur \u00e0 bascule qui vous permet de l&rsquo;ouvrir dans un nouvel onglet.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-150521\" title=\"Opening a Link in a New Tab\" src=\"https:\/\/www.lafactory.com\/blog\/wp-content\/uploads\/2023\/01\/1673701203_624_What-is-relnoopener-in-WordPress-Explained.png\" alt=\"Opening a Link in a New Tab\" width=\"680\" height=\"329\" data-lazy-=\"\" \/><noscript><img loading=\"lazy\" decoding=\"async\" title=\"Opening a Link in a New Tab\" width=\"680\" height=\"329\" src=\"https:\/\/www.lafactory.com\/blog\/wp-content\/uploads\/2023\/01\/1673701203_624_What-is-relnoopener-in-WordPress-Explained.png\" alt=\"Opening a Link in a New Tab\" class=\"wp-image-150521\"><\/noscript><\/figure>\n<p>Le code HTML g\u00e9n\u00e9r\u00e9 par WordPress pour ce lien ressemble \u00e0 ceci:<\/p>\n<div class=\"wp-block-syntaxhighlighter-code \">\n<pre class=\"brush: xml; gutter: false; title: ; notranslate\" title=\"\">&lt;a href = \"http:\/\/example.com\" target = \"_ blanc\" rel = \"noreferrer noopener\"&gt;lien externe&lt;\/ a&gt;\n<\/pre>\n<\/div>\n<p>Notez que certains attributs HTML ont \u00e9t\u00e9 ajout\u00e9s \u00e0 la liaison, <code>rel = \"noopener\"<\/code>\u00a0et <code>rel = \"noreferrer\"<\/code>. Ces attributs sont ajout\u00e9s pour traiter une vuln\u00e9rabilit\u00e9 de s\u00e9curit\u00e9.<\/p>\n<p>Le probl\u00e8me est que le code JavaScript peut \u00eatre utilis\u00e9 pour permettre \u00e0 un nouvel onglet de contr\u00f4ler sa fen\u00eatre de r\u00e9f\u00e9rence. Si vous liez un lien vers un site Web externe affect\u00e9 par le code malveillant, ce site Web peut utiliser la propri\u00e9t\u00e9 <code>Window.Opener<\/code> en JavaScript pour modifier la page d&rsquo;origine (votre site Web) pour voler des informations et diffuser du code malveillant.<\/p>\n<p>WordPress ajoute <code>rel = \"noopener\"<\/code> pour emp\u00eacher le nouvel onglet de tirer parti de cette fonction JavaScript. De m\u00eame, l&rsquo;attribut <code>rel = \"noreferrer\"<\/code> emp\u00eache de passer les informations de r\u00e9f\u00e9rence sur le nouvel onglet.<\/p>\n<h4>Comment rel = \u201dNoopener\u00a0\u00bb affecte-t-il votre SEO WordPress?<\/h4>\n<p>Ce n&rsquo;est pas le cas.<\/p>\n<p>M\u00eame si l&rsquo;attribut <code>Rel = \"Noopener\"<\/code> am\u00e9liore la s\u00e9curit\u00e9 WordPress, certains utilisateurs \u00e9vitent de l&rsquo;utiliser car ils pensent que cela aura un impact sur leur SEO WordPress.<\/p>\n<p>Mais c&rsquo;est juste un mythe.<\/p>\n<p>Cela n&rsquo;a aucun impact sur le classement SEO de votre site ou vos performances globales WordPress.<\/p>\n<h4>Quelle est la diff\u00e9rence entre \u00abNoopener\u00bb et \u00abNofollow\u00bb?<\/h4>\n<p>Il est facile de confondre <code>rel = \"noopener\"<\/code> avec <code>rel = \"nofollow\"<\/code>. Cependant, ce sont des attributs compl\u00e8tement distincts.<\/p>\n<p>L&rsquo;attribut <code>Noopener<\/code> emp\u00eache votre site Web de pirater le site crois\u00e9 et am\u00e9liore la s\u00e9curit\u00e9 WordPress.<\/p>\n<p>D&rsquo;un autre c\u00f4t\u00e9, l&rsquo;attribut <code>Nofollow<\/code> emp\u00eache votre site Web de transmettre SEO Link-Juice au site Web li\u00e9.<\/p>\n<p>Les moteurs de recherche recherchent et consid\u00e8rent l&rsquo;attribut <code>nofollow<\/code> lors du suivi d&rsquo;un lien sur votre site Web. Cependant, ils ne consid\u00e8rent aucune consid\u00e9ration \u00e0 la balise <code>Noopener<\/code>.<\/p>\n<p>Par d\u00e9faut, WordPress ne vous permet pas d&rsquo;ajouter <code>nofollow<\/code> \u00e0 vos liens externes. Si vous souhaitez ajouter <code>nofollow<\/code> dans WordPress, vous devrez utiliser un plugin.<\/p>\n<p>Pour en savoir plus, consultez notre article sur la fa\u00e7on d&rsquo;ajouter le titre et le NOFOLOW aux liens dans WordPress.<\/p>\n<h4>Est-ce que rel = \u00ab\u00a0noreferrer\u00a0\u00bb affecte-t-il les liens d&rsquo;affiliation dans WordPress?<\/h4>\n<p>Le <code>rel = \"noreferrer\"<\/code> n&rsquo;affecte pas les liens d&rsquo;affiliation dans WordPress. Certains utilisateurs croient que c&rsquo;est parce que <code>rel = \"noreferrer\"<\/code> emp\u00eache les informations de r\u00e9f\u00e9rences passant au nouvel onglet.<\/p>\n<p>Cependant, la plupart des programmes d&rsquo;affiliation vous fournissent une URL unique qui a votre identifiant d&rsquo;affiliation. Cela signifie que votre identifiant d&rsquo;affiliation est transmis en tant que param\u00e8tre URL pour que l&rsquo;autre site Web puisse suivre.<\/p>\n<p>Deuxi\u00e8mement, la plupart des sp\u00e9cialistes du marketing d&rsquo;affiliation utilisent un plugin de calendrier de liaison pour leurs liens d&rsquo;affiliation.<\/p>\n<p>Avec Link Cloaking, le lien d&rsquo;affiliation sur lequel vos utilisateurs cliquent est en fait la propre URL de votre site Web, qui redirige ensuite les utilisateurs vers l&rsquo;URL de destination.<\/p>\n<h4>Comment d\u00e9sactivez-vous rel = \u201dNoopener\u201d dans WordPress?<\/h4>\n<p>Il n&rsquo;est pas n\u00e9cessaire de supprimer <code>rel = \"noantener\"<\/code> \u00e0 partir des liens de votre site Web. Il est bon pour la s\u00e9curit\u00e9 de votre site Web et n&rsquo;a aucune performance ni impact SEO sur votre site Web.<\/p>\n<p>Cependant, si vous devez le supprimer, vous devrez d\u00e9sactiver l&rsquo;\u00e9diteur de bloc Gutenberg dans WordPress et utiliser l&rsquo;ancien \u00e9diteur classique.<\/p>\n<p>En effet, si vous supprimez <code>rel = \"Noopener\"<\/code> du lien manuellement, l&rsquo;\u00e9diteur de blocs l&rsquo;ajoutera automatiquement pour assurer la s\u00e9curit\u00e9 de votre site Web.<\/p>\n<p>Une fois que l&rsquo;\u00e9diteur de bloc est d\u00e9sactiv\u00e9, vous devrez ajouter un extrait de code au fichier functions.php de votre th\u00e8me ou au plugin WPCode (recommand\u00e9). Vous pouvez apprendre \u00e0 utiliser le plugin gratuit WPCode dans notre guide sur la fa\u00e7on d&rsquo;ajouter facilement du code personnalis\u00e9 dans WordPress.<\/p>\n<p>Copiez simplement le code suivant dans un nouvel extrait PHP:<\/p>\n<div class=\"wp-block-syntaxhighlighter-code \">\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">add_filter ('tiny_mce_before_init', 'wpb_disable_noopener'); fonction wpb_disable_noopener ($ mceinit) { $ mceinit['allow_unsafe_link_target']= true; retour $ mceinit; }\n<\/pre>\n<\/div>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-150592\" title=\"Adding a Code Snippet Using WPCode\" src=\"https:\/\/www.lafactory.com\/blog\/wp-content\/uploads\/2023\/01\/1673701203_20_What-is-relnoopener-in-WordPress-Explained.png\" alt=\"Adding a Code Snippet Using WPCode\" width=\"680\" height=\"277\" data-lazy-=\"\" \/><noscript><img loading=\"lazy\" decoding=\"async\" title=\"Adding a Code Snippet Using WPCode\" width=\"680\" height=\"277\" src=\"https:\/\/www.lafactory.com\/blog\/wp-content\/uploads\/2023\/01\/1673701203_20_What-is-relnoopener-in-WordPress-Explained.png\" alt=\"Adding a Code Snippet Using WPCode\" class=\"wp-image-150592\"><\/noscript><\/figure>\n<p>Assurez-vous de modifier le bascule \u00abactif\u00bb, puis cliquez sur le bouton \u00abEnregistrer l&rsquo;extrait\u00bb.<\/p>\n<p>Cela emp\u00eachera WordPress d&rsquo;ajouter <code>rel = \"noopener\"<\/code> \u00e0 de nouveaux liens. Vous devrez \u00e9galement modifier manuellement tous les anciens liens pour supprimer l&rsquo;attribut.<\/p>\n<p>Vous voulez encore plus de contr\u00f4le sur les attributs REL sont ajout\u00e9s \u00e0 vos liens dans WordPress? Nous vous recommandons d&rsquo;utiliser le plugin AIOSEO car il vous permet d&rsquo;ajouter des attributs de titres, nofollow et d&rsquo;autres liens directement \u00e0 l&rsquo;int\u00e9rieur de l&rsquo;\u00e9diteur WordPress.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-143981\" title=\"AIOSEO Adds NoFollow and Title Attributes to the Insert Link Popup\" src=\"https:\/\/www.lafactory.com\/blog\/wp-content\/uploads\/2023\/01\/1673701203_113_What-is-relnoopener-in-WordPress-Explained.png\" alt=\"AIOSEO Adds NoFollow and Title Attributes to the Insert Link Popup\" width=\"680\" height=\"382\" data-lazy-=\"\" \/><noscript><img loading=\"lazy\" decoding=\"async\" title=\"AIOSEO Adds NoFollow and Title Attributes to the Insert Link Popup\" width=\"680\" height=\"382\" src=\"https:\/\/www.lafactory.com\/blog\/wp-content\/uploads\/2023\/01\/1673701203_113_What-is-relnoopener-in-WordPress-Explained.png\" alt=\"AIOSEO Adds NoFollow and Title Attributes to the Insert Link Popup\" class=\"wp-image-143981\"><\/noscript><\/figure>\n<p>Nous esp\u00e9rons que cet article vous a aid\u00e9 \u00e0 d\u00e9couvrir <code>rel = \"noopener\"<\/code> dans WordPress. Vous pouvez \u00e9galement apprendre \u00e0 obtenir un domaine d&rsquo;e-mail gratuit ou \u00e0 voir notre liste de conseils pour acc\u00e9l\u00e9rer les performances WordPress.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Vous \u00eates-vous demand\u00e9 ce que signifie rel = \u00ab\u00a0noantener\u00a0\u00bb dans wordpress? Lorsque vous ajoutez un lien qui s&rsquo;ouvre dans un nouvel onglet, WordPress ajoutera automatiquement l&rsquo;attribut rel = \u00ab\u00a0noantener\u00a0\u00bb au lien. Dans cet article, nous expliquerons ce que rel = \u00ab\u00a0noantener\u00a0\u00bb signifie dans WordPress et comment il affecte votre site Web. Qu&rsquo;est-ce que Rel = [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":832857,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[107],"tags":[],"class_list":["post-832859","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"_links":{"self":[{"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/posts\/832859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/comments?post=832859"}],"version-history":[{"count":0,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/posts\/832859\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/media\/832857"}],"wp:attachment":[{"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/media?parent=832859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/categories?post=832859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/tags?post=832859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}