Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come aprire i link esterni in una nuova finestra o scheda con WordPress

L’ultima cosa che volete è che i vostri visitatori facciano clic su un link a un altro sito web e non vi facciano più ritorno. Ecco perché l’apertura dei link esterni in una nuova finestra o scheda è fondamentale per un’esperienza utente fluida.

Noi di WPBeginner siamo molto attenti a mantenere i nostri lettori impegnati. Per questo ci assicuriamo che tutti i link esterni sul nostro sito si aprano in nuove schede. In questo modo le persone possono esplorare il link senza perdere la loro posizione sul nostro sito, consentendo loro di continuare facilmente a esplorare i nostri contenuti.

Questa guida per principianti vi mostrerà come fare in modo che i link esterni sul vostro sito WordPress si aprano in nuove schede, aumentando l’engagement degli utenti e rendendo felici i vostri lettori.

How to Open External Links in a New Window or Tab With WordPress

Perché aprire i link esterni in una nuova finestra o scheda?

I link esterni sono collegamenti a siti web che non sono di vostra proprietà o che non controllate. Normalmente, se aggiungete un link a un sito web esterno, i visitatori lasceranno il vostro sito semplicemente cliccando sul link.

Alcuni esperti di esperienza utente sostengono che non si dovrebbero aprire i link esterni in una nuova finestra o scheda, ma noi non siamo d’accordo.

La maggior parte degli utenti dimentica facilmente l’ultimo sito web che ha visitato. Se fare clic su un link li porta dal vostro sito WordPress a un nuovo sito, potrebbero non tornare più.

Per una migliore esperienza utente, si consiglia di aprire i link esterni in una nuova finestra (nei browser più vecchi) o in una nuova scheda (nei browser moderni). In questo modo, la pagina web originale non viene persa e gli utenti possono riprendere la navigazione del vostro sito web tornando indietro.

Un altro vantaggio dell’apertura dei link esterni in una nuova scheda è l’aumento delle pagine viste e del coinvolgimento degli utenti sul vostro sito. Gli utenti che trascorrono più tempo sul vostro sito sono più propensi a iscriversi alla vostra newsletter, a seguirvi sui social media, a lasciare un commento e ad acquistare i vostri prodotti.

Detto questo, vediamo come aprire facilmente i link esterni in una nuova finestra o scheda in WordPress. Verranno illustrati diversi metodi, in modo che possiate scegliere quello più adatto a voi:

Video tutorial

Subscribe to WPBeginner

Se preferite le istruzioni scritte, continuate a leggere.

L’editor di blocchi di WordPress ha una funzione integrata che consente di aprire i link esterni in una nuova scheda. Nelle versioni recenti di WordPress, questa opzione è visibile quando si aggiunge un link.

È sufficiente modificare il post o la pagina del blog in cui si desidera aggiungere un link esterno. Quindi, selezionare il testo che si desidera collegare e fare clic sul pulsante “Collegamento”. È anche possibile premere il tasto di scelta rapida CTRL+K su Windows o Command+K su Mac.

Adding a Link in the Block Editor

Verrà visualizzata la finestra a comparsa Inserisci link. È sufficiente inserire il link e premere “Invio”.

Successivamente, è necessario spostare l’opzione “Apri in una nuova scheda” su On.

The Open in New Tab Option in the Block Editor

Il link si aprirà in una nuova scheda.

Se state ancora utilizzando l’editor classico, vi consigliamo di iniziare a usare il nuovo editor. È moderno, più veloce e include molte nuove funzioni che vi sfuggono.

Tuttavia, se si vuole ancora utilizzare l’editor classico, ecco come aggiungere un link che si apre in una nuova scheda.

Innanzitutto, è necessario modificare il post o la pagina in cui si desidera aggiungere il link. Quindi, selezionare il testo che si desidera collegare, noto come testo di ancoraggio. Quindi, si può fare clic sul pulsante “Inserisci/modifica link”.

Add new link in classic editor

Verrà visualizzata una finestra a comparsa in cui è possibile aggiungere il proprio link esterno.

