Come creare collegamenti sul tuo blog WordPress per un maggiore coinvolgimento

creare collegamenti per l'impegno

Quando le persone colpiscono il tuo blog, generalmente intraprendono una delle due azioni:


  1. Rimbalza subito
  2. Inizia a leggere

Oggi voglio concentrarmi su quella seconda azione perché qualcuno che inizia leggere è all’inizio di un viaggio di cui dovresti prendere il controllo. Un visitatore che legge del testo sul tuo sito non offre di per sé nulla di valore: la chiave è capitalizzare quell’impegno iniziale e, in definitiva, convincere il visitatore a compiere qualsiasi azione primaria desiderata tu desideri.

Ci sono molti fattori (come il design e la copia) che entrano in gioco nel determinare quanto sono coinvolti i tuoi visitatori e la probabilità che si convertano. Tuttavia, un fattore estremamente influente ma raramente discusso è il semplice collegamento ipertestuale. La realtà è che i collegamenti sono strumenti straordinariamente potenti e ignorare le migliori pratiche relative alla loro creazione può far funzionare il tuo blog come un setaccio, con ogni buco che rappresenta un collegamento.

In questo post voglio aiutarti ad arginare molte di quelle buche. Seguendo e implementando i consigli di seguito, è probabile che si vedano tassi di coinvolgimento e conversioni migliorati nel tempo e da un punto di vista meno tangibile, migliorerai drasticamente anche l’esperienza dei visitatori.

Come formattare i collegamenti

Cominciamo con le basi assolute. Ogni link sul tuo sito dovrebbe essere chiaramente rappresentato come un collegamento, ovvero dovrebbe essere chiaramente distinto dagli altri testi della pagina e dovrebbe essere ovvio che si tratta di un collegamento.

Negli anni ’90 un collegamento era tipicamente blu e sottolineato in questo modo. Le persone si sono abituate a un collegamento che sembra in un certo modo e quindi si confondono se dovessero confrontarsi testo sottolineato dello stesso colore del corpo del testotesto di colore diverso ma non era sottolineata.

Mentre il testo blu sottolineato è ancora onnipresente nelle nostre menti come link, in questi giorni i collegamenti ipertestuali che non sono sottolineati sono all’ordine del giorno e del tutto accettabili. Tuttavia, dovresti comunque assicurarti che i tuoi link risaltino chiaramente. Non lasciare l’utente con alcuna confusione su ciò che è o non è un collegamento in qualsiasi punto del tuo sito. E sebbene i link sottolineati non siano così diffusi in questi giorni, è saggio non sottolineare alcun testo sul tuo sito come regola generale a meno che non sia un link. La maggior parte delle persone associa ancora testo sottolineato sul Web con collegamenti ipertestuali e come tale dovrebbe essere riservato solo ai collegamenti ipertestuali. Se vuoi enfatizzare il testo, usa il grassetto per evidenziare le frasi chiave (ad es. Questo è veramente importante) e il corsivo per suggerire inflessione nella vocalizzazione di una parola (ad es. veramente voglio che tu legga questo).

Testo di ancoraggio

Per quelli di voi che non lo sanno, il testo di ancoraggio è semplicemente le parole utilizzate in un collegamento, il più comune dei quali è “fai clic qui”. Il testo di ancoraggio è estremamente importante per una serie di ragioni (l’ottimizzazione del motore di ricerca di WordPress è un esempio ovvio) ma in questo post voglio concentrarmi sull’usabilità, con la quale intendo essenzialmente la facilità con cui qualcuno può capire a cosa porta un link prima ci cliccano sopra.

Gli utenti di Internet sono per la maggior parte abbastanza esperti in questi giorni e come tali non hanno bisogno di tenersi le mani come 10-15 anni fa. Non è più necessario prefigurare ogni collegamento con il testo di ancoraggio “fai clic qui”, ma è molto più utile per il visitatore essere descrittivo e molto meglio per il “flusso” di testo incorporare i collegamenti in modo intuitivo. Ad esempio, considera i seguenti due testi di ancoraggio:

  1. Per saperne di più sui nostri prodotti clicca qui.
  2. Scopri di più sui nostri prodotti.

Il secondo testo di ancoraggio si distingue di più, è più facile da capire e più facile da cliccare. In breve, è di gran lunga superiore all’alternativa “clicca qui”. Dovresti sempre cercare di includere nel tuo blog testi di ancoraggio contestualmente rilevanti.

In termini di presentazione, sembra più ordinato escludere i segni di punteggiatura dal testo di ancoraggio. Inoltre, è importante rimanere coerenti nel modo in cui si escludono i segni di punteggiatura dal testo di ancoraggio, in quanto ciò renderà l’esperienza dell’utente più prevedibile e più piacevole.

Testo del titolo

Esistono essenzialmente due elementi che descrivono un collegamento e aiutano gli utenti a decidere se devono fare clic o meno su di esso. Il primo (e più importante) è il testo di ancoraggio, ma non si dovrebbe ignorare il valore del testo del titolo.

Nella maggior parte dei browser desktop, il testo del titolo del collegamento è il testo popup che appare quando si passa con il mouse su un collegamento (per il quale è stato definito il testo del titolo):

Testo del titolo del collegamento

