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 aggiungere un’icona di collegamento esterno al vostro sito WordPress

Volete aggiungere un’icona di collegamento esterno al vostro sito WordPress?

Indicando chiaramente i vostri URL esterni, potete trattenere le persone sul vostro sito più a lungo e far capire che cliccando su un determinato link si aprirà una nuova finestra o scheda.

In questo articolo vi mostreremo come aggiungere un’icona di collegamento esterno a WordPress.

How to add an external link icon on your WordPress site

Perché aggiungere le icone dei link esternidi WordPress ?

L’icona del collegamento esterno è una piccola immagine che appare accanto a un link che porta l’utente a un altro sito web.

Ad esempio, se si scorre in fondo a qualsiasi post di Wikipedia, si può notare che la maggior parte dei link nella sezione Riferimenti ha un’icona di collegamento esterno.

An example of external link icons

Aggiungendo le icone dei link al vostro blog WordPress, i visitatori saranno facilmente in grado di distinguere tra link in uscita e link interni. Molti siti utilizzano anche icone di link esterni per cancellare che il link si aprirà in una nuova finestra o scheda.

Queste icone possono trattenere i visitatori sul vostro sito più a lungo e aumentare le pagine viste, poiché c’è meno rischio che facciano clic su un link esterno e abbandonino il vostro sito per sbaglio.

Detto questo, vediamo come aggiungere un’icona di collegamento esterno al vostro sito WordPress.

Come aggiungere le icone dei link esterni in WordPress

Il modo più semplice per inserire le icone dei link esterni sul vostro sito web è usare WP External Links.

È possibile utilizzare questo plugin per aggiungere automaticamente diverse immagini, Dashicon e icone Font Awesome ai collegamenti esterni.

An external link icon created in WordPress

Per prima cosa, è necessario installare e attivare il plugin WP External Links. Se avete bisogno di aiuto, consultate la nostra guida su come installare un plugin di WordPress.

Dopodiché, basta cliccare sulla nuova impostazione WP External Links nel menu di sinistra.

The WP External Links WordPress plugin

Se viene visualizzato un popup che chiede di effettuare l’aggiornamento, è sufficiente fare clic su un punto qualsiasi al di fuori del popup per chiuderlo.

Come potete vedere, il plugin può fare molto di più che aggiungere un’icona di collegamento esterno al vostro sito. Ad esempio, può aggiungere automaticamente il nofollow a tutti i link esterni in WordPress.

WP Collegamenti esterni può anche mantenere le persone sul vostro sito aprendo tutti i link esterni in una nuova finestra o scheda. Si consiglia di abilitare questa funzione, poiché molti utenti danno per scontato che i link con l’icona di un collegamento esterno si aprano comunque in una nuova finestra o scheda.

Per aprire tutti gli URL esterni in una nuova finestra o scheda, aprire il menu a tendina “Apri link esterni” e fare clic su “ciascuno in una nuova finestra o scheda separata”.

Open external links in a new tab or window

Per impostazione predefinita, WP Collegamenti esterni applica questa regola a ogni nuovo collegamento esterno creato.

Tuttavia, può anche scansionare il sito e modificare gli URL esterni precedentemente aggiunti al sito. In questo modo gli utenti avranno un’esperienza più coerente, quindi è bene fare clic sulla casella “Sovrascrivi i valori esistenti”.

Overwrite the previous external link settings

Una volta fatto questo, si è pronti a creare un’icona per i collegamenti esterni. Per iniziare, scorrere la sezione “Scegliere il tipo di icona”.

Ora è possibile fare clic sul punto in cui è indicato “nessuna icona” per aprire il menu a tendina.

Selecting an icon type for your external URL

Le opzioni sono Immagine, Font Awesome o Dashicon.

Sia Font Awesome che Dashicon sono dotati di una singola icona a forma di scatola con freccia che si può utilizzare come icona di collegamento esterno. Questa icona apparirà sempre blu sul vostro sito, come potete vedere nell’immagine seguente.

An example of an external link dashicon

Questa è l’icona esatta che molti siti web utilizzano per i loro link esterni, quindi la maggior parte dei visitatori capirà cosa significa l’icona della casella con la freccia.

Tuttavia, “Immagine” consente di scegliere tra diverse icone a forma di casella con freccia, comprese alcune che hanno uno stile e un colore leggermente diversi.

Nell’immagine seguente, potete vedere un esempio di come un’icona colorata a forma di casella con freccia apparirà sul vostro sito web WordPress.

An Image-based external link icon

