Come mostrare l'anteprima live dei link in WordPress

Hai mai notato quanto i lettori siano incerti riguardo al cliccare sui link? Le anteprime dei link risolvono questo problema dando ai tuoi visitatori un'anteprima di ciò che li aspetta dall'altra parte 💡

Abbiamo visto questa tecnica molto spesso su siti ricchi di contenuti come le wiki, dove le anteprime visive dei link aiutano i lettori a navigare in modo più efficiente tra articoli interconnessi.

Quando i lettori possono vedere cosa c'è dentro un link prima di cliccarlo, è più probabile che esplorino contenuti correlati che li interessano. Inoltre, li aiuta a evitare di cliccare su link non pertinenti alle loro esigenze.

Molti utenti di WordPress ci chiedono come aggiungere bellissime anteprime dei link senza toccare il codice. Dopo aver testato varie soluzioni, abbiamo trovato un metodo semplice e senza codice che funziona benissimo per i principianti.

Quando aggiungere un'anteprima live dei link sul tuo sito WordPress 🤔

Su un tipico sito WordPress, i link non mostrano cosa contengono. Questo può frustrare i visitatori quando cliccano su un link e scoprono che non è quello che si aspettavano. È qui che le anteprime live dei link tornano utili.

Le anteprime live dei link di solito assomigliano a tooltip. Questo elemento di design di WordPress appare quando qualcuno muove il mouse su un link, mostrando un'anteprima del contenuto.

Per i negozi online, ciò significa che puoi visualizzare immagini di prodotti o brevi dettagli nei tuoi link per aumentare le vendite.

Se gestisci un blog WordPress, puoi mostrare anteprime di post o brevi testi per invogliare i lettori a saperne di più. E per i link esterni, queste anteprime tooltip aiutano le persone a decidere se vogliono lasciare il tuo sito.

Tuttavia, fai attenzione quando utilizzi le anteprime live. Troppe possono confondere i visitatori. È meglio usarle solo per i link importanti dove saranno più utili.

Tenendo presente questo, diamo un'occhiata a un modo semplice per aggiungere anteprime live dei link al tuo sito WordPress. Questo metodo funzionerà sia che tu stia utilizzando l'editor a blocchi di Gutenberg, l'editor classico, o anche un costruttore di temi. Puoi utilizzare i collegamenti rapidi qui sotto per navigare in questo tutorial:

• Passaggio 1: Installa il plugin Bright Link Previews
• Passaggio 2: Personalizza il design dell'anteprima tooltip del link
• Passaggio 3: Configura le impostazioni di anteprima live del link
• Passaggio 4: Vedi la tua anteprima tooltip del link in azione
• Bonus Tip: Clean Up Your WordPress Link Previews With Schema Markup

Passaggio 1: Installa il plugin Bright Link Previews

Il modo più semplice per aggiungere un'anteprima tooltip a un link in WordPress è con il plugin Bright Link Previews. Una volta attivato, questo plugin per anteprime di link di WordPress aggiungerà automaticamente un'anteprima live dei tuoi link interni ed esterni nei tuoi post e pagine.

Innanzitutto, procedi con l'installazione del plugin nella tua area amministratore. Per istruzioni passo passo, puoi leggere la nostra guida per principianti su come installare un plugin di WordPress.

Una volta fatto, vai su Impostazioni » Bright Links. Qui potrai configurare le impostazioni del plugin.

Passaggio 2: Personalizza il design dell'anteprima del tooltip del link

Innanzitutto, impostiamo il design dell'anteprima live nella scheda Aspetto.

In alto, puoi scegliere il colore di sfondo (lato sinistro) e il colore del testo (lato destro).

Fai semplicemente clic sulla casella del colore e apparirà uno strumento di selezione del colore.

Puoi anche scegliere i colori del hotspot del prezzo, che appariranno automaticamente per i link eCommerce da siti WooCommerce, Amazon e Shopify.

Proprio come con il tooltip, scegli semplicemente il colore di sfondo dell'hotspot a sinistra e il colore del testo sul lato destro.

Sotto c'è 'Scegli dimensione', dove puoi rendere il tooltip più piccolo o più grande trascinando il punto nella barra del ridimensionamento.

Un tooltip più grande è più facile da leggere, ma vorrai assicurarti che non si sovrapponga o nasconda parti importanti della tua pagina.

Ti consigliamo di visualizzarlo in anteprima sul tuo sito per trovare la dimensione perfetta che si adatti al tuo design.

Scorrendo verso il basso, puoi cambiare lo stile del tooltip stesso. Ci sono 3 opzioni predefinite e puoi sempre cambiarle in seguito.

Una volta che sei soddisfatto dell'aspetto del tooltip, fai semplicemente clic su 'Salva' in fondo.

Passaggio 3: Configura le impostazioni di anteprima live del link

Ora, passa alla scheda 'Impostazioni'.

Qui puoi configurare il comportamento delle anteprime live per i link.

Bright Links Preview ti consente di applicare le anteprime dei tooltip ai link nei tuoi post, pagine e persino nella sezione commenti.

Abbiamo deciso di aggiungerli solo per i nostri post e pagine perché aggiungerli ovunque potrebbe disturbare la nostra esperienza utente.

Un'altra cosa che potresti configurare è se mostrare i contatori di clic. Cambiare questa impostazione da 'no' a 'sì' significa che il tooltip dirà ai visitatori quanti utenti hanno cliccato sul link su cui stanno passando il mouse.

Questo può essere utile per i tuoi link interni perché agisce come prova sociale. Quando i visitatori vedono che un link è popolare, li incoraggia a esplorare ulteriormente i tuoi contenuti.