Successivamente, fare clic sull’icona a forma di ingranaggio accanto ad essa. Verrà visualizzata la finestra a comparsa per l’inserimento avanzato dei link.

Open link in new tab using the classic editor

Da qui è necessario selezionare l’opzione “Apri il link in una nuova scheda”. Dopodiché, si deve fare clic sul pulsante “Aggiorna” in basso per aggiungere il proprio link.

A volte può essere necessario scrivere l’HTML per aggiungere un link in WordPress. Ad esempio, è necessario farlo quando si utilizza la modalità HTML nel nuovo editor di blocchi o quando si aggiunge un link in un file di modello di tema di WordPress.

È possibile aggiungere il link utilizzando un codice HTML come questo:

 <a href="http://example.com" target="_blank" rel="noopener">Link Text</a>

Il parametro target="_blank" di questo codice indica ai browser di aprire il link in una nuova finestra o scheda. È sufficiente sostituire “example.com” con l’URL del collegamento esterno e “Link Text” con il testo di ancoraggio che si desidera utilizzare.

Sul vostro sito web WordPress, potete aggiungere collegamenti esterni nel menu di navigazione del vostro sito. Il modo in cui lo si fa dipende dall’utilizzo di un tema tradizionale o di un tema a blocchi.

Apertura dei link del menu nav in una nuova scheda per i temi classici

Per aprire i link del menu in uscita in una nuova scheda, andate su Aspetto ” Menu dall’area di amministrazione di WordPress.

Quindi, fare clic sul pulsante “Opzioni schermo” nell’angolo superiore destro dello schermo.

Open screen options

Quando si fa clic sul pulsante, vengono visualizzate altre opzioni.

Selezionate l’opzione “Destinazione link” in “Mostra proprietà avanzate del menu”.

Select Link Target option

Successivamente, è possibile aggiungere un collegamento personalizzato al menu di navigazione inserendo l’URL, il testo del collegamento e facendo clic sul pulsante “Aggiungi al menu”.

Il link personalizzato appare ora nella colonna Struttura del menu. È ora possibile selezionare l’opzione “Apri il link in una nuova scheda” per aprire il link esterno in un’altra scheda.

Open external link in a new tab in menu

Una volta terminato, fare clic sul pulsante “Salva menu” in basso.

Apertura dei link del menu nav in una nuova scheda per i temi a blocchi

Se si utilizza un tema a blocchi, è necessario andare su Aspetto ” Temi e utilizzare l’Editor completo del sito per aprire i link del menu in uscita in una nuova scheda.

È necessario fare clic sull’area dell’intestazione nella parte superiore della pagina e l’intestazione verrà selezionata. Quindi, fare clic sull’area di navigazione a sinistra del menu. Il menu verrà selezionato e si dovrebbe vedere un segno ‘+’ alla fine del menu, dove è possibile aggiungere un nuovo link.

Select the Navigation Block and Click the + Icon

Suggerimento: la selezione dei blocchi nell’Editor completo del sito può essere complicata, per cui molti utenti trovano più facile usare la Visualizzazione elenco. È sufficiente fare clic sull’icona nella parte superiore dello schermo, quindi individuare e selezionare il blocco Navigazione. Può essere annidato all’interno di altri blocchi, come Intestazione e Gruppo.

A questo punto, è necessario fare clic sull’icona ‘+’ per aprire una finestra a comparsa in cui è possibile aggiungere un link. Digitare l’URL nel campo in alto e assicurarsi che l’opzione “Apri in una nuova scheda” sia attivata.

Quindi, fare clic sull’icona “Invia” accanto all’URL per memorizzare le impostazioni.

Toggle the 'Open In New Tab' Option On

Una volta fatto, non dimenticate di fare clic sul pulsante “Salva” nella parte superiore dello schermo.

Può sembrare un lavoro extra controllare manualmente l’opzione per ogni link esterno aggiunto. Tuttavia, con il tempo ci si abituerà.

Se gestite un blog con più autori o spesso dimenticate di far aprire i link esterni in una nuova scheda, potete utilizzare un plugin per questo scopo.

