{"id":136375,"date":"2026-04-30T09:00:00","date_gmt":"2026-04-30T07:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=136375"},"modified":"2026-03-30T17:28:14","modified_gmt":"2026-03-30T15:28:14","slug":"noopener-noreferrer","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/noopener-noreferrer\/","title":{"rendered":"Noopener e noreferrer: cosa significano e come usarli"},"content":{"rendered":"\n<p>Se hai trovato gli attributi <strong>noopener e noreferrer nell\u2019HTML di WordPress<\/strong> e non capisci come ci siano arrivati, non preoccuparti: non sono errori e non metteranno a rischio la SEO. Per\u00f2 \u00e8 importante sapere perch\u00e9 sono comparsi in automatico e quando \u00e8 meglio eliminarli.<\/p>\n\n\n\n<p>Se invece vuoi scoprire <strong>cosa significano noopener e noreferrer<\/strong> perch\u00e9 hai intuito che possono risolverti un problema, sei comunque nel posto giusto: tra poco vedremo come funzionano, come usarli e alcune <strong>situazioni in cui sono indispensabili<\/strong>. Per esempio sapevi che attraverso un semplice link esterno un altro sito potrebbe riuscire a controllare alcuni aspetti della pagina in cui l\u2019hai inserito?<\/p>\n\n\n\n<p>Se sai come usare noopener noreferrer puoi evitare questo e altri rischi, e allo stesso tempo assicurarti di avere questi attributi nel codice del tuo sito solo quando sono davvero utili.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#cosa-significa-rel-noopener-noreferrer\">Cosa significa rel=\u201dnoopener noreferrer\u201d<\/a><\/li><li><a href=\"#cosa-sono-noopener-e-noreferrer\">Cosa sono noopener e noreferrer<\/a><\/li><li><a href=\"#come-funziona-rel-noopener-noreferrer\">Come funziona rel=\u201dnoopener noreferrer\u201d<\/a><ul><li><a href=\"#come-funziona-noopener\">Come funziona noopener<\/a><\/li><li><a href=\"#come-funziona-noreferrer\">Come funziona noreferrer<\/a><\/li><\/ul><\/li><li><a href=\"#differenza-tra-noopener-e-nofollow\">Differenza tra noopener e nofollow<\/a><\/li><li><a href=\"#quando-usare-rel-noopener-noreferrer\">Quando usare rel=\u201dnoopener noreferrer\u201d<\/a><\/li><li><a href=\"#quando-noreferrer-va-evitato\">Quando noreferrer va evitato<\/a><\/li><li><a href=\"#noreferrer-e-link-di-affiliazione-sono-compatibili\">Noreferrer e link di affiliazione sono compatibili?<\/a><\/li><li><a href=\"#noopener-noreferrer-e-seo-che-rapporto-ce\">Noopener noreferrer e SEO: che rapporto c\u2019\u00e8?<\/a><\/li><li><a href=\"#come-aggiungere-rel-noopener-noreferrer\">Come aggiungere rel=\u201dnoopener noreferrer\u201d<\/a><ul><li><a href=\"#aggiunta-automatica-di-noopener-noreferrer-su-word-press\">Aggiunta automatica di noopener noreferrer su WordPress<\/a><\/li><\/ul><\/li><li><a href=\"#come-eliminare-noreferrer-da-word-press\">Come eliminare noreferrer da WordPress<\/a><\/li><li><a href=\"#come-disabilitare-rel-noopener-su-word-press\">Come disabilitare rel=\u201dnoopener\u201d su WordPress\u00a0<\/a><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cosa-significa-rel-noopener-noreferrer\">Cosa significa rel=\u201dnoopener noreferrer\u201d<\/h2>\n\n\n\n<p>Quando inserisci un link esterno in un contenuto del tuo sito, puoi assegnargli degli attributi HTML che determinano come si comporter\u00e0 quando un utente ci cliccher\u00e0 sopra.<\/p>\n\n\n\n<p>In particolare l\u2019<a href=\"https:\/\/supporthost.com\/it\/attributo-rel\/\"><strong>attributo rel<\/strong><\/a><strong> definisce il tipo di relazione tra <\/strong>la pagina in cui si trova il link (<strong>origine<\/strong>) <strong>e <\/strong>quella a cui il link punta (<strong>destinazione<\/strong>). Rel pu\u00f2 assumere diversi valori e tra questi ci sono noopener e noreferrer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"466\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/wordpress-editor-noopener-noreferrer-automatici-1024x466.png\" alt=\"Wordpress Editor Noopener Noreferrer Automatici\" class=\"wp-image-136426\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/wordpress-editor-noopener-noreferrer-automatici-1024x466.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/wordpress-editor-noopener-noreferrer-automatici-300x136.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/wordpress-editor-noopener-noreferrer-automatici-768x349.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/wordpress-editor-noopener-noreferrer-automatici-120x55.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/wordpress-editor-noopener-noreferrer-automatici.png 1216w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nel caso di rel=\u201dnoopener noreferrer\u201d abbiamo un\u2019istruzione che contiene due attributi con significati diversi.<\/p>\n\n\n\n<p><strong>Noopener significa <\/strong><strong><em>senza opener <\/em><\/strong>e il suo scopo \u00e8<strong> <\/strong>interrompere la connessione tra la pagina di destinazione e quella di origine.<\/p>\n\n\n\n<p><strong>Noreferrer significa <\/strong><strong><em>senza referrer<\/em><\/strong>, cio\u00e8 senza l\u2019indicazione dell\u2019URL di provenienza. Serve a nascondere al sito di destinazione il sito da cui arriva l\u2019utente che ha cliccato sul link esterno.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cosa-sono-noopener-e-noreferrer\">Cosa sono noopener e noreferrer<\/h2>\n\n\n\n<p>Noopener e noreferrer vengono spesso chiamati tag. In realt\u00e0 sono attributi, o per la precisione:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;a&gt; \u00e8 il tag<\/li>\n\n\n\n<li><em>rel <\/em>\u00e8 l\u2019attributo del tag<\/li>\n\n\n\n<li><em>noopener <\/em>e <em>noreferrer<\/em> sono i valori dell\u2019attributo rel.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"201\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/struttura-attributo-rel-noopener-noreferrer-1024x201.png\" alt=\"Struttura Attributo Rel Noopener Noreferrer\" class=\"wp-image-137303\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/struttura-attributo-rel-noopener-noreferrer-1024x201.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/struttura-attributo-rel-noopener-noreferrer-300x59.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/struttura-attributo-rel-noopener-noreferrer-768x151.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/struttura-attributo-rel-noopener-noreferrer-120x24.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/struttura-attributo-rel-noopener-noreferrer.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per aiutarti a capire meglio come funziona abbiamo creato una <a href=\"https:\/\/supporthost.com\/it\/imparare-html\/\">guida pratica e gratuita all\u2019HTML<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-funziona-rel-noopener-noreferrer\">Come funziona rel=\u201dnoopener noreferrer\u201d<\/h2>\n\n\n\n<p>Noopener e noreferrer sono <strong>due attributi diversi e indipendenti<\/strong> ma spesso vengono usati insieme perch\u00e9 sono <strong>complementari<\/strong>. Di solito vengono inseriti, manualmente o in automatico, quando l\u2019URL contenuto nel link si apre in una nuova scheda del browser.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"620\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/open-in-new-tab-noopener-noreferrer-wordpress-1024x620.png\" alt=\"Open In New Tab Noopener Noreferrer WordPress\" class=\"wp-image-136427\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/open-in-new-tab-noopener-noreferrer-wordpress-1024x620.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/open-in-new-tab-noopener-noreferrer-wordpress-300x182.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/open-in-new-tab-noopener-noreferrer-wordpress-768x465.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/open-in-new-tab-noopener-noreferrer-wordpress-104x63.png 104w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/open-in-new-tab-noopener-noreferrer-wordpress.png 1076w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Vediamo come funzionano.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"come-funziona-noopener\">Come funziona noopener<\/h3>\n\n\n\n<p>Quando aggiungiamo a un link esterno l\u2019<a href=\"https:\/\/supporthost.com\/it\/target-blank\/\">attributo <em>target blank<\/em><\/a>, il collegamento si apre in una nuova scheda del browser. <strong>Su WordPress<\/strong> possiamo inserirlo sia dal codice che semplicemente <strong>selezionando<\/strong> la casella <strong>Apri in una nuova scheda<\/strong> nelle impostazioni avanzate del link.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"542\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/apri-in-una-nuova-scheda-link-wordpress-1024x542.png\" alt=\"Apri In Una Nuova Scheda Link WordPress\" class=\"wp-image-136428\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/apri-in-una-nuova-scheda-link-wordpress-1024x542.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/apri-in-una-nuova-scheda-link-wordpress-300x159.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/apri-in-una-nuova-scheda-link-wordpress-768x407.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/apri-in-una-nuova-scheda-link-wordpress-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/apri-in-una-nuova-scheda-link-wordpress.png 1197w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nell&#8217;HTML vedremo una stringa come questa:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\u201dhttps:\/\/supporthost.com\/\u201d target=\u201d_blank\u201d&gt;Home page di SupportHost&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<p>Quando un utente fa clic su un link che contiene target=\u201d_blank\u201d, una propriet\u00e0 JavaScript chiamata <strong>window.opener<\/strong> crea una connessione tra la scheda del browser che contiene il link e la nuova scheda aperta.&nbsp;<\/p>\n\n\n\n<p>Attraverso window.opener <strong>una pagina malevola potrebbe <\/strong>compiere delle azioni su quella di origine come:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>reindirizzarla verso siti dannosi<\/strong>, per esempio dediti al <a href=\"https:\/\/it.wikipedia.org\/wiki\/Phishing\" rel=\"noopener\">phishing<\/a> o a diffondere malware;<\/li>\n\n\n\n<li><strong>inserire contenuto indesiderato<\/strong> all\u2019interno della pagina, che pu\u00f2 comprendere pubblicit\u00e0 ed esche per truffe;<\/li>\n\n\n\n<li><strong>mettere in atto il <\/strong><strong><em>tabnabbing<\/em><\/strong>, cio\u00e8 sostituire silenziosamente la scheda lasciata aperta con una pagina falsa che contiene un finto login, per rubare le credenziali dell&#8217;utente.<\/li>\n<\/ul>\n\n\n\n<p><strong>L\u2019attributo noopener <\/strong>impedisce alla pagina di destinazione del link di connettersi a quella di provenienza e <strong>previene attacchi informatici di questi tipi<\/strong>.<\/p>\n\n\n\n<p>Quando la nuova pagina si apre, <strong>il browser azzera il valore di window.opener<\/strong>, cio\u00e8 lo imposta su <em>null<\/em>, di conseguenza la nuova pagina viene eseguita in un processo separato e non ha alcun modo di collegarsi a quella di origine.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"come-funziona-noreferrer\">Come funziona noreferrer<\/h3>\n\n\n\n<p>Di solito quando un utente arriva su un sito attraverso un link, il server pu\u00f2 vedere l\u2019URL della pagina da cui proviene l\u2019utente nell\u2019header HTTP Referer, un campo della richiesta HTTP inviata dal browser.<\/p>\n\n\n\n<p><strong>La funzione dell\u2019attributo noreferrer \u00e8 dire al browser di non inviare l\u2019header HTTP <\/strong><strong><em>Referer<\/em><\/strong> al server del sito di destinazione quando l\u2019utente clicca sul collegamento esterno.&nbsp;<\/p>\n\n\n\n<p>Di solito quando un utente arriva su un sito attraverso un link, l\u2019origine della visita viene registrata nei dati di traffico del sito di destinazione, quelli che si vedono, per esempio, nella <strong>sezione <em>Referral <\/em>di <a href=\"https:\/\/supporthost.com\/it\/google-analytics\/\">Google Analytics<\/a><\/strong>. Invece <strong>quando al link \u00e8 associato noreferrer<\/strong>, <strong>la fonte del traffico viene nascosta<\/strong> e <strong>conteggiata come <em>Direct<\/em><\/strong>, cio\u00e8 traffico diretto.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"529\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/noreferrer-analytics-referral-direct-fonti-traffico-1024x529.png\" alt=\"Noreferrer Analytics Referral Direct Fonti Traffico\" class=\"wp-image-136432\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/noreferrer-analytics-referral-direct-fonti-traffico-1024x529.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/noreferrer-analytics-referral-direct-fonti-traffico-300x155.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/noreferrer-analytics-referral-direct-fonti-traffico-768x397.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/noreferrer-analytics-referral-direct-fonti-traffico-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/noreferrer-analytics-referral-direct-fonti-traffico-1536x794.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/noreferrer-analytics-referral-direct-fonti-traffico.png 1788w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Nei browser moderni la presenza di rel=\u201dnoreferrer\u201d implica anche l&#8217;esecuzione di noopener<\/strong>, perch\u00e9 l\u2019assenza del referrer impedisce alla pagina aperta di rintracciare l\u2019origine e quindi anche di controllarla tramite <em>window.opener<\/em>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"differenza-tra-noopener-e-nofollow\">Differenza tra noopener e nofollow<\/h2>\n\n\n\n<p>Molti utenti tendono a confondere noopener e nofollow, che hanno in realt\u00e0 funzioni completamente slegate. Si tratta infatti di <strong>due diversi valori dell\u2019attributo rel<\/strong>, quello che definisce il tipo di relazione che intercorre tra la pagina corrente e la risorsa che stai linkando.&nbsp;<\/p>\n\n\n\n<p>Come abbiamo visto, <strong>noopener impedisce alla pagina di destinazione di collegarsi a quella di origine<\/strong>.&nbsp;<\/p>\n\n\n\n<p><strong>Nofollow invece indica ai motori di ricerca di non<\/strong> <strong>considerare il link come un apprezzamento<\/strong> della pagina di destinazione, o in altre parole, di non trasferirle valore SEO. Fa parte delle buone pratiche della SEO usarlo nei collegamenti esterni che portano a siti non autorevoli o di cui non ci fidiamo al 100%. I casi tipici sono i link sponsorizzati o di affiliazione, o i link a contenuti generati dagli utenti (UGC) \u2013 su forum, social network, ecc. \u2013 o a informazioni utili su siti poco noti o poco curati.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"quando-usare-rel-noopener-noreferrer\">Quando usare rel=\u201dnoopener noreferrer\u201d<\/h2>\n\n\n\n<p>Gli attributi noopener noreferrer possono essere usati <strong>principalmente per<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>aumentare la <strong>sicurezza del sito<\/strong><\/li>\n\n\n\n<li>proteggere la <strong>privacy degli utenti<\/strong><\/li>\n\n\n\n<li><strong>nascondere la provenienza dei link<\/strong> verso siti specifici.<\/li>\n<\/ul>\n\n\n\n<p><strong>Quando si inseriscono link esterni che aprono un\u2019altra scheda del browser<\/strong>, gli attributi noopener e noreferrer andrebbero usati nella maggior parte dei casi, non solo per proteggere il sito da attacchi informatici ma anche per evitare di esporre informazioni non necessarie legate al sito di provenienza dell\u2019utente, secondo il <strong>principio di<\/strong> <strong>minimizzazione dei dati<\/strong> <strong>sancito dal <a href=\"https:\/\/supporthost.com\/it\/gdpr\/\">GDPR<\/a><\/strong>.&nbsp;<\/p>\n\n\n\n<p>In particolare nascondere il sito di origine dell\u2019utente con noreferrer<strong> <\/strong>\u00e8 <strong>imprescindibile <\/strong>se questo si occupa di aspetti della vita delle persone considerati intimi oppure di opinioni o caratteristiche psicofisiche che possono dar luogo a discriminazioni o permettere di identificare il visitatore; in altre parole <strong>se la visita a quel sito pu\u00f2 essere considerata un <\/strong><a href=\"https:\/\/www.garanteprivacy.it\/home\/diritti\/cosa-intendiamo-per-dati-personali\" rel=\"noopener\"><strong>dato sensibile<\/strong><\/a>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"673\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/privacy-policy-dati-sensibili-attributo-noreferrer-1024x673.png\" alt=\"Privacy Policy Dati Sensibili Attributo Noreferrer\" class=\"wp-image-136436\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/privacy-policy-dati-sensibili-attributo-noreferrer-1024x673.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/privacy-policy-dati-sensibili-attributo-noreferrer-300x197.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/privacy-policy-dati-sensibili-attributo-noreferrer-768x505.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/privacy-policy-dati-sensibili-attributo-noreferrer-96x63.png 96w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/privacy-policy-dati-sensibili-attributo-noreferrer.png 1405w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>C\u2019\u00e8 un terzo motivo meno comune che pu\u00f2 giustificare l\u2019uso di rel=\u201dnoopener noreferrer\u201d, cio\u00e8 la volont\u00e0 di <strong>nascondere il proprio sito dai report di traffico degli altri, tipicamente concorrenti<\/strong>. Pu\u00f2 capitare di inserire link a siti competitor \u2013 per rafforzare l\u2019autorevolezza del proprio contenuto o indicare agli utenti un approfondimento valido \u2013 e di non volerlo rendere noto agli amministratori. Ricorda comunque che linkare i competitor pu\u00f2 essere una scelta sensata solo se la tua pagina \u00e8 informativa e il link esterno punta a un sito molto autorevole non in competizione diretta sulla stessa parola chiave.&nbsp;<\/p>\n\n\n\n<p>Un ulteriore vantaggio di noopener noreferrer \u00e8 la sua capacit\u00e0 di risparmiare le risorse necessarie a mantenere attivo window.opener e di conseguenza <strong>migliorare le prestazioni del browser<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"quando-noreferrer-va-evitato\">Quando noreferrer va evitato<\/h2>\n\n\n\n<p>Mentre ha sempre senso usare noopener per questioni di sicurezza, bisogna <strong>valutare caso per caso quando usare anche noreferrer<\/strong>.<\/p>\n\n\n\n<p>Poich\u00e9 impedisce al sito di destinazione di riconoscere l\u2019origine del traffico nei report, <strong>noreferrer non dovrebbe essere usato quando i link vanno verso<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>siti autorevoli che citiamo per aggiungere credibilit\u00e0 al contenuto<\/strong>, in quanto il noreferrer comunica a Google esattamente il contrario;<\/li>\n\n\n\n<li><strong>siti che citiamo per instaurare una relazione con altri professionisti<\/strong> o per ottenere a nostra volta un backlink o menzioni su siti o social;<\/li>\n\n\n\n<li><strong>servizi web che utilizzano il referrer per verificare l\u2019origine<\/strong> della richiesta o per applicare regole di accesso \u2013 per esempio piattaforme per l\u2019hosting dei video o servizi SaaS o sistemi di pagamento online;&nbsp;<\/li>\n\n\n\n<li><strong>siti propri o altre pagine del sito d\u2019origine<\/strong>, quindi mai nei link interni;<\/li>\n\n\n\n<li><strong>siti partner<\/strong>, perch\u00e9 nasconderebbe dati che servono a valutare il successo della collaborazione;<\/li>\n\n\n\n<li><strong>siti con cui si hanno accordi di affiliazione<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p>In quest\u2019ultimo caso, noreferrer pu\u00f2 essere da evitare assolutamente oppure no. Vediamo perch\u00e9.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"noreferrer-e-link-di-affiliazione-sono-compatibili\">Noreferrer e link di affiliazione sono compatibili?<\/h2>\n\n\n\n<p>Si dice che<strong> <\/strong>l\u2019<strong>attributo noreferrer sia incompatibile con i link di affiliazione <\/strong>perch\u00e9 impedirebbe al sito di destinazione di vedere da dove arriva l\u2019utente e conteggiare le visite nel calcolo delle commissioni.<\/p>\n\n\n\n<p>In realt\u00e0 oggi la <strong>maggior parte delle piattaforme genera URL che contengono parametri identificativi<\/strong> del sito affiliato rendendo superfluo l\u2019uso del referrer, del tipo \u201c?tag=nomesito-numero\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"913\" height=\"403\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/05\/generare-link-per-programma-bounty-amazon.png\" alt=\"Generare Link Per Programma Bounty Amazon\" class=\"wp-image-62191\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/05\/generare-link-per-programma-bounty-amazon.png 913w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/05\/generare-link-per-programma-bounty-amazon-300x132.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/05\/generare-link-per-programma-bounty-amazon-768x339.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2024\/05\/generare-link-per-programma-bounty-amazon-120x53.png 120w\" sizes=\"auto, (max-width: 913px) 100vw, 913px\" \/><\/figure>\n\n\n\n<p>Per questo sui link di <a href=\"https:\/\/supporthost.com\/it\/affiliazione-amazon\/\">affiliazione ad Amazon<\/a>, come su quelli della maggior parte dei network seri, il noreferrer non ha nessun effetto.<\/p>\n\n\n\n<p>L\u2019<strong>attributo noreferrer resta problematico<\/strong> in caso di programmi di affiliazione che usano ancora l\u2019header HTTP Referer per identificare i siti affiliati di provenienza degli utenti e attribuire le commissioni. Tuttavia oggi \u00e8 raro trovare sistemi che basano il calcolo delle commissioni esclusivamente su questo sistema.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"noopener-noreferrer-e-seo-che-rapporto-ce\">Noopener noreferrer e SEO: che rapporto c\u2019\u00e8?<\/h2>\n\n\n\n<p>L\u2019attributo noopener noreferrer non danneggia la SEO e non ha alcuna influenza diretta sul posizionamento sui motori di ricerca.<\/p>\n\n\n\n<p>Per iniziare, <strong>noopener <\/strong>non ha alcun impatto sul ranking perch\u00e9 <strong>riguarda esclusivamente il comportamento del browser<\/strong>.<\/p>\n\n\n\n<p>Quanto a <strong>noreferrer<\/strong>, <strong>non nasconde informazioni ai motori di ricerca<\/strong> ma solo alla pagina di destinazione del link. Non ha quindi conseguenze sulla SEO, e se lo si pensa \u00e8 perch\u00e9 lo si confonde con <em>rel=\u201dnofollow\u201d<\/em>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-aggiungere-rel-noopener-noreferrer\">Come aggiungere rel=\u201dnoopener noreferrer\u201d<\/h2>\n\n\n\n<p>Per <strong>aggiungere rel=\u201dnoopener noreferrer\u201d ai tuoi link manualmente<\/strong> devi aprire l\u2019HTML del sito e inserire l\u2019attributo all\u2019interno del tag &lt;a&gt; ogni volta che compare target=\u201d_blank\u201d, come in questo esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\u201dhttps:\/\/supporthost.com\/it\/\u201d target=\u201d_blank\u201d rel=\u201dnoopener\u201d&gt;SupportHost\n\n&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<p>In realt\u00e0 oggi, <strong>nella maggior parte dei casi, noopener e noreferrer vengono inseriti in automatico<\/strong> dal CMS o applicati in automatico dai browser.<\/p>\n\n\n\n<p>Ma le cose sono un po\u2019 diverse per i due attributi. In sintesi:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>WordPress <\/strong>aggiunge in automatico <strong>noopener&nbsp;<\/strong><\/li>\n\n\n\n<li><strong>Gutenberg <\/strong>aggiunge in automatico <strong>sia noopener che noreferrer<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p>Ma vediamo pi\u00f9 in dettaglio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aggiunta-automatica-di-noopener-noreferrer-su-word-press\">Aggiunta automatica di noopener noreferrer su WordPress<\/h3>\n\n\n\n<p>Nel 2017, con la versione 4.7.4, <strong>WordPress ha iniziato ad aggiungere automaticamente rel=\u201dnoopener noreferrer\u201d<\/strong> ai link con attributo target blank. Ma da qualche anno l\u2019aggiunta automatica di noreferrer \u00e8 stata eliminata dal core di WordPress per lasciare agli utenti la possibilit\u00e0 di inserirlo manualmente solo quando \u00e8 utile. In pratica<strong> oggi WordPress a ogni occorrenza di target blank inserisce solo rel=\u201dnoopener\u201d<\/strong>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"534\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/target-blank-noopener-noreferrer-gutenberg-wordpress-1024x534.png\" alt=\"Target Blank Noopener Noreferrer Gutenberg WordPress\" class=\"wp-image-136429\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/target-blank-noopener-noreferrer-gutenberg-wordpress-1024x534.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/target-blank-noopener-noreferrer-gutenberg-wordpress-300x156.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/target-blank-noopener-noreferrer-gutenberg-wordpress-768x400.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/target-blank-noopener-noreferrer-gutenberg-wordpress-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/target-blank-noopener-noreferrer-gutenberg-wordpress.png 1157w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In realt\u00e0 le cose sono pi\u00f9 complicate perch\u00e9 <a href=\"https:\/\/supporthost.com\/it\/gutenberg\/\"><strong>Gutenberg<\/strong><\/a>, l\u2019editor a blocchi del CMS, <strong>continua ad aggiungere sia noopener che noreferrer<\/strong>, che puoi comunque eliminare manualmente come vedremo.<\/p>\n\n\n\n<p>Considera anche che le <strong>versioni aggiornate dei browser attuali<\/strong>, come Chrome, Edge, Firefox o Safari, <strong>applicano noopener per impostazione predefinita<\/strong>, anche quando non \u00e8 presente nel codice.&nbsp;<\/p>\n\n\n\n<p>Inserire l\u2019attributo nell\u2019HTML \u2013 in modo automatico o manuale \u2013 resta comunque una pratica raccomandata poich\u00e9 alcuni utenti potrebbero usare browser non aggiornati.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-eliminare-noreferrer-da-word-press\">Come eliminare noreferrer da WordPress<\/h2>\n\n\n\n<p>Se usi WordPress, <strong>per eliminare dall\u2019HTML i noreferrer inutili hai 3 possibilit\u00e0<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>cancellare manualmente solo quelli che creano problemi;<\/li>\n\n\n\n<li>disabilitare l\u2019inserimento automatico passando all\u2019editor classico<\/li>\n\n\n\n<li>non selezionare <em>Apri in un\u2019altra scheda<\/em> n\u00e9 aggiungere target blank a mano.<\/li>\n<\/ul>\n\n\n\n<p><strong>Se usi Gutenberg<\/strong>, <strong>dovrai cancellare manualmente gli attributi noreferrer<\/strong> dannosi aggiunti in automatico. Dall\u2019editor degli articoli puoi accedere all\u2019HTML facendo <strong>clic sui tre puntini<\/strong> nell\u2019angolo superiore destro. Si aprir\u00e0 un men\u00f9 in cui puoi <strong>scegliere Editor del codice<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"659\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/wordpress-editor-codice-inserire-noopener-noreferrer-1024x659.png\" alt=\"Wordpress Editor Codice Inserire Noopener Noreferrer\" class=\"wp-image-136430\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/wordpress-editor-codice-inserire-noopener-noreferrer-1024x659.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/wordpress-editor-codice-inserire-noopener-noreferrer-300x193.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/wordpress-editor-codice-inserire-noopener-noreferrer-768x494.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/wordpress-editor-codice-inserire-noopener-noreferrer-98x63.png 98w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2026\/01\/wordpress-editor-codice-inserire-noopener-noreferrer.png 1097w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Poi li potrai cancellare come dei normali testi.<\/p>\n\n\n\n<p>Se vuoi disabilitare l\u2019aggiunta automatica dei noreferrer sui link con target blank potresti <strong>passare <\/strong>dall\u2019editor a blocchi <strong>all\u2019editor classico<\/strong> di WordPress, come abbiamo visto nella <a href=\"https:\/\/supporthost.com\/it\/gutenberg\/\">guida a Gutenberg<\/a>.&nbsp;<\/p>\n\n\n\n<p>Infine un modo molto pratico per evitare che n\u00e9 noreferrer n\u00e9 noopener vengano inseriti in automatico \u00e8 <strong>non usare target blank<\/strong>, cio\u00e8 lasciare che i link si aprano nella stessa scheda in cui si trovano come da impostazione predefinita di WordPress. Questa \u00e8 anche la modalit\u00e0 che offre una migliore esperienza utente perch\u00e9 \u00e8 ci\u00f2 che si aspetta la maggior parte degli utenti.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-disabilitare-rel-noopener-su-word-press\">Come disabilitare rel=\u201dnoopener\u201d su WordPress&nbsp;<\/h2>\n\n\n\n<p>Non ci sono motivi validi per disabilitare l\u2019inserimento automatico di rel=\u201dnoopener\u201d su WordPress o su altri CMS perch\u00e9 l\u2019attributo contribuisce a rendere il sito pi\u00f9 sicuro e non ha effetti collaterali. Inoltre avrebbe poco senso visto che la maggior parte dei browser applica sempre noopener in presenza di target blank.<\/p>\n\n\n\n<p>Tra l\u2019altro eliminare noopener da WordPress non \u00e8 un\u2019operazione immediata: dovresti per prima cosa <strong>passare da Gutenberg all\u2019editor classico<\/strong> e poi <strong>inserire nel file <em>functions.php<\/em> del tuo <\/strong><a href=\"https:\/\/supporthost.com\/it\/tema-child\/\"><strong>tema child<\/strong><\/a><strong> un filtro<\/strong> che disabilita l\u2019inserimento di rel=\u201dnoopener\u201d.&nbsp;<\/p>\n\n\n\n<p>Come abbiamo gi\u00e0 visto per noreferrer, il modo pi\u00f9 pratico per evitare che noopener venga aggiunto in automatico su WordPress, o eseguito in automatico dal browser, \u00e8 mantenere l\u2019impostazione predefinita dei link in WordPress e farli aprire nella pagina in cui si trovano.<\/p>\n\n\n\n<p>Se ti serve un modo per <a href=\"https:\/\/supporthost.com\/it\/attributo-rel\/\">aggiungere in automatico l&#8217;attributo <em>rel<\/em> ai link di WordPress<\/a>, puoi seguire la nostra guida dedicata.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>In questa guida a noopener e noreferrer abbiamo visto che si tratta di due attributi diversi e in qualche modo complementari, che puoi usare anche separatamente.<\/p>\n\n\n\n<p><strong>Noopener <\/strong>\u00e8 indispensabile nei <strong>collegamenti esterni che si aprono in una nuova scheda del browser<\/strong>,<strong> <\/strong>ma se usi WordPress non hai bisogno di fare nulla perch\u00e9 il CMS lo aggiunge in automatico a ogni occorrenza di target blank. Per di pi\u00f9 in questi casi i browser aggiornati lo applicano di default.<\/p>\n\n\n\n<p>L\u2019inserimento di noreferrer, invece, va valutato in base alla situazione e proprio per questo non \u00e8 pi\u00f9 una funzione automatica del core di WordPress. Gutenberg per\u00f2 continua a inserire in automatico rel=\u201dnoopener noreferrer\u201d in ogni collegamento esterno che si apre in una nuova scheda.&nbsp;<\/p>\n\n\n\n<p>E tu come hai deciso di comportarti riguardo a questi attributi? Lasci che vengano inseriti in automatico oppure preferisci inserirli a mano solo dove servono? Se ti va, parliamone nei commenti.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se hai trovato gli attributi noopener e noreferrer nell\u2019HTML di WordPress e non capisci come ci siano arrivati, non preoccuparti: non sono errori e non metteranno a rischio la SEO. Per\u00f2 \u00e8 importante sapere perch\u00e9 sono comparsi in automatico e quando \u00e8 meglio eliminarli. Se invece vuoi scoprire cosa significano noopener e noreferrer perch\u00e9 hai [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":144273,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[28],"tags":[],"class_list":["post-136375","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo-search-engine-optimization"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/136375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=136375"}],"version-history":[{"count":19,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/136375\/revisions"}],"predecessor-version":[{"id":144322,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/136375\/revisions\/144322"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/144273"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=136375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=136375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=136375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}