Cos'è un link?

Un link è un collegamento che ti porta verso un altro contenuto

Un link è un collegamento che puoi cliccare per raggiungere un'altra pagina, un altro sito, un documento oppure un punto specifico della pagina che stai visitando.

Lo utilizzi continuamente mentre navighi nel web.

Il menu di un sito contiene link. Il logo può essere un link verso la home page. Una frase può portarti a un approfondimento. Un'immagine può aprire la scheda di un prodotto. Un pulsante può portarti alla pagina contatti.

Come riconoscere un link?

Un link può presentarsi in modi differenti.

• Una parola o una frase cliccabile
• Un'immagine
• Un pulsante
• Una voce del menu
• Un'icona
• Un indirizzo web

Nei testi i link vengono spesso evidenziati attraverso un colore differente, una sottolineatura oppure un cambiamento grafico al passaggio del mouse.

Su smartphone e tablet, invece, il collegamento viene semplicemente toccato.

La grafica può cambiare da sito a sito. L'aspetto importante è permettere al visitatore di capire facilmente quali elementi può utilizzare per proseguire nella navigazione.

A cosa serve un link?

Il link permette di collegare tra loro informazioni differenti.

Facciamo un esempio molto semplice.

Un sito di ricette può avere una pagina con l'elenco dei piatti. Cliccando sul nome di una ricetta puoi raggiungere una nuova pagina con ingredienti, preparazione, tempi di cottura e fotografie.

In questo modo la pagina iniziale rimane semplice da consultare e ogni argomento può essere approfondito separatamente.

Lo stesso principio può essere utilizzato in un sito aziendale.

Puoi presentare brevemente un servizio e inserire un link verso una pagina che lo approfondisce. Puoi parlare di un prodotto e collegare la relativa scheda tecnica. Puoi raccontare un progetto e permettere al cliente di vedere un caso concreto.

Un link può costruire un percorso

Questo è uno degli aspetti più interessanti quando si progetta un sito.

Pensa alla pagina che stai leggendo.

Se vuoi approfondire un argomento possiamo indicarti una pagina dedicata. Se vuoi conoscere un servizio possiamo portarti alla relativa presentazione. Se vuoi conoscere i costi possiamo collegarti alla pagina che li spiega.

Ogni collegamento offre una possibilità di approfondimento.

Lo stesso può accadere nel tuo sito.

Un cliente legge la pagina dedicata a un prodotto. Potresti mostrargli un accessorio compatibile, una guida all'utilizzo, un prodotto complementare oppure un'offerta dedicata.

Un cliente legge la presentazione di un servizio. Potresti permettergli di vedere alcuni lavori realizzati oppure approfondire un aspetto specifico.

Il link diventa quindi anche uno strumento per organizzare il percorso del visitatore all'interno dei contenuti.

Anche le immagini possono essere link

Un'immagine può essere utilizzata come collegamento.

In un e-commerce, ad esempio, puoi cliccare sulla fotografia di un prodotto per raggiungere la relativa scheda.

Una fotografia può portare a una galleria, un logo può riportare alla home page e un'immagine promozionale può indirizzare verso un'offerta.

Il principio rimane sempre lo stesso: l'elemento cliccabile collega il visitatore a un'altra destinazione.

Come si crea tecnicamente un link?

Nel codice HTML un collegamento viene creato utilizzando il tag <a>.

Un esempio molto semplice è:

<a href="/pagina-servizio">Scopri il nostro servizio</a>

In questo esempio:

• <a> identifica il collegamento
• href indica la destinazione
• Scopri il nostro servizio è il testo che il visitatore può cliccare
• </a> chiude il collegamento

Il collegamento può anche portare verso un altro sito utilizzando il relativo indirizzo completo.

Oggi i sistemi di gestione dei contenuti permettono generalmente di creare un link senza intervenire direttamente sul codice HTML: si seleziona il testo o l'elemento interessato e si indica la pagina di destinazione.

Cos'è target="_blank"?

Un link può essere impostato anche per aprire la destinazione in una nuova scheda del browser.

Nel codice HTML può essere utilizzato l'attributo:

target="_blank"

Ad esempio:

<a href="https://www.esempio.it" target="_blank" rel="noopener">Visita il sito</a>

Questa possibilità può essere utile in determinati contesti, ad esempio quando si collega una risorsa esterna e si vuole mantenere disponibile anche la pagina che il visitatore stava consultando.

Il testo del link ha importanza?

Sì, perché può aiutare il visitatore a capire cosa troverà dopo il click.

Un testo come "Scopri i nostri servizi di assistenza" comunica già quale sarà l'argomento della pagina collegata.

Questo rende la navigazione più comprensibile e permette di costruire collegamenti coerenti tra i diversi contenuti del sito.

Quando progettiamo una pagina possiamo quindi chiederci anche:

• Quale approfondimento potrebbe essere utile?
• Quale pagina completa questa informazione?
• Cosa potrebbe voler vedere il cliente adesso?
• Qual è il passaggio successivo più naturale?

Cos'è quindi un link?

È uno degli elementi più semplici e importanti del web.

Collega pagine, immagini, documenti, siti e informazioni permettendo al visitatore di muoversi tra i contenuti.

Dietro un semplice click può esserci anche una scelta progettuale: capire quale informazione potrebbe essere utile al cliente e permettergli di raggiungerla facilmente.