it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


Che cosa è rel = "noopener" in WordPress & come rimuoverlo

Se hai rel="noopener" aggiornamento a WordPress 4.7.4 o versione successiva, devi aver notato un nuovo tag rel="noopener" accanto al tag target="_blank" nell'editor HTML. Il tag viene automaticamente aggiunto a tutti i link interni ed esterni quando vengono aperti in una nuova scheda.

Come ogni altro sviluppatore web interessato, ti starai chiedendo cosa faccia questo tag e se abbia un impatto negativo sui tuoi siti web in qualsiasi modo ?

Bene, in questo post ti dirò che cos'è rel="noopener" in WordPress e come puoi rimuoverlo se necessario.

Che cos'è rel = "noopener"?

Per quanto possa sembrare intrusivo, è in realtà una correzione per la sicurezza che impedisce ai link malevoli di assumere il controllo su una scheda aperta. Di solito, l'oggetto Javascript window.opener può essere utilizzato per controllare una finestra genitore (la scheda corrente) utilizzando una finestra secondaria (la scheda appena aperta).

Gli hacker possono utilizzare questa funzione per cambiare il sito web attualmente aperto dell'utente con uno falso e rubare informazioni, come i dettagli di accesso. Ecco un sito Web di esempio che mostra come window.opener può dirottare la tua scheda.

Per evitare ciò, rel="noopener" è il tag che blocca l'uso dell'oggetto JavaScript window.opener . Se window.opener non funziona, una scheda non può controllare un'altra scheda.

Questa correzione per la sicurezza è stata aggiunta al plug-in TinyMCE il 23 novembre 2016. Poiché WordPress utilizza TinyMCE come editor di testo, è stato anche aggiornato con questa funzione in WordPress versione 4.7.4 .

È dannoso per il tuo sito web?

In breve, no .

Molti utenti di WordPress sono preoccupati che rel="noopener" potrebbe rendere tutti i link interni ed esterni "nofollow", il che è molto negativo per SEO . In realtà, rel="noopener" è solo un'istruzione per il browser dell'utente che interrompe l'utilizzo dell'oggetto Javascript window.opener.

Il sito web SEO è influenzato dai motori di ricerca e non interagiscono con il rel="noopener" . Lo stesso vale per il software di analisi che ignora completamente questo tag .

Questo potrebbe essere stato un po 'un problema quando WordPress prima ha aggiunto il rel="noopener noreferrer" prima che la correzione fosse rilasciata con WordPress versione 4.7.4. Nella versione precedente, "noreferrer" impediva al link di sapere da dove proveniva.

Sebbene non abbia influenzato il SEO, alcuni degli strumenti di analisi e dei programmi di affiliazione sono stati interessati. Tuttavia, sembra che WordPress abbia rimosso il tag "noreferrer" e non dovresti avere problemi con il rel="noopener" . Assicurati di aggiornare all'ultima versione di WordPress .

Come rimuovere rel = "noopener"

Non vedo alcun motivo per rimuovere rel="noopener" dai tuoi post. Non influisce sul SEO, nessun impatto sugli strumenti di analisi e anche i collegamenti di affiliazione non si infrangeranno. Protegge semplicemente i tuoi utenti da potenziali collegamenti dannosi che potrebbero dirottare le loro schede.

Come si limita a bloccare l'uso dell'oggetto window.opener Javascript, credo che vorrete rimuoverlo solo quando volete sfruttare la funzionalità window.opener per qualsiasi scopo.

Rimuovere rel="noopener" può essere un po 'difficile in quanto è integrato nell'editor di testo di WordPress. Anche se lo rimuovi manualmente dal codice HTML, verrà aggiunto nuovamente quando salverà il documento . Quindi la soluzione migliore è disabilitare questa funzionalità dal plugin TinyMCE stesso.

Per fare ciò dovrai aggiungere alcune linee di codice nel file functions.php del tuo tema WordPress.

Nel file functions.php, copia e incolla il seguente codice e salvalo:

 // Notare che questo disabilita intenzionalmente una funzionalità di sicurezza tinyMCE. // L'uso di questo codice NON è raccomandato.add_filter ('tiny_mce_before_init', 'tinymce_allow_unsafe_link_target'); function tinymce_allow_unsafe_link_target ($ mceInit) {$ mceInit ['allow_unsafe_link_target'] = true; ritorna $ mceInit; } 

Questo impedirà a WordPress di aggiungere automaticamente il rel="noopener" nei tuoi post. Tuttavia, questo non rimuoverà i tag già aggiunti, quindi dovrai rimuoverli manualmente dai post salvati dopo l'aggiornamento a WordPress 4.7.4 .

Per escludere

Non c'è bisogno di avere paura del rel="noopener" in quanto è un passo avanti verso la sicurezza dei visitatori del tuo sito web . A meno che tu non voglia utilizzare la funzione window.opener, dovresti adottare questa nuova edizione della funzionalità di sicurezza.

Se c'è qualche altra ragione per cui stai cercando di rimuovere il rel="noopener", allora chiariscici nei commenti qui sotto.

10 icone di carattere utili e gratuite da segnalare

10 icone di carattere utili e gratuite da segnalare

Poiché sempre più dispositivi adottano schermi ad alta definizione, le icone dei caratteri stanno diventando la scelta più popolare da adottare. È ridimensionabile senza compromettere la qualità e personalizzabile tramite CSS . Possiamo facilmente cambiare il colore, la dimensione e persino animare le icone dei font con CSS3. Ino

(Consigli tecnici e di design)

Crea caratteri e caratteri personalizzati con l'editor di caratteri privati ​​di Windows

Crea caratteri e caratteri personalizzati con l'editor di caratteri privati ​​di Windows

Sapevi che Windows ha un font incorporato e un creatore di personaggi ? Conosciuto con il nome di Private Character Editor, è uno strumento integrato meno conosciuto di Windows che ti consente di creare e modificare i tuoi personaggi per utilizzarli sul tuo PC.Certo, non è così avanzato come alcuni degli strumenti di font maker online e offline di oggi, ma direi che è uno dei creatori di personaggi più facili a svolgere il proprio lavoro. Meg

(Consigli tecnici e di design)