Se si desidera aggiungere al sito un pulsante con un link colorato, è necessario selezionare “Immagine” dal menu a discesa “Scegli il tipo di icona”.

È quindi possibile fare clic su quello che si desidera utilizzare per i collegamenti esterni.

Choosing an arrow icon for your external links

Una volta fatto ciò, aprire il menu a tendina “Posizione dell’icona”.

Qui si può scegliere se l’icona deve apparire sul “lato destro del link” o sul “lato sinistro del link”. La maggior parte dei siti web mostra l’icona esterna a destra del link.

Changing the position of your external URL icon

Si vuole invece utilizzare l’icona standard del riquadro blu con la freccia?

Quindi si può aprire il menu a tendina “Scegli il tipo di icona” e fare clic su “Font Awesome” o “Dashicon”.

Quindi, aprire il menu a discesa accanto a “Scegli Dashicon” o “Scegli FA” e fare clic sull’icona della casella con la freccia.

Using a dashicon as an external link icon

Nota: Sia Font Awesome che Dashicons danno accesso a decine di altre icone. Tuttavia, si consiglia di utilizzare l’icona boxed con la freccia, in quanto più persone la riconosceranno come icona di link esterno.

Dopo aver fatto clic sul Font Awesome o sulla Dashicon che si desidera utilizzare, è possibile specificare se deve apparire a destra o a sinistra del link seguendo esattamente lo stesso procedimento descritto sopra.

Quando si è soddisfatti dell’icona di collegamento esterno scelta, è sufficiente cliccare su “Salva modifiche”.

Il plugin aggiungerà quindi automaticamente le icone dei link a tutti gli URL esterni del sito.

Approfondisci i trucchi e i suggerimenti per personalizzare il tuo sito WordPress

Se vi è piaciuto questo articolo sulla personalizzazione delle icone dei link esterni, potreste trovare utili i seguenti suggerimenti.

Ad esempio, le note a piè di pagina sono un ottimo modo per fornire informazioni aggiuntive o fonti senza interrompere il flusso del testo. Abbiamo una guida utile su come add-on semplici ed eleganti note a piè di pagina in WordPress per mostrarvi come fare.

Oltre a questo, avete pensato di personalizzare l’aspetto dei vostri link? Modificando il colore dei link è possibile farli risaltare rispetto al testo circostante e renderli più attraenti.

Inoltre, l’evidenziazione del testo è un ottimo modo per attirare l’attenzione dei lettori su informazioni importanti. Abbiamo una guida utile su come evidenziare il testo in WordPress per mostrarvi i diversi metodi che potete utilizzare.

Volete aggiungere un tocco di eleganza alle vostre pubblicazioni sul blog? I caratteri di sospensione sono lettere grandi e decorative utilizzate all’inizio di un paragrafo. Possono aggiungere un aspetto unico ed elegante ai vostri contenuti.

Infine, migliorare la navigazione del sito web può migliorare significativamente l’esperienza dell’utente. La navigazione a breadcrumb visualizza la posizione dell’utente all’interno della gerarchia del sito web, facilitando l’orientamento.

Suggerimento professionale: Volete creare un bel sito web senza fare troppa fatica? Lasciate che i nostri esperti di WordPress lo facciano per voi. Per maggiori informazioni, selezionate i nostri servizi di progettazione di siti web in WordPress.

Speriamo che questo articolo vi abbia aiutato a capire come aggiungere un’icona di link esterno al vostro sito WordPress. Potete anche consultare la nostra guida completa su come creare un sito WordPress mobile-friendly e le nostre scelte degli esperti sui migliori builder per WordPress con trascina e rilascia.

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

6 commentiLascia una risposta

  1. Ahmed Omar

    Interesting post, personally I trust the site more when I see the external link icon, as the site has transparency
    I will add it to my site too
    Thank you

    • WPBeginner Support

      Thank you for sharing your opinion on the icon :)

      Admin

  2. Hemang Rindani

    Nice article. Users stay on the website if the content satisfies their expectations. It is important use a CMS that helps to keep the website updated. WordPress is a great CMS that comes with easy interface to manage entire website. It provides add-on directory that helps to increase the website functionality. It is also easy to customize the modules in WordPress that satisfies any complex business requirements.

  3. shaurya

    Nice Post really helpful.

  4. Mark Klinefelter

    Tried loading the plugin but it breaks my mashable social icons. Too bad, as the plugin looked useful.

  5. Laurent

    The best shouldn’t be to provide a Font Icon instead of a .png file as the external icon?

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.