Se il testo di ancoraggio fornisce un contesto, il testo del titolo fornisce chiarimenti. L’esempio sopra è perfetto: il testo di ancoraggio e il testo del corpo circostante ci portano a credere che il collegamento porti a qualcosa che riguarda (a) Jakob Nielsen e (b) la sua reputazione di “re dell’usabilità” e il testo del titolo chiarisce che il collegamento porta a una biografia ospitata su un sito Web specifico. Non sarebbe stato pratico includere il testo del titolo come testo di ancoraggio, ma serve come utili informazioni aggiuntive.

Quindi usa il testo del titolo ogni volta che è appropriato. Non è sempre necessario utilizzare il testo del titolo, ad esempio in una situazione in cui è completamente chiaro dal testo di ancoraggio in cui il collegamento porterà. Ecco due esempi comuni di questo:

Nel mio recente post su WPExplorer, “The Periodic Table of WordPress Plugins (e My Top 5)”, ho elencato i miei 5 plugin principali tra i 108 più scaricati su WordPress.org.

Il testo di ancoraggio del primo link include il titolo del post a cui è collegato. Il testo di ancoraggio del secondo collegamento fornisce il nome del sito Web a cui si collega. In entrambi i casi, non vi è alcun vantaggio reale nel ripetere il testo di ancoraggio come testo del titolo o nell’includere quelle che sarebbero probabilmente informazioni superflue come testo del titolo.

Se vuoi ulteriori esempi di uso efficace del testo del titolo, passa con il mouse sopra ciascuno dei link in questo post. Alcuni non hanno il testo del titolo (e dovrebbe essere evidente il perché), mentre altri lo fanno.

Apertura di Windows in nuove schede (oppure no)

Quando si tratta di usabilità del web, ho scoperto che la questione se aprire i collegamenti in nuove schede è spesso un punto controverso. Avendo considerato il problema a lungo, il mio punto di vista è il seguente: se aprire o meno i collegamenti in una nuova scheda dipende interamente dal collegamento.

Consentitemi di spiegare il mio punto di vista chiedendovi di considerare quale valore ci sia nell’apertura di un collegamento in una nuova scheda. Se un collegamento si apre in una nuova scheda, la pagina Web in cui si trovava l’utente in origine rimane aperta e lo schermo rimane all’ultima posizione sulla pagina. Pertanto, se hai motivo di credere che qualcuno potrebbe voler esplorare un link sul tuo blog ma tornare al termine della loro diversione, dovresti aprire quel link in una nuova scheda.

Il rovescio della medaglia, se hai motivo di credere che un particolare link rappresenti un percorso chiaro lontano dalla pagina esistente, ha senso che quel link si apra nella stessa scheda.

Per darti esempi di quali collegamenti dovrebbero essere aperti in schede esistenti o nuove, diamo un’altra occhiata all’esempio di testo del titolo che ho usato sopra:

Nel mio recente post su WPExplorer, “The Periodic Table of WordPress Plugins (e My Top 5)”, ho elencato i miei 5 plugin principali tra i 108 più scaricati su WordPress.org.

Entrambi questi collegamenti si aprono in nuove schede. Perché? Perché entrambi rappresentano un diversivo temporaneo da questo post – link che potresti scegliere di esplorare prima di tornare a leggere il resto di questo post. Allo stesso modo potresti scegliere di non esplorarli affatto. Ad ogni modo, si aprono in nuove schede in modo che tu possa tornare facilmente a questo post quando sei pronto.

Ora dai un’occhiata alla seguente immagine:

Screenshot del link post precedente

Questo è uno screenshot del fondo di un recente post di WPExplorer, alla fine della sezione commenti. Il link in basso a destra nella pagina dovrebbe aprirsi nella scheda esistente. Perché? Perché l’utente ha raggiunto la fine della pagina e come tale ha probabilmente digerito il contenuto del post esistente ed è pronto per andare avanti. Questo è solo un esempio: i collegamenti che dovrebbero essere aperti nella scheda esistente possono effettivamente trovarsi in qualsiasi posizione su un sito. Altri collegamenti che dovrebbero essere aperti nelle schede esistenti includono elementi di navigazione (una barra di navigazione superiore o un elenco di categorie, ecc.) E Inviti all’azione (come una casella di iscrizione alla newsletter).

Un argomento popolare contro questo approccio è che la scelta se aprire o meno in una nuova scheda dovrebbe essere lasciata all’utente. In un mondo ideale sarebbe il caso, ma ci sono due ragioni per cui non lo è:

  1. Non tutti gli utenti sono abbastanza esperti da aprire i collegamenti in nuove schede quando è appropriato per loro farlo.
  2. Anche l’utente più esperto potrebbe erroneamente aprire un collegamento in una scheda esistente quando sarebbe stato meglio per loro averlo aperto in una nuova scheda.

Questo è praticamente tutto ciò che ho da dire sull’argomento dei link: se implementerai le linee guida sopra sul tuo blog, sono fiducioso che vedrai un balzo nelle metriche di coinvolgimento popolari come tempo sul sito, frequenza di rimbalzo e azioni medie per visitatore. Non solo, ma i visitatori del tuo sito godranno di un’interfaccia utente molto più intuitiva sotto forma di collegamenti chiaramente etichettati e descritti che li dirigono in modo appropriato.

La chiave è tenere sempre presente il visitatore: rendere l’esperienza di navigazione del tuo sito una gioia dovrebbe essere sempre la massima priorità. Non prendere scorciatoie come aprire ciecamente tutti i collegamenti in nuove schede o affrettarti nel modo in cui formatti i collegamenti: lavora per aiutare l’utente (anziché frustrarli) e otterrai i frutti.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me