Per prima cosa, è necessario installare e attivare il plugin Open External Links in a New Window. Per maggiori dettagli, consultate la nostra guida passo-passo su come installare un plugin di WordPress.

Il plugin funziona subito e apre automaticamente i link esterni in una nuova finestra.

Non modifica effettivamente i collegamenti esterni nei post del blog. Utilizza invece JavaScript per aprire i link esterni in una nuova finestra.

Nota: la disattivazione del plugin impedisce ai link esterni di aprirsi in una nuova finestra.

Se durante la stesura dei blog dimenticate spesso di impostare l’apertura dei link esterni in una nuova scheda o se volete un modo semplice per assicurarvi che i collaboratori ospiti seguano le vostre linee guida, potete anche utilizzare WPCode.

WPCode consente di aggiungere codice personalizzato in WordPress in modo semplice e sicuro e viene fornito con una libreria integrata di snippet di codice utili per personalizzare il sito.

Con questo metodo, potete aprire automaticamente tutti i link esterni presenti nelle vostre pubblicazioni in una nuova scheda, facendo solo pochi clic.

Per prima cosa, è necessario installare e attivare il plugin gratuito WPCode. Se avete bisogno di aiuto, potete seguire il nostro tutorial su come installare un plugin di WordPress.

Una volta attivato il plugin, andare su Code Snippets ” Library dalla dashboard di amministrazione di WordPress.

Da qui, cercare lo snippet “Apri link esterni in una nuova scheda”. Una volta trovato lo snippet, passateci sopra e fate clic sul pulsante “Usa snippet”.

Find the snippet for opening external links in a new tab from the library

Si aprirà l’editor di snippet di WPCode.

Si noti che WPCode aggiunge automaticamente il codice e seleziona il metodo di inserimento corretto.

WPCode automatically adds the code

A questo punto, è sufficiente attivare/disattivare l’interruttore in alto nella pagina da “Inattivo” ad “Attivo” e premere il pulsante “Aggiorna”.

Infine, è necessario fare clic sul pulsante ‘Aggiorna’ per memorizzare e attivare il frammento di codice.

Switch the toggle to 'Active' and click the 'Update' button

Ecco fatto. Ora tutti i link esterni aggiunti alle vostre pubblicazioni su WordPress si apriranno automaticamente in una nuova scheda.

Speriamo che questo articolo vi abbia aiutato a capire come aprire facilmente i link esterni in una nuova finestra in WordPress. Potreste anche voler vedere altri articoli relativi all’aggiunta di link in WordPress:

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

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

