Cosa significa il tag rel="noopener noreferrer"? (& Influisce sulla SEO?)

Prendersi cura della sicurezza del tuo sito web è uno degli aspetti più importanti dell'essere proprietario di un sito. Potresti capire l'importanza di avere HTTPS nel prefisso URL o perché hai bisogno di un certificato SSL. Ma sai cosa significano gli attributi del tag HTML noopener noreferrer e quando dovresti usarli?

In questo articolo, esamineremo cosa significa rel="noopener noreferrer" , quando dovrebbe essere utilizzato e come influisce sul tuo sito dal punto di vista SEO. Saltiamoci dentro.

Che cos'è rel="noopener noreferrer"?

Gli attributi HTML rel="noopener noreferrer" vengono visualizzati nei collegamenti ipertestuali esterni. In particolare, l'utilizzo di entrambi gli attributi noopener e noreferrer impedisce:

• caricamento della destinazione del collegamento nella stessa scheda in cui è stato fatto clic sul collegamento
• il backlink non appare come traffico di riferimento nell'analisi del sito di destinazione

Ecco come appaiono gli attributi del tag in azione:

<a href="https://www.google.com/" target="_blank" rel="noopener noreferrer">

WordPress aggiunge automaticamente questi attributi ai link esterni che hai impostato per aprire in una nuova finestra. Analizziamoli e guardiamo cosa fa ogni attributo.

non apripista

Se desideri impedire a un link esterno di assumere il controllo della finestra del browser di origine del tuo utente, ti consigliamo di aggiungere un attributo noopener . Secondo MDN,

“[ noopener ] indica al browser di passare alla risorsa di destinazione senza concedere al nuovo contesto di navigazione l'accesso al documento che lo ha aperto. […] Ciò è particolarmente utile quando si aprono collegamenti non attendibili, al fine di garantire che non possano manomettere il documento di origine…”

In breve, noopener è in gran parte una misura di sicurezza per impedire a link dannosi di accedere al browser di un utente (un attacco di phishing noto come tabnabbing). In passato, lasciare target="_blank" da solo nel tuo link ha aperto questa vulnerabilità di sicurezza. Ora, ogni volta che hai un link esterno impostato per aprirsi in una nuova finestra del browser usando target="_blank" , la maggior parte dei motori di ricerca e degli esperti SEO considerano la migliore pratica utilizzare noopener insieme ad esso.

