Come aggiungere un'icona di link esterno al tuo sito WordPress

Una navigazione chiara è il fondamento di un'ottima esperienza sul sito web. Quando i visitatori possono capire facilmente dove li porterà ogni link, si sentono più sicuri nell'esplorare i tuoi contenuti.

Le icone di link esterno rendono ciò possibile fornendo un feedback visivo istantaneo sui link in uscita.

Questi piccoli indicatori aiutano i visitatori a prendere decisioni informate sul loro percorso di navigazione, creando un'esperienza più fluida e professionale.

Dopo aver osservato innumerevoli proprietari di siti WordPress aggiungere questa funzionalità, abbiamo visto come questi piccoli dettagli possano fare una grande differenza nella soddisfazione dell'utente.

Pronto a migliorare la navigazione del tuo sito? Ti guideremo attraverso il nostro metodo comprovato per aggiungere icone di link esterno al tuo sito WordPress.

Perché aggiungere icone di link esterno a WordPress?

Un'icona di link esterno è una piccola immagine che appare accanto a un link che porterà l'utente su un sito web diverso.

Ad esempio, puoi scorrere fino in fondo a qualsiasi post di Wikipedia e vedere che la maggior parte dei link nella sezione Riferimenti ha un'icona di link esterno.

Aggiungendo link con icone al tuo blog WordPress, i tuoi visitatori saranno in grado di distinguere facilmente tra link esterni e interni. Molti siti utilizzano anche icone di link esterni per chiarire che il link si aprirà in una nuova finestra o scheda.

Queste icone possono mantenere i visitatori più a lungo sul tuo sito e aumentare le tue visualizzazioni di pagina, poiché c'è meno rischio che clicchino su un link esterno e lascino accidentalmente il tuo sito web.

Detto questo, vediamo come puoi personalizzare i tuoi link esterni e aggiungere icone accanto ad essi sul tuo sito WordPress.

Come aggiungere icone ai link esterni in WordPress

Il modo più semplice per aggiungere icone ai link sul tuo sito web è utilizzare WP External Links.

Puoi utilizzare questo plugin per aggiungere automaticamente diverse immagini, Dashicons e icone Font Awesome ai tuoi link esterni.

Innanzitutto, dovrai installare e attivare il plugin WP External Links. Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin WordPress.

Dopodiché, fai clic sulla nuova impostazione WP External Links nel menu a sinistra.

Se viene visualizzato un popup che ti chiede di eseguire l'aggiornamento, puoi semplicemente fare clic in un punto qualsiasi all'esterno del popup per chiuderlo.

Come puoi vedere, il plugin può fare molto di più che aggiungere semplicemente un'icona di link esterno al tuo sito. Ad esempio, può trasformare automaticamente tutti i tuoi link esterni in link nofollow in WordPress.

WP External Links può anche mantenere le persone sul tuo sito aprendo tutti i link esterni in una nuova finestra o scheda.

Si consiglia di abilitare questa funzionalità poiché molti utenti presumono comunque che i link con un'icona di link esterno si apriranno in una nuova finestra o scheda.

Per aprire tutti gli URL esterni in una nuova finestra o scheda, apri il menu a discesa 'Apri link esterni' e fai clic su 'ognuno in una finestra o scheda separata'.

Per impostazione predefinita, WP External Links applicherà questa regola a ogni nuovo link esterno che crei.

Tuttavia, può anche scansionare il tuo sito e modificare eventuali URL esterni che hai precedentemente aggiunto al tuo sito web.

Ciò fornirà un'esperienza più coerente per i tuoi utenti, quindi è una buona idea fare clic sulla casella 'Sovrascrivi valori esistenti'.

Una volta fatto ciò, sei pronto per creare un'icona per i tuoi link esterni. Per iniziare, scorri fino alla sezione 'Scegli tipo di icona'.

Ora puoi fare clic dove dice 'nessuna icona' per aprire il menu a discesa.

Le tue 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 puoi utilizzare come icona del tuo link esterno.

Questa icona apparirà sempre blu sul tuo sito, come puoi vedere nell'immagine seguente.

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 a scatola con freccia.

Tuttavia, 'Immagine' ti consente di scegliere tra diverse icone a scatola con freccia, incluse alcune con uno stile e un colore leggermente diversi.

Nell'immagine seguente, puoi vedere un esempio di come apparirà un'icona colorata a scatola con freccia sul tuo sito WordPress.

Se desideri aggiungere un pulsante di collegamento colorato al tuo sito, dovrai selezionare 'Immagine' dal menu a discesa 'Scegli tipo di icona'.

Puoi quindi fare clic su quello che desideri utilizzare per i tuoi link esterni. Assicurati che l'icona sia adatta al tuo tema WordPress.

Una volta fatto ciò, apri il menu a discesa 'Posizione icona'.

Qui, scegli se l'icona apparirà sul 'Lato destro del collegamento' o sul 'Lato sinistro del collegamento'. La maggior parte dei siti web mostra l'icona esterna a destra del collegamento.

