4 min di letturaTutorial

Come rendere un link cliccabile in email, social, HTML

Come rendere cliccabile un link in email, bio social, documenti e HTML: trasforma il testo in un collegamento ipertestuale, e usa un link breve dove gli URL grezzi non si trasformano in link.

Ana Kowalska
Marketing solutions engineering
Come rendere un link cliccabile: testo semplice che si trasforma in un collegamento ipertestuale con anchor text e un URL di destinazione, in email, social e HTML

Per rendere un link cliccabile, seleziona il testo che vuoi trasformare in un link, premi Ctrl+K (Cmd+K su Mac), e incolla l'URL di destinazione. Questa unica scorciatoia funziona in Gmail, Google Docs, Word, Notion e nella maggior parte degli editor. In HTML grezzo lo scrivi a mano: <a href="https://example.com">visitaci</a>. Tutto il resto consiste nel sapere dove funzionano i collegamenti ipertestuali, dove non funzionano, e come rendere il link leggibile.

Questo è un how-to del cluster tutorial. Per il quadro più ampio di cosa fare con i link una volta resi cliccabili (branding, tracciamento, routing), cos'è il link management, l'articolo cornerstone lo copre.

Il modo veloce: seleziona e Ctrl+K

Quasi ogni editor di testo formattato usa lo stesso schema. Scrivi le parole che vuoi rendere cliccabili, selezionale, e premi Ctrl+K (Cmd+K su Mac) oppure clicca sull'icona a forma di catena nella barra degli strumenti. Incolla l'URL, conferma, fatto.

Alcuni editor differiscono solo nel pulsante. Gmail, Google Docs e Word espongono tutti un pulsante link; la scorciatoia da tastiera è la costante. Se incolli un URL nudo che inizia con https:// su una riga a sé, la maggior parte degli strumenti lo rileva automaticamente e lo rende cliccabile senza bisogno di nulla di tutto ciò, ma un anchor text collegato si legge meglio di un link nudo.

L'unica cosa che le persone sbagliano è l'anchor text. Le parole visibili dovrebbero descrivere la destinazione.

  • Bene: leggi la [guida alla configurazione](/blog/setup-branded-short-links).
  • Male: "clicca qui", che non dice nulla né a un lettore né a uno screen reader.

Dietro ogni pulsante "crea link" c'è un unico elemento HTML. Il tag anchor ha due parti: l'href (dove porta) e il testo tra i tag (ciò su cui il lettore clicca).

<a href="https://example.com/pricing">See pricing</a>

Tutto qui. Il riferimento MDN per l'elemento anchor documenta il resto (apertura in una nuova scheda con target, attributi rel per la sicurezza). Due varianti ricorrono spesso: i link mailto: aprono un'email, e i link tel: avviano una chiamata.

<a href="mailto:[email protected]">Email us</a>
<a href="tel:+15551234567">Call us</a>
L'anatomia di un tag anchor HTML scomposta nell'URL di destinazione href e nell'anchor text visibile su cui il lettore clicca

Ecco la parte che spinge le persone a cercare online. Alcuni degli spazi più preziosi per un link sono testo semplice, dove niente è cliccabile qualunque cosa tu faccia.

  • Didascalie e commenti di Instagram: non cliccabili.
  • Descrizioni dei video TikTok: non cliccabili.
  • La maggior parte dei testi dei post social nel feed: non cliccabili.
  • Materiali stampati, slide e video: ovviamente non cliccabili, ma un codice QR copre questi casi.

In questi luoghi, un URL grezzo resta lì come testo che un lettore dovrebbe digitare a mano. La soluzione è duplice: metti il link dove i link funzionano davvero (lo slot per il link in bio o una pagina link-in-bio), e rendi l'URL abbastanza breve e memorabile da poter essere digitato o riconosciuto. Un lungo URL di tracciamento qui è senza speranza; uno breve e branded no.

Una griglia di dove i link sono cliccabili, come email e HTML, rispetto a dove sono testo semplice, come le didascalie di Instagram e le descrizioni di TikTok, con un link breve o una pagina bio come soluzione

Questo è esattamente il motivo per cui le guide su come aggiungere un link alla bio di Instagram e sul link in bio di TikTok esistono come articoli a sé - è la piattaforma, non la tua formattazione, l'ostacolo.

Una volta che il link funziona, due miglioramenti lo rendono migliore. Accorcialo perché sia pulito e facile da toccare, e brandizzalo perché le persone si fidino. Un link breve e branded è più facile da inserire in una bio, leggere ad alta voce in un video, o inserire in un SMS rispetto a un URL grezzo con una query string. Ti permette anche di tracciare il clic e ripuntare la destinazione in seguito senza modificare il post.

Se stai scrivendo HTML a mano, mantieni l'URL grezzo nell'href e lascia che l'anchor text porti il significato. Se stai inserendo link in didascalie e bio, appoggiati a un link breve branded e a una pagina bio. Stesso link, posizionato dove può davvero essere cliccato.

Leggi la serie cornerstone

Questo articolo appartiene al cluster tutorial. L'articolo cornerstone è cos'è il link management. Per le basi dell'accorciamento, come accorciare un URL è l'articolo complementare.

Correlati sul blog

Domande frequenti

Come rendo un link cliccabile?

Seleziona il testo che vuoi collegare, premi Ctrl+K (Cmd+K su Mac) e incolla l'URL di destinazione. Questa scorciatoia trasforma il testo evidenziato in un collegamento ipertestuale in Gmail, Google Docs, Word e nella maggior parte degli editor. In HTML grezzo racchiudi il testo in un tag anchor: <a href="https://example.com">visitaci</a>.

Perché il mio link non è cliccabile?

Due motivi comuni. Il testo è stato incollato come testo semplice in un punto che non crea automaticamente il link, come una didascalia di Instagram o una bio di TikTok, dove nessun URL è cliccabile. Oppure l'URL è malformato - manca il prefisso https://, di cui molti parser hanno bisogno prima di trasformarlo in un link.

Come rendo cliccabile un link in un'email?

Scrivi l'anchor text, selezionalo, e usa il pulsante link nella barra degli strumenti o Ctrl+K per allegare l'URL. Se incolli un URL completo che inizia con https:// da solo, la maggior parte dei client email lo rileva automaticamente e lo rende cliccabile, ma un anchor text collegato appare più pulito ed è più facile da toccare.

Come rendo cliccabile un link dove i link non sono permessi, come nelle didascalie di Instagram?

Non puoi inserire un collegamento ipertestuale dentro una didascalia di Instagram o una descrizione di un video TikTok - sono testo semplice. La soluzione è una pagina link-in-bio o l'unico slot per il link in bio, e un branded link breve e memorabile che le persone possano copiare o toccare dall'unico punto in cui i link funzionano davvero.

Cos'è l'anchor text in un link cliccabile?

L'anchor text sono le parole visibili e cliccabili che portano il link, come "leggi la guida" invece dell'URL grezzo. Un buon anchor text descrive dove porta il link; evita "clicca qui", che non dice nulla al lettore né alla tecnologia assistiva sulla destinazione.

Prova Elido

Incolla un URL, ottieni un link breve

Senza registrazione. Il link vive 30 giorni. Iscriviti per conservarlo.

Gratis, nessuna registrazione richiesta · 2 al giorno

Prova Elido

Accorciatore di URL ospitato nell'UE: domini personalizzati, analisi approfondite e API aperta. Piano gratuito - senza carta di credito.

Tag
how to make a clickable link
clickable link
how to make a link clickable
hyperlink
clickable link in email
anchor text

Continua a leggere