Cos’è il rel=”noopener” in WordPress? (Spiegato)

Vi siete chiesti cosa significa rel="noopener" in WordPress?

Quando si aggiunge un link che si apre in una nuova scheda, WordPress aggiunge automaticamente l’attributo rel="noopener" al link.

In questo articolo spiegheremo cosa significa rel="noopener" in WordPress e come influisce sul vostro sito web.

Che cos’è il rel=”noopener” in WordPress?

Quando aggiungete dei link al vostro sito WordPress, potete utilizzare gli attributi HTML per controllare cosa succede quando si fa clic sul link.

Ad esempio, quando si crea un link, c’è un interruttore che consente di aprirlo in una nuova scheda.

Il codice HTML generato da WordPress per questo link si presenta così:

<a href="http://example.com" target="_blank" rel="noreferrer noopener">external link</a>

Si noti che al link sono stati aggiunti alcuni attributi HTML: rel="noopener" e rel="noreferrer". Questi attributi sono stati aggiunti per risolvere una vulnerabilità di sicurezza.

Il problema è che il codice JavaScript può essere utilizzato per consentire a una nuova scheda di ottenere il controllo della finestra di riferimento. Se ci si collega a un sito web esterno affetto da codice dannoso, tale sito web può utilizzare la proprietà window.opener in JavaScript per modificare la pagina web originale (sul vostro sito WordPress) per rubare informazioni e diffondere codice dannoso.

WordPress aggiunge l’attributo rel="noopener" per evitare che la nuova scheda sfrutti questa caratteristica di JavaScript. Analogamente, l’attributo rel="noreferrer" impedisce il passaggio delle informazioni sul referrer alla nuova scheda.

Come influisce il rel=”noopener” sulla SEO di WordPress?

Non è così.

Anche se l’attributo rel="noopener" migliora la sicurezza del vostro sito WordPress, alcuni utenti evitano di utilizzarlo perché pensano che abbia un impatto sulla SEO di WordPress.

Ma questo è solo un mito.

Non ha alcun impatto sulle classifiche SEO del vostro sito o sulle prestazioni complessive di WordPress.

Qual è la differenza tra “noopener” e “nofollow”?

È facile confondere rel="noopener" con rel="nofollow". Tuttavia, si tratta di attributi completamente separati.

L’attributo noopener impedisce al vostro sito web di subire hacking cross-site e migliora la sicurezza di WordPress.

D’altra parte, l’attributo nofollow impedisce al vostro sito web di trasmettere il succo dei link SEO al sito web collegato.

I motori di ricerca cercano e considerano l’attributo nofollow quando seguono un link sul vostro sito web. Tuttavia, non tengono conto del tag noopener.

Per impostazione predefinita, WordPress non consente di aggiungere il nofollow ai link esterni. Se si desidera aggiungere il nofollow in WordPress, è necessario utilizzare un plugin.

Per saperne di più, consultate il nostro articolo su come aggiungere titolo e nofollow ai link in WordPress.

Il rel=”noreferrer” influisce sui link di affiliazione in WordPress?

Il rel="noreferrer" non influisce sui link di affiliazione in WordPress. Alcuni utenti ritengono che lo faccia perché il rel="noreferrer" impedisce il passaggio delle informazioni di riferimento alla nuova scheda.

Tuttavia, la maggior parte dei programmi di affiliazione fornisce un URL unico con il vostro ID affiliato. Ciò significa che l’ID di affiliazione viene trasmesso come parametro dell’URL per il monitoraggio da parte dell’altro sito web.

In secondo luogo, la maggior parte dei marketer affiliati utilizza un plugin di link-cloaking per i propri link affiliati.

Con il link cloaking, il link affiliato su cui gli utenti fanno clic è in realtà l’URL del vostro sito web, che poi reindirizza gli utenti all’URL di destinazione.

Come si disattiva il rel=”noopener” in WordPress?

Non è necessario rimuovere il rel="noopener" dai link del vostro sito web. È utile per la sicurezza del vostro sito web e non ha alcun impatto sulle prestazioni o sulla SEO.

Tuttavia, se dovete rimuoverlo, dovrete disabilitare l’editor di blocchi Gutenberg in WordPress e utilizzare l’editor classico.

Questo perché se si rimuove manualmente il rel="noopener" dal link, l’editor di blocco lo riaggiunge automaticamente per mantenere il sito web sicuro.

Una volta disattivato l’editor di blocchi, è necessario aggiungere uno snippet di codice al file functions.php del tema o al plugin WPCode (consigliato). Potete imparare a usare il plugin gratuito WPCode nella nostra guida su come aggiungere facilmente codice personalizzato in WordPress.

È sufficiente copiare il codice seguente in un nuovo snippet PHP:

add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
    $mceInit['allow_unsafe_link_target']=true;
    return $mceInit;
}

Assicurarsi di attivare la levetta “Attivo” e quindi fare clic sul pulsante “Salva snippet”.

Questo impedirà a WordPress di aggiungere rel="noopener" ai nuovi link. Sarà inoltre necessario modificare manualmente i vecchi link per rimuovere l’attributo.

Volete un controllo ancora maggiore su quali attributi rel vengono aggiunti ai vostri link in WordPress? Vi consigliamo di utilizzare il plugin AIOSEO, che vi consente di aggiungere title, nofollow e altri attributi ai link direttamente nell’editor di WordPress.

Guide esperte sull’uso dei link in WordPress

Ora che avete capito cosa significa rel="noopener", vi consigliamo di consultare le altre guide su come utilizzare i link in WordPress.

• Guida per principianti su come aggiungere un link in WordPress
• Come aprire i link esterni in una nuova finestra o scheda con WordPress
• Come aggiungere link Nofollow in WordPress (Guida semplice per principianti)
• Come aggiungere titolo e NoFollow al popup Inserisci link in WordPress
• Come fare il Nofollow di tutti i link esterni in WordPress
• Come tracciare i clic sui link e sui pulsanti in WordPress (in modo semplice)
• Come monitorare i link in uscita in WordPress
• Come cambiare il colore dei link in WordPress (guida per principianti)
• Link interni per la SEO: La guida definitiva alle migliori pratiche
• Come precaricare i link in WordPress per una velocità di caricamento maggiore
• Come trovare e correggere i link rotti in WordPress (passo dopo passo)
• I migliori plugin di collegamento interno per WordPress (automatici e manuali)

Speriamo che questo articolo vi abbia aiutato a conoscere il rel="noopener" in WordPress. Potreste anche voler consultare la nostra guida su come ottenere un dominio e-mail gratuito o le nostre scelte di esperti sui migliori plugin e strumenti SEO per WordPress.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.