Glossario SEO: rel="noopener noreferrer"

 

attributo rel Noopener: colmare la lacuna di sicurezza in JavaScript

L'attributo rel Noopener viene utilizzato per compensare una lacuna di sicurezza in JavaScript. Per capire come funziona, spiegheremo innanzitutto come richiamare una pagina tramite un link:

 

• Gli utenti visitano il sito Web A e leggono un testo in una delle sottopagine. Nel testo trovano un link a ulteriori contenuti su un altro sito web B e vi fanno clic.
• Il gestore del sito A vuole offrire agli utenti un valore aggiunto collegandosi ai contenuti del sito B e quindi imposta il link, ma non vuole perdere i suoi utenti. Per questo motivo utilizza il seguente comando per il collegamento: target="_blank".
• Questo comando informa il browser che deve aprire il link al sito web collegato B in una nuova scheda del browser. Il vantaggio per il gestore del sito web A è che la sua pagina rimane aperta nella scheda precedente e gli utenti sono più propensi a tornare al suo sito.
• Tuttavia, quando si apre la seconda scheda si apre una falla nella sicurezza. I browser funzionano con la seguente proprietà JavaScript o il seguente comando: [window.opener]. Purtroppo, questa proprietà JavaScript è una porta d'accesso per gli hacker.
• Gli hacker potrebbero utilizzare il semplice comando [window.open.location] e un falso URL per reindirizzare gli utenti ai siti web sbagliati. Gli hacker potrebbero anche accedere al codice sorgente del sito web A e manipolarlo, rendendo il sito inutilizzabile.

 

Il problema della mancanza di sicurezza si presenta con i collegamenti esterni in cui il comando target="_blank" viene utilizzato per aprire una pagina collegata in una nuova scheda del browser. Questa mancanza di sicurezza non si verifica con un link esterno aperto nella stessa scheda del browser in cui si trova la scheda del sito web A.

 

Di conseguenza, tutti i gestori di siti web e gli esperti SEO che dotano gli anchor tag dei link esterni del comando target="_blank" sono chiamati a utilizzare l'attributo rel noopener. Ecco un esempio di come impostare l'attributo rel noopener nel linguaggio HTML:

 

<a href="https://www.timospecht.de/" target="_blank" rel="noopener">

 

rel noopener non solo aumenta la sicurezza del vostro sito web, ma protegge anche i visitatori del vostro sito web dai danni causati da attacchi di hacker tramite [window.open.location] e URL errati. È uno degli aspetti di sicurezza più importanti quando si impostano i link esterni nella link building.

 

Per tutti i collegamenti interni e soprattutto per quelli esterni in cui la pagina collegata non si apre in una nuova scheda del browser, non è necessario utilizzare rel noopener.

 

Per i siti web esistenti che hanno link esterni con il comando target="_blank", ma senza l'attributo rel noopener, è necessario un adeguamento: tutti i link esterni devono essere successivamente dotati di rel noopener. Fare questo per tutti i link comporta di solito un'enorme quantità di lavoro.

 

Per alcuni sistemi di gestione dei contenuti (CMS), come il sistema WordPress, sono stati sviluppati dei plugin che possono essere utilizzati per inserire retroattivamente attributi HTML come rel noopener. Un esempio di tale plugin per WordPress è il plugin "Add Target Fixer".

 

 

Tag di ancoraggio con attributo rel noreferrer: dissimulare l'origine del link

Normalmente, il sito web B, che riceve un link dal sito web A, può verificare l'origine del link - cioè:

 

Il gestore del sito web B viene informato da dove gli utenti trovano il suo sito web. Tuttavia, se il gestore del sito web A imposta l'attributo rel noreferrer nel tag del link al sito web B, il gestore dell'altro sito web non può più vedere l'origine del link; invece dell'URL del sito web A, ad esempio, Google Analytics visualizza la nota "(diretto) / (nessuno)".

 

L'attributo rel noreferrer deve essere utilizzato quando gli operatori dei siti web collegati non devono sapere quale sito li sta collegando. Non esiste un caso noto in cui l'origine del link debba essere nascosta agli operatori del sito web, ma rel noreferrer è stato introdotto per questi casi. Come utilizzare correttamente rel noreferrer:

 

<a href=“https://www.timospecht.de/“ target=“_blank“ rel=“noreferrer“>

 

Per la maggior parte dei link esterni, l'uso dell'attributo rel noreferrer è addirittura indesiderabile. Soprattutto nel marketing di affiliazione, dove i gestori di siti web impostano link di affiliazione ad altri siti e ricevono una commissione se i nuovi clienti vengono commercializzati con successo, l'uso dell'attributo rel noreferrer è completamente inutile.

 

I partner affiliati devono conoscere la provenienza dei clienti per poter assegnare correttamente i pagamenti delle commissioni.

 

 

Combinazione di diversi attributi HTML: noopener, noreferrer, nofollow e altri.

È consentito combinare diversi attributi tra loro. Sebbene alcune agenzie ed esperti SEO combinino gli attributi rel noopener e rel noreferrer e utilizzino noreferrer come rel noopener nel tag di ancoraggio, questa combinazione è solitamente inutile. Il motivo è semplice:

 

Poiché non esiste uno scopo significativo per rel noreferrer, non esiste nemmeno uno scopo per la combinazione rel noopener noreferrer.

 

È diverso con la combinazione di attributi noreferrer e nofollow. La combinazione di questi due attributi è consigliata se il link esterno deve essere aperto in una nuova scheda del browser e se il sito web collegato non deve essere visitato dai crawler. Quest'ultimo aspetto - impedire il crawling - è l'effetto che si ottiene quando si utilizza l'attributo nofollow.