32 commentiLascia una risposta

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Ahmed Omar

    good explanation about all the options
    personally I am using plugin, as it is more easy and at the same time I check on the links
    thank you

    • WPBeginner Support

      You’re welcome, glad you found a method you prefer :)

      Admin

  3. Jiří Vaněk

    Alternatively, I would also add that for SEO purposes, it’s good to have links on the website with the ‘nofollow’ attribute.

  4. Jordi

    Hi,
    Unfortunately, after the latest Wordpress updates, the option “Open in a new Tab” is not available at the time of inserting the link. You must then edit the link to include that option. Is there a possibility to revert it? Thanks.

    • WPBeginner Support

      You should still be able to add the open in new tab when first adding the link, we would recommend checking to ensure that you don’t have any plugins that may conflict with adding links.

      Admin

  5. Esteban

    Hello, in gutenberg once the option is checked it does not work, it is independent of plugins, could it be the theme?

    • WPBeginner Support

      If you’ve disabled all plugins you can try changing themes to see if the issue is from your theme. The other possibility would be if you have a browser addon that is preventing the link from opening in a new window or tab.

      Admin

  6. Jennifer Robin Gallery

    I’ve tried both this version, and WP External Links, and neither will open my links in a new tab. I’ve tried to disconnect my wp no right click plugin, and that still didn’t work. Suggestion?

    • WPBeginner Support

      If none of the methods in this article are allowing you to open the link in a new tab, we would recommend checking if you have any browser extensions that may be preventing the links from opening.

      Admin

  7. Jeroen van Rensen

    Nice article! I love it!

    • WPBeginner Support

      Thank you :)

      Admin

  8. Emily Harvey

    I am using the new editor and despite your excellent article when I click on the ‘open link in new tab’ button I am not sure which symbol indicates whether the link is in a new tab or not. Is it grey or is it green?
    Am I right that if you do nothing the link will not open in a new tab?

    • WPBeginner Support

      It sounds like you may be using a plugin that is modifying the display, normally it would be when the box is filled for it to open in a new tab. If you preview the post you should be able to test which option is working for your site.

      Admin

  9. Ikenna John Udeobi

    Thank you for sharing this tip, I would start following these methods from now on

    • WPBeginner Support

      Glad our guide could be helpful :)

      Admin

  10. Terry G

    Thank you Scott Swanson for your note. It wasn’t working for me, but when I disabled that plugin, it does. I guess I have to find another protection plugin to see if it’s only that plugin.

  11. Johnbosco gomez

    Greetings. please do you have the one with the feature if someone clicks external link it will take him to new page with click here to continue link? please can you suggest any plugin for this?

  12. may

    I downloaded this but the links still don’t open in a new window or tab.

  13. Scott Swanson

    Will not work with the WP Content Copy Protection & No Right Click plugin

  14. Ben

    How do you open external links (eg advertising) when the person on your blog plays any of the videos?

  15. João Leitão

  16. Clare

    Can anyone tell me how to open a MENU item in a new window? I don’t see an option in the Edit Menus page. I have an external link in a footer menu , that I’d like to open in a new window.

  17. Mike Cavanaugh

    I downloaded the plugin but all my links still open up in my wordpress page.

    On my side bar ads, I want them to open up in a separate page and leave my page open?

    Same for all the links in the “find a professional menu” I want people to go to their links/sites but keep my site open so they will have it in front of them.

    Help please?

    mike

  18. demeyere

    I think it is much easier to just handle this in the jQuery for the whole site… and never worry about it again. (Substitute your own domain name for mine, of course.)

    // open all external links in a new window

    $(“a[href^=’http’]”).not(“[href*=’demeyere.com’]”).attr(‘target’,’_blank’);

    • wpbeginner

      @demeyere Again, the plugin above is not using target _blank to make sure that the site validates with XHTML strict. But yes, your code will do the job as well.FYI for others reading: Now anyone can simply make a plugin and call this snippet in the header. It wouldn’t make any difference in the load time between you manually putting in your header or calling it via a plugin into wp_head() hook.

  19. easyP

    Hi

    In earlier versions of wordpress, you selected the text you wanted to link to and then hit the link icon on the dashboard.

    This opened a field in which you added the link.

    Worked fine.

    In latest wordpress versions, when I select the text and hit the link icon and paste in the link, the link appears at the top of the post – not surrounding the selected text.

    Am I doing something wrong?

    Plugin looks good but I’m trying to cut down on the number that I use.

    • wpbeginner

      @easyP It doesn’t work like that on our site. We are using 3.2.1. We select the text and hit the link icon, and it adds the link where it should. Are you using the Visual Editor or the HTML Editor?Also, any particular reason why you are trying to cut down on the number of plugins that you use?

      • easyP

        @wpbeginner

        Hi boys.

        Number of plugins – trying to cut down because of page load time.

        I love my theme, but it runs like a donkey.

        I use the html editor when writing posts and I’m using wordpress 3.2.1 but when I select the text and hit the link icon – the link forgets the highlighted text and appears at the top of the post / page!

        Any thoughts?

        • wpbeginner

          @easyP If you try to this trick without a plugin, you will end up doing the same thing. The impact of this plugin on your load time is barely noticeable.

        • easyP

          @wpbeginner

          Worth knowing that – thanks boys.

  20. AstroGremlin

    I just installed this plug-in. Kind of a funny name, Open External Links in a New Window, but certainly a great idea. Thanks!

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.