(Secondo Mozilla Developer Network (MDN), il target=”_blank” l'attributo "ora fornisce implicitamente lo stesso comportamento <rel>" di noopener . Riteniamo che valga ancora la pena essere doppiamente sicuri e includere noopener poiché non tutti gli utenti fanno clic sui collegamenti nei browser più aggiornati e sicuri.)

noreferrer

In sostanza, noreferrer impedisce ai siti esterni di sapere che hai incluso collegamenti al loro materiale nel tuo sito web. Questo potrebbe essere importante per te per motivi di privacy o sicurezza. Tutto sommato, questo particolare attributo è quello su cui vorresti pensare prima di applicarlo ai tuoi link. Il suo utilizzo dipende davvero dalle tue preferenze.

L'attributo noreferrer maschera i tuoi link di riferimento nell'analisi di destinazione. Protegge le informazioni del tuo sito dal trasferimento al sito Web in cui stanno navigando i tuoi utenti. Di conseguenza, ciò fa sì che i collegamenti appaiano come Traffico diretto in Google Analytics, anziché come Traffico di riferimento dal tuo dominio specifico.

Se qualcuno accede al tuo sito web utilizzando un link che non include noreferrer , potrai vedere il suo sito web elencato nel tuo link Traffico da referral nella dashboard di Analytics. Ma se il collegamento include noreferrer , apparirà nel traffico diretto. Puoi trovare questi elenchi in Google Analytics in Acquisizione > Tutto il traffico > Canali e acquisizione > Tutto il traffico > Referral .

Passerà comunque "link juice" per SEO, ma non i dati relativi all'originatore. Se non sei interessato a trasmettere quel potenziamento SEO, nofollow sarà un tag aggiuntivo che desideri aggiungere.

Utilizzo con rel="nofollow"

L'aggiunta dell'attributo nofollow a un collegamento che include rel="noopener noreferrer" consente di collegarsi ad altri siti Web senza che sembri approvarne il contenuto o la prospettiva. Google afferma che questo attributo dovrebbe essere utilizzato "nei casi in cui desideri collegarti a una pagina ma non vuoi implicare alcun tipo di approvazione, incluso il passaggio del credito di classifica a un'altra pagina".

Fondamentalmente, nofollow dice a Google che non vuoi che ti percepisca come supporto a un particolare sito solo perché ti colleghi ad esso. Esistono numerosi attributi di collegamento simili che aiutano Google a comprendere l'intento alla base di un collegamento, inclusi gli attributi per etichettare i contenuti sponsorizzati e generati dagli utenti (molti dei quali possono essere aggiunti tramite il markup dello schema).

In breve, l'aggiunta di tutti e tre gli attributi - noopener , noreferrer e nofollow - a un collegamento indica a Google che sei:

• Disposto a proteggere gli utenti del tuo sito da link esterni potenzialmente dannosi ( noopener )
• Riluttanza a comparire nei dati di analisi di un sito Web come traffico referenziato ( noreferrer )
• Non volendo approvare il contenuto o il creatore a cui ti stai collegando ( nofollow )

L'attributo nofollow sembra abbastanza specifico, quindi probabilmente vorrai usarlo solo caso per caso e non come regola generale. Molti blog impostano le sezioni dei commenti su nofollow per evitare lo spam nei commenti da parte di bot e persone che non contribuiscono alla conversazione.

Quando usare “noopener noreferrer”

Vuoi che il tuo sito web sia il più sicuro possibile per i tuoi visitatori. Poiché vuoi costruire e sfruttare una forte strategia di backlink, non utilizzerai rel="noopener noreferrer" tutto il tempo. Ad esempio, dovresti evitare di usarlo quando ti colleghi a pagine interne del tuo sito.

L'utilizzo di rel="noopener noreferrer" indica a Google che tieni alla sicurezza dei link. E non vuoi che alcuni siti riconoscano il tuo sito come referral.

Impatto complessivo di "noopener noreferrer" sulla SEO

Quando utilizzi gli attributi rel="noopener noreferrer" nei tuoi link esterni, ciò non dovrebbe avere un effetto negativo diretto sulla tua strategia di backlink SEO. Nessuno dei due attributi farà sì che il tuo ranking SEO tecnico abbia un successo. In effetti, l'utilizzo di noopener insieme a target="_blank" fornirà una migliore SEO on-page perché gli utenti rimarranno sul tuo sito, anche se navigano su un altro.

Tuttavia, noreferrer impedirà a Google di riconoscere quando ti colleghi a siti di altri. Inoltre, gli altri proprietari di siti Web non saranno in grado di vedere quando ti colleghi a loro.

Ciò significa che stai eliminando la possibilità di collegamenti reciproci. Dopotutto, se non dai ai proprietari del sito la possibilità di vedere il tuo traffico da referral quando esaminano le loro analisi, non possono sapere che proviene da te.

I backlink al tuo sito web da altrove non sono garantiti. Tuttavia, non fa male fare il possibile per connetterti con i siti e i contenuti che ami. In generale, tuttavia, l'utilizzo di rel="noopener noreferrer" nei tuoi collegamenti esterni non causerà alcun danno. Assicurati solo di non utilizzarli sulle pagine del tuo sito Web quando utilizzi collegamenti interni. Ciò potrebbe causare problemi nelle analisi del tuo sito e con Googlebot che esegue la scansione e l'indicizzazione della struttura del tuo sito.

Conclusione

Ora che sai come utilizzare rel="noopener noreferrer" sul tuo sito Web, è tempo di pianificare di conseguenza. Se necessario, considera la creazione di un foglio di calcolo dei link esterni che includi nel tuo sito. Inoltre, tieni traccia della pagina in cui si trovano e degli attributi che hai applicato loro. Ciò può essere utile per un rapido riferimento nel caso in cui sia necessario apportare modifiche future.

Usi rel="noopener noreferrer" nei tuoi collegamenti ipertestuali? Perché o perché no? Lasciaci un commento e facci sapere cosa ne pensi.

Immagine in primo piano tramite Sammby / shutterstock.com