Ne parliamo spesso, soprattutto quando ci riferiamo alle strategie di ottimizzazione off page, ma finora non avevamo mai concentrato l’attenzione sulle definizioni di base: oggi invece facciamo un passo indietro verso le basi della SEO e dell’informatica spiegando che cos’è un link e perché i collegamenti ipertestuali sono un elemento centrale per la Rete Web.

Link cos’è: significato e definizione

Partiamo subito dalla definizione di link in informatica: un rimando contenuto all’interno di un ipertesto, solitamente definito tramite codice HTML, che attraverso un clic permette di attivare un passaggio da una risorsa a un’altra, come ad esempio tra due documenti o pagine Web.

Il significato di link è quindi contenuto nella parola stessa, che in inglese vuol dire collegamento, legame, connessione, nesso: in effetti, l’hyperlink è per l’appunto un collegamento ipertestuale che aiuta l’utente a spostarsi da un punto A (che rappresenta la risorsa sulla quale l’utente è in quel momento, la pagina in cui risiede il link) a un punto B (l’arrivo o pagina di destinazione del link).

Nel corso della nostra routine quotidiana da utenti della Rete incontriamo e usiamo i link praticamente in ogni momento, per approfondire un argomento in un altro contenuto (interno o esterno al sito che stiamo consultando), per cambiare sezione del sito cliccando sui menu, per scaricare un file o per attivare funzioni particolari: in pratica, quindi, non potremmo navigare senza link e non potremmo scoprire pagine web senza collegamenti.

Le origini del Web

Già da questo si capisce che i link sono strettamente correlati al funzionamento del World Wide Web: come raccontavamo in occasione del trentennale della presentazione del WWW, il futuro principale servizio di Internet fu descritto per la prima volta nel 1989 da Tim Berners-Lee, che parlava di un’ampia area di informazioni ipermediali che offrono accesso universale ai documenti.

Condivisione di informazioni e documenti

Secondo quanto riportato da varie fonti, questa idea nacque al CERN di Ginevra grazie a un pizzico di Italia: il ricercatore inglese notò alcuni colleghi italiani che trasmettevano informazioni tramite linea telefonica da un piano all’altro del prestigioso laboratorio svizzero visualizzando informazioni video. Da questo spunto, Berners-Lee e il suo collega Robert Cailliau ipotizzarono un software per condividere la documentazione scientifica in formato elettronico a prescindere dalla piattaforma informatica utilizzata, utile a migliorare la comunicazione e la collaborazione tra i ricercatori dell’istituto.

Per rendere concreta l’idea avviò anche la definizione di standard e protocolli per scambiare documenti su reti di calcolatori, che avrebbero poi generato il linguaggio HTML e il primo protocollo di rete HTTP. Il tutto trovò una prima realizzazione nel 6 agosto 1991, quando Tim Berners-Lee pubblicò il primo sito web, che attese ben 17 giorni la prima visita da un utente esterno al centro di ricerca, con un clic arrivato appunto il successivo 23 agosto.

Cosa sono i link, i nodi della Rete

Tornando al nostro tema, anche sulla pagina di Wikipedia dedicata al WWW si legge che la “caratteristica principale della rete Web è che i nodi che la compongono sono tra loro collegati tramite i cosiddetti link (collegamenti ipertestuali), formando un enorme ipertesto, e i suoi servizi possono essere resi disponibili dagli stessi utenti di Internet”.

I link sono dunque un elemento fondamentale per rendere possibile il progetto del Web perché rappresentano l’anello di congiunzione che permette di usufruire di questo ipertesto globale composto da tutti i siti mondiali che possono essere consultati da tutti.

Il significato di link: collegamento tra siti, ma non solo

Grazie ai link, abbreviazione di hyperlink, è possibile collegare in modo non sequenziale le pagine web, anche se appartengono a siti diversi, scaricare particolari contenuti, accedere a funzionalità specifiche e, in sintesi, utilizzare ogni snodo della Rete.

Quindi, i link sono la colonna vertebrale del Web, o meglio ancora il suo sistema nervoso centrale, e possono servire come mezzo principale di navigazione, strumento di citazione di informazioni, simbolo di fiducia, metodo di promozione e così via, e ne abbiamo parlato moltissimo nei topic su link buildinglink juice e fattori di ranking.

Che cos’è un link

Venendo agli aspetti tecnici, un link è un oggetto HTML che consente di passare a una nuova posizione quando l’utente esegue un clic o tocca la porzione sui display touch; questi collegamenti si trovano in quasi tutte le pagine Web e rappresentano come detto il mezzo più semplice per navigare tra le pagine della Rete.

Come sono i link

I collegamenti possono essere inseriti o applicati a testo, immagini, intere aree o sezioni della pagina web o ancora altri elementi HTML, e solitamente si distinguono graficamente dagli altri caratteri della pagina, sia per visualizzazione permanente che in seguito a un hover (passaggio) del mouse: nella maggior parte dei casi i link sono di colore blu (come nelle SERP di Google), che è la tinta standard dei browser Web, ma è possibile personalizzare questa impostazione utilizzando stili HTML o CSS. Nelle fasi iniziali della Rete i collegamenti erano sottolineati per impostazione predefinita, mentre oggi questa scelta è meno comune. Anche le immagini possono contenere un link, diventando a loro volta un oggetto cliccabile e un collegamento verso un’altra risorsa.

Un altro elemento che caratterizza i collegamenti è il cosiddetto anchor text (testo di ancoraggio o àncora), vale a dire la stringa di contenuto che l’utente visualizza in pagina e che lo accompagna a raggiungere la destinazione; in alcuni casi, possiamo avere però link su immagini (con il tag alt che svolge la funzione di àncora per Google) o su elementi dinamici.

