Inserire link con codice HTML

11 Gen Inserire link con codice HTML

Tecnicamente detti collegamenti ipertestuali, nel linguaggio comune oramai sono noti come i link, in primis permettono all’utente un approfondimento della parola/frase che sta leggendo e in secondo luogo aiutano anche in fase di indicizzazione SEO. Pertento, inserire dei link in un testo è cosa buona, se poi, per una serie di ragioni avete la necessità di farlo usando il codice HTML va bene lo stesso. Anche se usando WordPress i link sono gestiti da una funzione nativa integrata, anch’io mi sono ritrovato in molte occasioni con la necessità di inserire un link scrivendolo con codice HTML.

Creare un Link con Codice HTML

Nel linguaggio HTML, i link si creano col il tag <a> che significa “ancora”, il quale funge appunto da ancoraggio tra varie pagine, inoltre si usa anche l’attributo href per specificare l’URL di destinazione. Quest’ultimo può essere di due tipi: relativo o assoluto. Il primo viene usato generalmente per link interni al sito, il secondo invece come link esterni al sito che viene consultato.

La sintassi per creare un link in HTML è davvero semplice ed è la seguente:

<a href="https://www.nomesito.it">Nome Sito</a>

Inoltre, grazie anche all’uso di una serie di attributi, un codice può avere alcune variazioni che consentono alcune opzioni.
Ad esempio, se il link che state creando necessita anche di un’etichetta, il codice HTML sarà il seguente:

<a href="https://www.nomesito.it" title="Nome del Sito">Nome Sito</a>

Se invece avete bisogno di creare un link esterno, il codice HTML sarà il seguente:

<a href="https://www.nomesito.it" target="_blank">Nome Sito</a>

Parlando invece di SEO, un altro tipo di attributo piuttosto usato per creare un link nofollow possiede il seguente codice:

<a href="https://www.nomesito.it" rel="nofollow">Nome Sito</a>

I link però possono anche essere applicati ad un’immagine che diventerebbe così cliccabile, per farlo il codice HTML sarà il seguente:

<a href="pippo.html"><img src="immagine.jpg" alt="Foto Mia"></a>