Come usare l’attributo rel=”noopener” per protegge i tuoi collegamenti in uscita

Il rel “noopener” è un altro attributo HTML utilizzato per i collegamenti esterni, con l’obiettivo di impedire che la pagina di apertura ottenga qualsiasi accesso alla pagina di origine. Questa relazione è applicabile quando il collegamento viene selezionato per l’apertura in una nuova scheda.

Il rel “noopener” è più legato alla sicurezza del sito web, ad esempio, il rel “no opener” sarà molto utile per impedire che il tuo sito web venga dirottato quando ti colleghi a un sito web che potrebbe essere dannoso.

Anche se aggiungere il tag “noreferrer” ai tuoi link non ha un impatto diretto sui risultati SEO, li influenza indirettamente in termini di link building e annunci a pagamento. Come affermato da Google, mostrare la fonte dei dati che stai utilizzando sul tuo sito web può essere molto utile perché può ispirare il proprietario del sito web citato a ricambiarti il ​​favore e dare al tuo sito web il backlink, che influenzerà positivamente i tuoi risultati SEO. Tuttavia, se utilizzi il tag “noreferrer”, queste informazioni non saranno visibili e quindi la possibilità di backlinking al tuo sito web sarà notevolmente ridotta.

Si è discusso molto del “problema noreferrer noopener” per i siti web affiliati; tuttavia, il rel “noreferrer” non ha alcun impatto sui link di affiliazione perché tali programmi di ricompensa si basano principalmente sull’ID di affiliazione già incluso nel link.

1. Collegamento aperto

Quando fai clic su questo collegamento con a rel="opener" valore, la nuova scheda avrà accesso a questa pagina window.opener oggetto e può potenzialmente modificarne il contenuto. Questo può essere negativo.

<a href=" target="_blank" rel="opener">this link</a>

2. Collegamento chiuso

Quando fai clic su questo collegamento con a rel="noopener" valore, la nuova scheda non avrà accesso a questa pagina window.opener oggetto perché noopener impedisce questo comportamento. Questo è sicuro.

<a href=" target="_blank" rel="noopener">this link</a>

3. Comportamento predefinito

Quando fai clic su questo collegamento, la maggior parte dei browser moderni utilizzerà per impostazione predefinita il comportamento noopener.

<a href=" target="_blank">this link</a>