Noopener noreferrer è un attributo HTML aggiunto ai link esterni. La maggior parte dei CMS lo include automaticamente senza che tu debba aggiungerlo esplicitamente.
L'attributo noopener impedisce alla nuova scheda del browser di accedere all'oggetto finestra della scheda originale.
Inoltre, noreferrer impedisce al browser di inviare l'intestazione HTTP del referrer. Senza le informazioni sul referrer, il sito web di destinazione non riesce a sapere da dove proviene l'utente.
Capire cosa significa noopener noreferrer in SEO e link building. Sono utili? Dovresti usarli? E quali sono i pro e i contro?
Cosa Significa rel="noopener noreferrer"?
La combinazione di tag rel=”noopener noreferrer” viene aggiunta ai link esterni che si aprono in una nuova scheda. Viene utilizzata con il target="_blank".
Quando aggiungi "noopener", dici al browser di impedire alla nuova scheda di controllare l'originale. Impedisce il reverse tabnabbing, dove un sito dannoso prende il controllo della scheda del sito di riferimento.
D'altra parte, "noreferrer" garantisce che nessun dato di riferimento (come il tuo URL) venga trasmesso alla pagina di destinazione. Inoltre, noreferrer interrompe il tracciamento del referrer, il che potrebbe essere utile se non vuoi che gli strumenti di analisi e i siti partner vedano chi ha inviato il traffico.
Dovresti usare entrambi gli attributi quando apri i link in una nuova scheda a meno che tu non abbia bisogno di dati di riferimento per il tracciamento o le partnership.
Esempio di Noopener Noreferrer
Immagina di gestire un blog e di collegarti a un articolo di terze parti sulle "tendenze del marketing".
Vuoi che il link si apra in una nuova scheda affinché i tuoi lettori rimangano sul tuo sito.
Ecco come apparirebbe l'HTML:
<a href="https://marketingtrendssite.com" target="_blank" rel="noopener noreferrer">Leggi di più sui [trend] del marketing</a>
In questo codice:
Target="_blank" apre il link in una nuova scheda del browser.
Noopener dice al browser: “Non lasciare che quella nuova scheda controlli o acceda a questa.”
Noreferrer aggiunge un livello di privacy impedendo che l'URL del tuo sito venga trasmesso al sito di destinazione.
Perché sono Importanti Questi Tag?
Nel link building, due tag contano di più: nofollow e dofollow.
Alcuni assumono che nofollow sia lo stesso di ‘noreferrer’ o ‘noreferer’. Tuttavia, non sono la stessa cosa.
L'utilizzo di noopener noreferer non ha un impatto su link equity.
SEO e "link builders" usano rel="noopener noreferrer" per proteggere il dominio da attacchi esterni e per tracciare accuratamente i dati dell'URL.
La maggior parte dei sistemi di gestione dei contenuti come Wix, WordPress, Squarespace, Ghost, Webflow e altri utilizzano già il tag noopener per impostazione predefinita per tutti i link.
Quando aggiungi un link, per impostazione predefinita, viene aggiunto un attributo target="_blank".
Questo attributo da solo introduce una vulnerabilità di sicurezza a meno che non sia abbinato a noopener. La pagina di destinazione ottiene l'accesso all'oggetto finestra della sorgente, il che consente la manipolazione tramite script.
Applicare noopener elimina completamente quel rischio.
Noopener noreferrer sono anche utilizzati per proteggere la fiducia del dominio e per migliorare le prestazioni del browser affinché i link siano aperti correttamente, più velocemente e senza alcun gap di sicurezza.
La corretta implementazione di rel="noopener noreferrer" porta a pratiche di collegamento pulite che migliorano la [crawlability] dei motori di ricerca e riducono l'esposizione al rischio per risultati migliori delle campagne SEO.
Pro e Contro dell'Utilizzo di Noopener Noreferrer
Da entrambe le prospettive SEO e di sicurezza, la combinazione di noopener noreferrer supporta un'esecuzione dei link più forte.
Tuttavia, ci sono alcuni "contro" che [dovrebbero] essere considerati.
Di seguito è riportata una suddivisione dei vantaggi misurabili e delle limitazioni dell'utilizzo di noopener noreferrer.
Ecco i pro di utilizzare noopener noreferrer nei link esterni:
- Protegge dal Tabnabbing: Quando i costruttori di link usano target="_blank" per aprire un link in una nuova scheda, si crea una falla di sicurezza chiamata reverse tabnabbing. Può portare ad attacchi di phishing e reindirizzamenti non necessari che danneggiano la reputazione del dominio. Aggiungendo rel="noopener", puoi proteggere il tuo sito web da tali attacchi, poiché impedisce alla nuova scheda di avere accesso alla finestra del browser originale.
- Migliora le Prestazioni del Browser: Oltre a migliorare la sicurezza, rel="noopener" può effettivamente migliorare le prestazioni del browser. Senza di esso, la nuova scheda rimane collegata alla scheda originale tramite la proprietà window.opener. Tale connessione utilizza memoria e risorse del browser inutilmente. Utilizzando noopener, rimuovi quel collegamento, il che si traduce in una gestione delle risorse più pulita.
- Offre Maggiore Controllo sui Dati di Riferimento: L'uso di rel="noreferrer" dà agli esperti SEO e ai costruttori di link il controllo sul fatto di passare o meno i dati di riferimento alla pagina di destinazione. Se stai collegando a un concorrente o a una pagina sensibile, nascondere il fatto che il tuo sito ha inviato traffico potrebbe essere strategico. D'altra parte, se sei nel marketing affiliato o in partnership dove hai bisogno di dimostrare il traffico di riferimento, non dovresti usare noreferrer.
- Non ha impatto negativo sulla SEO: I proprietari di siti web si confondono e assumono che noopener sia lo stesso di nofollow. Tuttavia, né noopener né noreffer influenzano il flusso del "link juice". Sono puramente per il comportamento del browser e la privacy. I costruttori di link possono usarli in sicurezza senza rischiare le loro strategie di backlink o perdere valore dai link esterni ad alta autorità.
Qui ci sono gli svantaggi dell'utilizzo di "noopener" e "noreferrer" nei link esterni:
- Perdi i Dati di Riferimento con noreferrer: Quando usi rel="noreferrer", impedisce al sito web di destinazione di vedere da dove proviene il visitatore. È utile per la privacy, ma non ideale quando il tracciamento è importante. Ad esempio, i marketer affiliati, i partner del marchio o i team di analisi spesso hanno bisogno di quelle informazioni di riferimento per [reporting], pagamento o ottimizzazione. Se lo nascondi con un noreferrer, potresti perdere l'attribuzione o persino entrate.
- Problemi di compatibilità con alcuni strumenti di analisi: Alcuni sistemi di analisi più vecchi o personalizzati utilizzano ancora l'intestazione Referer per tracciare i percorsi dei visitatori. Se viene applicato noreferrer, gli strumenti di tracciamento degli URL potrebbero mostrare il traffico come “diretto” invece di mostrare la fonte effettiva. Pertanto, i rapporti potrebbero essere inaccurati e gli [SEO] o i proprietari del sito web potrebbero non sapere da dove proviene realmente il traffico.
- Può Portare a Sovraccarico nei Modelli: Su siti web di grandi dimensioni con configurazioni CMS complesse, gestire i tag noopener noreferrer su ogni link esterno può richiedere molto tempo. Potrebbe essere necessario un scripting aggiuntivo, configurazioni di plugin o uno sforzo manuale. Se non gestito in modo coerente, può causare un mix di link sicuri e insicuri, il che non è ideale per la manutenzione a lungo termine.
Le "Best Practices" per i [Link Builders]
Segui queste "best practices" quando utilizzi noopener noreferrer nel [link building]:
Usa rel="noopener" con target="_blank"
Si dovrebbe usare rel="noopener" con i link che si aprono in nuove schede tramite target="_blank". Previene l'accesso a window.opener dalla pagina collegata ed elimina i rischi di tabnabbing.
Inoltre, garantisce un comportamento sicuro senza influenzare la SEO o PageRank. Dovresti trattarlo come [predefinito] per tutti i collegamenti esterni che si aprono in una nuova scheda.
Usa rel="noreferrer" con Cautela
Dovresti includere rel="noreferrer" nei link esterni per bloccare il passaggio delle informazioni di riferimento all'URL di destinazione. Dovresti aggiungere questo tag solo in scenari sensibili alla privacy o quando il tracciamento dei riferimenti deve essere evitato.
Evita l'uso eccessivo di Noreferrer nel Link Building
Cerca di evitare l'uso eccessivo di noreferrer poiché riduce la visibilità nelle analisi e indebolisce il valore dei backlink nelle campagne di sensibilizzazione.
I [referral headers] aiutano i siti riceventi a riconoscere le fonti di traffico e la credibilità dei link. Sii attento quando usi questo attributo e non farlo diventare il predefinito per tutti i [backlinks].
Combina con Nofollow, UGC o Sponsorizzato secondo necessità
Usa nofollow per i link non affidabili o promozionali, UGC per "contenuti" generati dagli utenti, e sponsored per "inserzioni" a pagamento o riferimenti affiliati.
Quando i collegamenti si aprono in nuove schede, abbinali a noopener per la sicurezza. Evita di abbinarli a noreferrer a meno che non sia richiesto dalla conformità o dalla privacy.
Domande Frequenti
Il rel="noreferrer" danneggia la SEO?
No. rel="noreferrer" non danneggia la SEO. Google segue i link con noreferrer e passa il PageRank (equità del link) fintanto che nofollow o sponsored non è presente. Il tag noreferrer influisce sul comportamento del browser, non su come i motori di ricerca valutano o classificano le pagine.
L'autorità del link, l'indicizzazione e la rilevanza del testo di ancoraggio sono completamente preservate. L'unico svantaggio è la perdita dei dati di riferimento.
Quando viene utilizzato questo tag, il sito di destinazione non può vedere da dove proviene il traffico. Ciò significa che piattaforme come Google Analytics o dashboard di affiliazione non riceveranno informazioni sul referrer. Pertanto, questo influisce sul tracciamento, non sul posizionamento.
È necessario "noopener" per i link interni?
No, rel="noopener" non è necessario per il collegamento interno. Aggiungere collegamenti contestuali al proprio sito non introduce gli stessi rischi di sicurezza associati ai collegamenti esterni.
La funzione principale di noopener è quella di prevenire il "reverse tabnabbing", e questo tipo di minaccia ha origine da domini di terze parti, non da link all'interno dello stesso sito.
I link interni operano all'interno di un ambiente fidato sotto lo stesso dominio e, pertanto, i protocolli di sicurezza del browser già limitano comportamenti pericolosi attraverso origini identiche.
Posso rimuovere manualmente questi "tag"?
Sì, puoi rimuovere rel="noopener noreferrer" modificando direttamente il codice HTML. Apri il tuo CMS in modalità di modifica e vai al collegamento ipertestuale.
Ora, rimuovi il noopener noreferer dal link esterno o interno. Se il tuo CMS sta aggiungendo questi valori per impostazione predefinita, allora devi chiedere aiuto a uno sviluppatore per sovrascrivere l'inserimento automatico tramite [modelli] o [plugin].
Qual è la differenza tra noreferrer e nofollow?
Noreferrer è un'istruzione a livello di browser che impedisce al [URL] di riferimento di passare alla pagina di destinazione, mentre nofollow è un'istruzione specifica per la [SEO] che impedisce il flusso di equità dei link dal dominio principale al sito collegato.
La differenza principale risiede nella funzione: noreferrer influisce sulla visibilità dei dati di riferimento nel browser, mentre nofollow influisce sul trasferimento del segnale di ranking nei motori di ricerca.
Conclusione
Dovresti usare rel="noopener noreferrer" per i siti web esterni che si aprono in una nuova scheda. Allo stesso modo, dovresti applicare noreferrer quando nascondi i dati di riferimento.
Inoltre, assicurati di non utilizzare questi attributi sui link interni. La navigazione interna non introduce rischi di sicurezza esterni né richiede controllo dei riferimenti, quindi aggiungere attributi non necessari crea disordine nel codice senza fornire benefici.
Ricorda che né noopener né noreferrer influenzano i [rankings]. I motori di ricerca continuano a seguire i [links], passare l'[equity] dei [link] e processare il testo di ancoraggio. Solo gli attributi nofollow e sponsored controllano il trasferimento del valore SEO.