Detto questo, non consigliamo di abilitare questa funzionalità se si desidera aggiungere anteprime live anche per i link esterni. Potrebbe ritorcersi contro e far abbandonare il tuo sito.

A proposito, puoi scegliere se aggiungere le anteprime live ai link interni, ai link esterni o a entrambi.

La scelta dipende dal tipo di sito web che gestisci, ma generalmente suggeriamo di utilizzare solo i link interni per aumentare le tue visualizzazioni di pagina e ridurre il tuo tasso di rimbalzo.

La scelta dipende dai tuoi obiettivi. Ecco una rapida panoramica:

• Link interni: Questo è ottimo per aumentare l'engagement. Le anteprime incoraggiano gli utenti a scoprire altri tuoi contenuti, il che può aumentare le tue visualizzazioni di pagina e ridurre il tuo tasso di rimbalzo.
• Link esterni: Questo aiuta a costruire fiducia con il tuo pubblico. Mostrando un'anteprima di un sito esterno, rassicuri gli utenti che il link è pertinente e sicuro, rendendoli più sicuri delle tue raccomandazioni.

Generalmente suggeriamo di utilizzare solo i link interni per aumentare le tue visualizzazioni di pagina e ridurre il tuo tasso di rimbalzo.

Successivamente, puoi scegliere di memorizzare nella cache le anteprime per migliorare le prestazioni del tuo sito web. Consigliamo vivamente di lasciare questa opzione abilitata.

La cache salva una copia temporanea delle anteprime dei link, evitando che il tuo sito rallenti e garantendo un'esperienza veloce per i tuoi visitatori.

Se mostri anteprime per i link esterni, puoi forzare tali link ad aprirsi in una nuova scheda. Suggeriamo di abilitare questa funzionalità in modo che gli utenti non abbandonino accidentalmente il tuo sito web.

Infine, potresti scegliere di disabilitare il tooltip su dispositivi mobili, poiché i tooltip potrebbero offrire una scarsa esperienza utente su schermi più piccoli. Ti consigliamo di testare questa funzionalità e vedere cosa funziona meglio per il tuo sito web.

Puoi consultare la nostra guida su come visualizzare il tuo sito web WordPress su dispositivi mobili tramite desktop per maggiori informazioni.

Quando sei soddisfatto delle impostazioni dell'anteprima live, fai clic su 'Salva'.

Passaggio 4: Vedi la tua anteprima tooltip del link in azione

A questo punto, puoi procedere e visualizzare in anteprima il tuo sito web per vedere come appare il tooltip.

Ecco come appare il nostro senza il contatore di clic:

Se scegli di aggiungere un contatore di clic, ci sarà una piccola nota che mostra il numero di clic che il link ha ricevuto finora.

Questa scelta apparirà così:

Il bello di Bright Links Preview è che dispone di una funzionalità di analisi gratuita per mostrarti quanti utenti hanno cliccato o addirittura passato il mouse sui tuoi link.

Questo può essere utile per vedere quali post interessano maggiormente gli utenti o per decidere quali nuovi post evidenziare.

Per vedere questi numeri, vai su Impostazioni » Bright Links dal tuo pannello di amministrazione di WordPress e passa alla scheda 'Statistiche'.

Suggerimento Bonus: Pulisci le anteprime dei link di WordPress con Schema Markup

Quando qualcuno condivide i tuoi contenuti, WordPress spesso estrae il titolo della pagina, la descrizione e l'immagine per mostrare un'anteprima. Ma se queste informazioni non sono impostate correttamente, il risultato può apparire poco professionale o errato.

Il plugin Bright Links Preview aiuta generando automaticamente anteprime di link ricche utilizzando i metadati delle tue pagine.

Per controllare questi metadati e far brillare le tue anteprime, ti consigliamo di utilizzare All in One SEO.

Rende facile impostare i meta tag Open Graph (utilizzati da Facebook, LinkedIn, ecc.) e ti permette persino di impostare un'immagine Open Graph predefinita, personalizzare i tag di titolo e descrizione e aggiungere markup schema per un migliore SEO e contesto.

Combinando Bright Links Preview con AIOSEO, non solo migliorerai il tuo SEO su WordPress, ma ti assicurerai anche che i tuoi link appaiano puliti e cliccabili sul web.

👉 Per saperne di più, consulta le nostre guide:

• Come aggiungere markup schema in WordPress
• Come aggiungere correttamente lo schema 'How to' ottimizzato per la SEO in WordPress
• Come aggiungere metadati Open Graph di Facebook in WordPress

Scopri altre funzionalità di design per WordPress

Vuoi rendere il design del tuo sito WordPress ancora più interessante? Dai un'occhiata a queste guide utili:

• Utilizza note a piè di pagina semplici ed eleganti nei tuoi post del blog per aggiungere informazioni extra
• Mostra link di navigazione breadcrumb per aiutare i visitatori a capire dove si trovano sul tuo sito
• Crea un ticker di notizie scorrevole per condividere aggiornamenti importanti con i tuoi visitatori
• Utilizza un widget timer conto alla rovescia per creare attesa per eventi speciali
• Aggiungi una barra di avanzamento della lettura ai tuoi post per mantenere i lettori coinvolti
• Crea separatori di forme personalizzati per rendere il design del tuo sito web più interessante

Speriamo che questo articolo ti abbia aiutato a imparare come mostrare anteprime live dei tuoi link in WordPress. Potresti anche voler consultare il nostro elenco dei migliori page builder drag-and-drop in WordPress e la nostra guida su come modificare un sito WordPress.

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