Vuoi usare invece l'icona standard a scatola con freccia blu?

Quindi puoi aprire il menu a discesa 'Scegli tipo di icona' e fare clic su 'Font Awesome' o 'Dashicon'.

Successivamente, apri il menu a discesa accanto a ‘Scegli Dashicon’ o ‘Scegli FA’, quindi fai clic sull’icona della casella con la freccia.

Nota: Sia Font Awesome che Dashicons ti danno accesso a dozzine di altre icone. Tuttavia, raccomandiamo di utilizzare l'icona della casella con la freccia poiché più persone la riconosceranno come un'icona di link esterno.

Dopo aver fatto clic sull'icona Font Awesome o Dashicon che desideri utilizzare, puoi specificare se deve apparire a destra o a sinistra del link seguendo esattamente lo stesso processo descritto sopra.

Quando sei soddisfatto dell'icona del link esterno che hai scelto, fai semplicemente clic su ‘Salva modifiche’.

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

Scopri altri suggerimenti e trucchi per personalizzare il tuo sito WordPress

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

Ad esempio, le note a piè di pagina sono un ottimo modo per fornire informazioni aggiuntive o citazioni senza interrompere il flusso del tuo testo. Abbiamo una guida utile su come aggiungere note a piè di pagina semplici ed eleganti in WordPress per mostrarti come.

Oltre a ciò, hai considerato di personalizzare l'aspetto dei tuoi link? Cambiare il colore dei tuoi link può aiutarli a distinguersi dal testo circostante e renderli più accattivanti visivamente.

Inoltre, evidenziare il testo è un ottimo modo per attirare l'attenzione dei tuoi lettori su informazioni importanti. Abbiamo una guida utile su come evidenziare il testo in WordPress per mostrarti diversi metodi che puoi utilizzare.

Vuoi aggiungere un tocco di eleganza ai tuoi post del blog? Le lettere maiuscole decorative sono lettere grandi e decorative utilizzate all'inizio di un paragrafo. Possono aggiungere un aspetto unico ed elegante al tuo contenuto.

Infine, migliorare la navigazione del tuo sito web può migliorare significativamente l'esperienza utente. La navigazione a briciole di pane mostra la posizione di un utente all'interno della gerarchia del tuo sito web, rendendo più facile per loro orientarsi.

Domande frequenti: Aggiungere icone di link esterni in WordPress

Ecco alcune domande frequenti poste dai nostri lettori sull'aggiunta di un'icona di link esterno al tuo sito WordPress:

Le icone dei link esterni influiscono sulla SEO?

No, le icone dei link esterni di per sé non influiscono direttamente sulla tua SEO. Sono semplicemente un miglioramento visivo che aumenta l'esperienza utente.

Tuttavia, il modo in cui gestisci i link esterni può influire significativamente sulla SEO. Ad esempio:

• Aprire i link in una nuova scheda (target="_blank") impedisce agli utenti di abbandonare il tuo sito.
• Aggiungere gli attributi rel="nofollow" o rel="sponsored" può aiutare a gestire l'autorità dei link, specialmente per i link di affiliazione.
• L'uso di icone rende più facile per gli utenti identificare i link di terze parti, il che può ridurre i tassi di rimbalzo se il tuo sito appare più affidabile.

Quindi, mentre le icone non sono un fattore di ranking, il comportamento dell'utente che supportano può contribuire a un migliore coinvolgimento.

L'aggiunta di un'icona ai link esterni rallenterà il mio sito web?

Non necessariamente. Se stai usando un plugin leggero come WP External Links o aggiungendo l'icona con CSS, l'impatto sulle prestazioni è minimo. Tieni solo presente alcune cose:

• Evita di usare icone di immagini grandi o non ottimizzate. Usa invece SVG o font per icone come Font Awesome.
• Non caricare un'intera libreria di icone solo per una singola icona di link esterno – è eccessivo.
• I plugin con funzionalità multiple (come monitoraggio dei link, reindirizzamento, ecc.) possono essere più pesanti, quindi scegli uno focalizzato solo sulle icone dei link se la velocità è una preoccupazione.

Tutti questi suggerimenti aiuteranno a garantire che le icone dei link esterni non influiscano sulla velocità del tuo sito.

Dovrei mostrare icone di link esterni su tutti i link esterni?

Non sempre. Potresti voler saltare l'icona in alcuni casi, come:

• Nei menu o nei footer, dove lo spazio è limitato
• Sulle icone dei social media, dove è già ovvio
• Se l'icona non si abbina al design del tuo sito

Molti plugin ti consentono di escludere determinati link utilizzando classi o per nome di dominio. Ad esempio, puoi escludere i link a YouTube o ai tuoi partner di marca mostrando le icone per il resto. Tutto dipende dal contesto: usa le icone dove aiutano a chiarire l'esperienza utente.

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere un'icona di link esterno al tuo sito WordPress. Puoi anche consultare la nostra guida completa sugli elementi di design più efficaci per WordPress e le nostre scelte esperte dei migliori page builder drag-and-drop per WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.