Quanti e quali sono i tipi di link

Esistono quindi numerose tipologie di link che possiamo incontrare e usare in Rete, differenti per caratteristiche, funzioni e utilizzi.

Il più comune è il text hyperlink, che utilizza una parola o una frase di ancoraggio per indirizzare l’utente verso risorse o pagine differenti da quella attuale; è simile il funzionamento di un image hyperlink, dove però è l’immagine a essere cliccabile e a guidare verso un altro documento online. Altri esempi di link sono i bookmark, i segnalibri, ovvero elementi che possiamo memorizzare nel browser, in un’app o in un sito web specifico, e i link e-mail, speciali collegamenti ipertestuali che permettono di inviare un messaggio di posta elettronica all’indirizzo impostato e visualizzato.

A seconda della posizione e della “direzione”, poi, possiamo identificare questi altri tipi di link (che può essere utile conoscere anche in ottica SEO):

  • Link interni, collegamenti ipertestuali che indirizzano ad altre pagine appartenenti allo stesso dominio.
  • Link in uscita o outbound link, collegamenti che puntano ad altre risorse web (sono considerati outbound link anche quelli tra dominio principale e sottodominio).
  • Backlink, o inbound link: sono i preziosi link in ingresso sul nostro sito, e quindi collegamenti ipertestuali ospitati su un altro dominio che puntano verso pagine del nostro.
  • Ancore interne, sono rimandi a sezioni specifiche della stessa pagina, con cui l’utente può “saltare” al punto desiderato.
  • Permanent link o permalink, che sono gli indirizzi non modificabili delle pagine web.

Infine, dobbiamo chiarire la distinzione tra link relativo e link assoluto, utile per la gestione di un sito e di un blog, come già spiegato parlando degli equivalenti concetti di URL relativo e URL assoluto.

Semplicemente, si definisce link assoluto quello che riporta per esteso tutto l’indirizzo del sito, compreso il nome di dominio e l’indicazione del protocollo – ad esempio <a href=”https://www.esempio.it/”>Esempio</a> è un absolute link o absolute URL; al contrario, il link relativo non include il nome di dominio, come nell’esempio di relative link o relative URL <a href=”/esempio/default.asp”>Esempio</a>.

Solitamente, si suggerisce di utilizzare il link relativo per impostare i collegamenti interni allo stesso dominio (per cui non c’è necessità di ripetere il dominio) e il link assoluto per gli outbound links verso altri siti, ma c’è anche chi preferisce usare sempre link assoluti (è il nostro caso, ad esempio).

Esempi di link: come appare un link in codice HTML

Più precisamente, questo è un esempio di link e in particolare di una stringa che identifica un link interno di tipo testuale: <a href=”/blog/eventi”>Eventi</a>, che rimanda alla sezione Eventi del nostro blog. Si tratta appunto di un link relativo, perché non include il nome di dominio, e visto che il collegamento inizia con uno slash rimanda alla directory principale (nel caso contrario sarebbe relativo all’URL corrente).

Un collegamento come <a href=”https://www.seozoom.it”> <img src=”https://www.seozoom.it/wp-content/uploads/2019/08/test-google.jpg” alt=”Google search, come funziona la nuova feature”> è invece un link assoluto (su immagine) perché include il nome di dominio, necessario per i collegamenti esterni, che indirizzano a un altro sito Web.

Cosa significa a href e quali sono gli attributi dei link

Possiamo a questo punto approfondire alcuni dettagli tecnici che riguardano i link e, in particolare, gli attributi HTML che possiamo aggiungere per dare le corrette istruzioni sul funzionamento dei collegamenti al browser e offrire alcuni segnali ai motori di ricerca.

Nel linguaggio HTML, ogni link è introdotto da un tag <a href>, espressione che ha un significato e una storia ben precisi: la “a” è l’iniziale di “àncora” (anchor in inglese), poiché i primi documenti ipertestuali si collegavano ad ancore (o marcatori) interni alla stessa pagina, piuttosto che ad altre pagine; “href” è l’abbreviazione di hypertext reference, ovvero “riferimento ipertestuale”. Ancora oggi, quindi, la <a> identifica e definisce la presenza di un hyperlink tra documenti, mentre l’attributo href indica l’indirizzo a cui punta il link, ovvero la sua destinazione precisa.

Gli altri attributi che possiamo utilizzare sui link servono come detto a definirne alcune caratteristiche e influenzare il comportamento: con title impostiamo la descrizione testuale del link, che si visualizza quando il mouse passa sul collegamento; con target chiariamo dove aprire il collegamento (target=”_blank”, ad esempio, è il comando classico per impostare l’apertura del collegamento in una nuova scheda vuota e non all’interno della stessa pagina); img serve a usare un’immagine come collegamento; mailto: ci permette di creare un link che apre automaticamente il programma di posta elettronica dell’utente.

In ambito SEO, poi, non possiamo certo dimenticare gli attributi rel= che servono a comunicare ai bot dei motori di ricerca i valori di quel link: in particolare, l’attributo nofollow è il classico segnale di non dare peso SEO a quel collegamento, che non dovrebbe essere seguito e non dovrebbe consentire il passaggio di PageRank; altri due attributi sono il rel=”sponsored“, che serve a definire  i link promozionali e ospitati dietro pagamento o accordo, e il rel=”UGC“, con cui contrassegnare pagine che ospitano contenuti generati dagli utenti.