Che cos’è un col­le­ga­men­to iper­te­stua­le?

In generale si parla quindi di testi non ne­ces­sa­ria­men­te lineari che sono collegati tramite col­le­ga­men­ti iper­te­stua­li ad altri testi. Il termine “hypertext” è stato coniato dal filosofo sta­tu­ni­ten­se Ted Nelson. Il sistema di ipertesto mag­gior­men­te diffuso al mondo è il servizio Internet World Wide Web (ab­bre­via­to in web o WWW). Nel web vengono im­ple­men­ta­ti i col­le­ga­men­ti iper­te­stua­li grazie al lin­guag­gio di markup HTML per collegare tra di loro le pagine web e le altre risorse. Di seguito ci con­cen­tria­mo sui col­le­ga­men­ti iper­te­stua­li nei documenti web e ne pre­sen­tia­mo struttura, proprietà e modi di utilizzo.

Nei documenti HTML i col­le­ga­men­ti iper­te­stua­li vengono im­ple­men­ta­ti grazie agli elementi <a> e <link>. Mentre l’elemento <a> definisce la posizione di un col­le­ga­men­to iper­te­stua­le nella sezione del contenuto (body) di un documento HTML, si utilizza l’elemento <link> nella sezione in­te­sta­zio­ne (head) per definire le relazioni agli altri documenti e risorse.

Di seguito ci con­cen­tria­mo sull’elemento <a> e quindi sui col­le­ga­men­ti iper­te­stua­li nel body dell’HTML che sono visibili agli utenti, possono essere cliccati e ap­par­ten­go­no, oltre alla barra degli indirizzi, ai mezzi di na­vi­ga­zio­ne prin­ci­pa­li del World Wide Web nel browser e nei campi di im­mis­sio­ne dei motori di ricerca.

Gli hyperlink nel body dell’HTML vengono im­ple­men­ta­ti grazie all’elemento anchor a. Lo schema di base coincide con il seguente esempio:

L’elemento a è composto da un tag iniziale e da uno finale, racchiusi tra parentesi acute, come di consueto nell’HTML. Tra questi due tag dell’elemento a è compreso il co­sid­det­to testo del link, ovvero un elemento testuale visibile e clic­ca­bi­le.

Al­ter­na­ti­va­men­te si possono anche inserire delle immagini con col­le­ga­men­ti iper­te­stua­li. In questo caso il tag iniziale e quello finale dell’elemento a com­pren­do­no il codice HTML per l’in­te­gra­zio­ne della grafica.

So­li­ta­men­te l’elemento a non definisce solo l’anchor del col­le­ga­men­to iper­te­stua­le e quindi il punto di partenza del col­le­ga­men­to, bensì anche la de­sti­na­zio­ne del link. Il target a cui rimanda il col­le­ga­men­to iper­te­stua­le viene stabilito tramite l’attributo href, che si aspetta un iden­ti­fi­ca­to­re unico, lo Uniform Resource Iden­ti­fier (URI), come valore. Di solito la de­sti­na­zio­ne di un col­le­ga­men­to iper­te­stua­le è un URL di una risorsa web o un anchor che porta a un altro punto del testo nello stesso documento. Gli attributi HTML e i loro valori vengono definiti se­pa­ra­ta­men­te tramite spazi vuoti nel tag iniziale del ri­spet­ti­vo elemento HTML.

Gli esempi di link mezionati sopra portano entrambi a una pagina web con URL "https://www.example.org." La tra­smis­sio­ne avviene tramite HTTPS. Questo tipo di col­le­ga­men­to iper­te­stua­le guida di default gli utenti all’inizio della pagina web linkata.

Nel caso si trattasse di un link con una de­sti­na­zio­ne interna al documento corrente, si uti­liz­ze­reb­be un markup HTML secondo il seguente schema.

Fate at­ten­zio­ne al fatto che a partire dall’HTML5 le de­sti­na­zio­ni dei link all’interno di un documento devono essere definite tramite ID univoci, con­si­de­ra­ti come anchor. Nell’HTML4 è stato inoltre uti­liz­za­to nell’elemento a l’attributo name.

Se invece volete rimandare a un anchor in un documento esterno, combinate l’URL della pagina di de­sti­na­zio­ne con un simbolo di hash (#) e il ri­spet­ti­vo ID dell’anchor de­si­de­ra­to.

L’elemento a non ha es­sen­zial­men­te dei com­po­nen­ti ob­bli­ga­to­ri. Se un col­le­ga­men­to iper­te­stua­le deve essere im­ple­men­ta­to, è però in­di­spen­sa­bi­le l’in­di­ca­zio­ne del link tramite href. Inoltre l’elemento a supporta diversi attributi che possono essere uti­liz­za­ti, se ne­ces­sa­rio, per mettere a di­spo­si­zio­ne in­for­ma­zio­ni ag­giun­ti­ve per gli utenti o gli user agent.

La seguente tabella comprende gli attributi più im­por­tan­ti dell’elemento a.

Nel col­le­ga­men­to delle pagine web gli hyperlink vengono uti­liz­za­ti con diverse funzioni. Nell’uso lin­gui­sti­co comune della comunità di Internet si de­fi­ni­sco­no diversi tipi di link, sud­di­vi­si­bi­li ap­pros­si­ma­ti­va­men­te in hyperlink interni ed esterni. Con i link interni si indicano tutti i rimandi tra le singole sot­to­pa­gi­ne di un dominio, mentre i link esterni collegano diversi domini tra di loro. I link interni ed esterni servono prima di tutto ai vi­si­ta­to­ri in carne e ossa per navigare tra le pagine web. Un ulteriore vantaggio degli hyperlink nell’ambito dell’ ot­ti­miz­za­zio­ne per i motori di ricerca (Search Engine Op­ti­mi­za­tion, ab­bre­via­to in SEO) è emerso solo con il successo di Google: infatti anche i bot, primi fra tutti i crawler dei motori di ricerca, uti­liz­za­no i col­le­ga­men­ti iper­te­stua­li per rendere ac­ces­si­bi­li i siti e valutare le con­nes­sio­ni alle altre risorse web. Per lungo tempo gli hyperlink sono stati il criterio prin­ci­pa­le della va­lu­ta­zio­ne di rilevanza di un sito e quindi de­ter­mi­nan­ti per il ranking nel motore di ricerca. Oggi si è re­la­ti­viz­za­to il valore del col­le­ga­men­to iper­te­stua­le. Infatti gli algoritmi moderni dei motori di ricerca ricorrono a una varietà di fattori di ranking per poter pre­sen­ta­re i risultati più rilevanti agli utenti per la ri­spet­ti­va ricerca. Tuttavia la con­nes­sio­ne interna e il profilo di backlink rimangono molto im­por­tan­ti per l’ot­ti­miz­za­zio­ne per i motori di ricerca.

L’or­ga­niz­za­zio­ne dei link interni in un progetto web viene chiamata struttura dei link. Le strutture dei link si basano su con­si­de­ra­zio­ni stra­te­gi­che: l’obiettivo è quello di guidare i flussi dei vi­si­ta­to­ri su dei percorsi ordinati. Si parla in questo contesto di percorsi, che sono ge­ne­ral­men­te orientati a un preciso scopo: i gestori degli online shop vor­reb­be­ro ad esempio vendere merci e servizi, gua­da­gna­re abbonati per la loro new­slet­ter o in­vo­glia­re i vi­si­ta­to­ri a par­te­ci­pa­re a un gioco a premi.

Delle possibili strutture per i link interni sono la struttura lineare, la struttura ad albero, la struttura a stella e la struttura di rete.

• Struttura lineare: all’interno di una struttura dei link lineare le sot­to­pa­gi­ne di un progetto web vengono così collegate, di modo che ne emerga un percorso stabilito. Ai vi­si­ta­to­ri vengono rese ac­ces­si­bi­li le pagine web con una struttura dei link lineare sempre nella sequenza de­si­de­ra­ta dal gestore, che ha così il massimo controllo sul percorso. I vi­si­ta­to­ri po­treb­be­ro però sentirsi con­trol­la­ti con una struttura di link simile. Ad esempio la struttura di link lineare è tipica per i progetti dinamici, come i blog

• Struttura ad albero: se il col­le­ga­men­to interno segue una struttura ad albero, il sito si basa su una strut­tu­ra­zio­ne in cui alle sot­to­pa­gi­ne del progetto vengono assegnati diversi piani ge­rar­chi­ci. Una simile struttura di link è tipica per gli shop online. Il vi­si­ta­to­re richiama di solito prima una landing page ot­ti­miz­za­ta per il motore di ricerca e naviga infine nelle categorie e nelle pagine dei prodotti de­si­de­ra­ti. L’orien­ta­men­to tematico delle pagine web (categoria, sot­to­ca­te­go­ria, prodotto, articolo) diventa di solito più specifico, mano a mano che il po­ten­zia­le cliente si addentra mag­gior­men­te nei livelli inferiori del sito.

• Struttura a stella: è presente una struttura a stella quando una pagina web offre diversi link ad altre pagine equi­va­len­ti dello stesso progetto. Un simile principio di or­ga­niz­za­zio­ne è tipico per le en­ci­clo­pe­die online come Wikipedia. Là gli utenti trovano in tutti gli articoli dei col­le­ga­men­ti iper­te­stua­li ad altri articoli rilevanti sul tema, in cui vengono spiegati più pre­ci­sa­men­te i termini a cui si rimanda. All’utente rimane così la pos­si­bi­li­tà di scegliere in quali settori tematici ci­men­tar­si più a fondo.

• Struttura di rete: le strutture dei link a forma di rete si con­trad­di­stin­guo­no per il fatto che quasi tutte le sot­to­pa­gi­ne di un progetto web sono collegate a ognuna delle pagine web. Un vi­si­ta­to­re del sito ha così la pos­si­bi­li­tà di arrivare alla sot­to­pa­gi­na de­si­de­ra­ta del sito da qualsiasi punto si trovi.

Tenete presente che nel caso delle strutture dei link pre­sen­ta­te qui si tratta di astra­zio­ni. Di solito i gestori dei siti web si servono di un’or­ga­niz­za­zio­ne ibrida dei link interni, che integra i concetti delle strategie pre­sen­ta­te. Così uno shop online può ad esempio seguire es­sen­zial­men­te una struttura ad albero e offrire allo stesso tempo tramite menu di na­vi­ga­zio­ne, sidebar e footer una struttura di link a forma di rete, che consenta ai po­ten­zia­li clienti di lasciare il percorso corrente e di spostarsi su un’altra pagina di categoria, prodotto o servizio.

Gli hyperlink interni hanno un si­gni­fi­ca­to centrale per l‘usabilità (facilità di utilizzo) di un sito. Un progetto web con una buona struttura di link offre agli utenti dei percorsi brevi per giungere ai contenuti de­si­de­ra­ti e invoglia a scoprire altri settori delle pagine web. Così una buona struttura di link interni con­tri­bui­sce anche ad aumentare il tempo di per­ma­nen­za dei vi­si­ta­to­ri sul sito. Inoltre un col­le­ga­men­to interno user-friendly viene ritenuto dagli esperti SEO uno dei fattori prin­ci­pa­li per un buon ranking sul motore di ricerca.

Il gruppo dei col­le­ga­men­ti iper­te­stua­li esterni comprende tutti i link che da un sito sono diretti all’esterno. Ogni link tra due domini è, a seconda della pro­spet­ti­va, un col­le­ga­men­to iper­te­stua­le in entrata o in uscita.

Come hyperlink in uscita (chiamati anche “outbound link”) si indicano tutti i col­le­ga­men­ti iper­te­stua­li che rimandano al proprio sito, che si ri­fe­ri­sco­no a una risorsa web di un altro dominio. Di solito i link esterni vengono uti­liz­za­ti come in­di­ca­zio­ni di fonti o rac­co­man­da­zio­ni per contenuti di ap­pro­fon­di­men­to.

Fate at­ten­zio­ne al fatto che i col­le­ga­men­ti iper­te­stua­li esterni portano gli utenti dal vostro sito a un altro. Ogni rimando esterno nasconde quindi il rischio di perdere dei vi­si­ta­to­ri, ma è possibile com­pen­sa­re questa si­tua­zio­ne ri­cor­ren­do all’attributo HTML target pre­sen­ta­to sopra. Se im­ple­men­ta­te i link esterni secondo lo schema seguente, la de­sti­na­zio­ne del link del rimando esterno viene aperto a seconda delle im­po­sta­zio­ni del browser in una nuova tab o finestra. Il vostro sito rimane così aperto nel browser e i vi­si­ta­to­ri non lo perdono di vista.

Uno svan­tag­gio dell’attributo target è che il vi­si­ta­to­re del sito non può decidere da solo dove verrà aperto il link cliccato. I critici vedono perciò in questo pro­ce­di­men­to una li­mi­ta­zio­ne dell’uso. Se viene uti­liz­za­to target="_blank", dovreste uti­liz­za­re per motivi di sicurezza, in ogni caso, l’attributo rel con il valore noopener:

Se un sito contiene degli outbound link, non ha nessuna influenza positiva sul ranking nel motore di ricerca, come ha chiarito il di­pen­den­te di Google John Mueller a maggio 2016 in una sessione hangout di Google Web­ma­sters su YouTube. Ma gli hyperlink che offrono ai vi­si­ta­to­ri un valore aggiunto, ri­man­dan­do a contenuti di qualità e af­fi­da­bi­li, secondo Mueller aumentano comunque la qualità di un sito. Quindi non dovreste ri­nun­cia­re com­ple­ta­men­te ai col­le­ga­men­ti iper­te­stua­li in uscita. Mentre Google ha smentito un influsso positivo degli outbound link, è fuori di­scus­sio­ne che in alcune cir­co­stan­ze i col­le­ga­men­ti iper­te­stua­li in uscita possano in­fluen­za­re ne­ga­ti­va­men­te il ranking di un sito. Sui siti in cui si scorgono molti link outbound in­na­tu­ra­li si corre il rischio che i motori di ricerca li clas­si­fi­chi­no come spam e rea­gi­sca­no ap­pli­can­do delle penali, chiamate penaltys.

Come gestore di siti dovreste uti­liz­za­re gli hyperlink esterni con cura, visto che i rimandi a un’altra pagina web po­treb­be­ro avere in alcune cir­co­stan­ze delle ri­per­cus­sio­ni legali, ad esempio nel caso di vio­la­zio­ni del diritto d’autore o di hyperlink che rimandano a contenuti illegali, come proposte di giochi d’azzardo non au­to­riz­za­ti. Maggiori in­for­ma­zio­ni sul tema si trovano su questo articolo del Sole24 Ore in merito a una sentenza della Corte di Giustizia dell’Unione Europea. Se volete evitare che un link in uscita del vostro sito venga con­si­de­ra­to come una rac­co­man­da­zio­ne dai motori di ricerca, potete suggerire ai crawler di ignorare il relativo link. Perciò uti­liz­za­te l’attributo rel descritto sopra con il valore nofollow. Gli algoritmi dei motori di ricerca non tengono in con­si­de­ra­zio­ne i link no follow nella va­lu­ta­zio­ne di per­ti­nen­za. Come standard si è affermato questo tipo di link so­prat­tut­to nei progetti web, all’interno dei quali anche i vi­si­ta­to­ri possono pub­bli­ca­re i propri contenuti com­pren­si­vi di hyperlink. I forum online, le piat­ta­for­me di va­lu­ta­zio­ne, gli online magazine e i wiki si pro­teg­go­no in questo modo dai post spam, che servono solo a creare link nell’ambito della Black Hat SEO.

Inoltre i backlink si possono dif­fe­ren­zia­re anche in base alla pro­ve­nien­za dei link. Nell’ambito dell’ot­ti­miz­za­zio­ne per i motori di ricerca si dif­fe­ren­zia tra link nel contenuto, nelle sidebar e nel footer, così come tra quelli presenti nei commenti e i segnali sociali.

• Link nel contenuto: i link nel contenuto sono dei rimandi che portano dal contenuto (quindi dal testo) di un’altra pagina web al vostro dominio. I link nel contenuto possono essere deep link o surface link. Di solito i col­le­ga­men­ti iper­te­stua­li di questo tipo rap­pre­sen­ta­no una rac­co­man­da­zio­ne per i contenuti del vostro sito. Anche i motori di ricerca in­ter­pre­ta­no i link del contenuto come un criterio forte di qualità e di rilevanza. Nell’ambito dei motori di ricerca questi link sono perciò par­ti­co­lar­men­te preziosi. Nella va­lu­ta­zio­ne di un content link il motore di ricerca include fattori come il testo del link, l’orien­ta­men­to tematico del sito linkato e l’at­ten­di­bi­li­tà (trust) della pro­ve­nien­za del link.

• Link nella sidebar e nel footer: di solito i link presenti nella sidebar e nel footer non sono im­ple­men­ta­ti di­ret­ta­men­te nel contenuto testuale di una pagina web, ma si trovano nelle sezioni del menu po­si­zio­na­te ai lati della pagina o alla fine. Nei blog è ad esempio comune linkare dei blog amici o con temi simili nella sidebar. Si parla in questo caso di un blogroll. Sulle pagine delle aziende i link nei footer vengono uti­liz­za­ti per rimandare ai siti dei partner di lavoro, dei clienti, delle as­so­cia­zio­ni del settore, alle opinioni della stampa o agli sponsor. Visto che prima i link nelle sidebar e nel footer venivano usati so­prat­tut­to come misure in­na­tu­ra­li per la creazione di un profilo di link, i col­le­ga­men­ti iper­te­stua­li di questo tipo hanno at­tual­men­te solo un basso valore per la va­lu­ta­zio­ne della rilevanza di un sito. Invece se in un profilo di backlink sono presenti in­na­tu­ral­men­te molti link nella sidebar e nel footer, ciò può portare a una sva­lu­ta­zio­ne au­to­ma­ti­ca o manuale della pagina da parte del motore di ricerca.

• Link nei commenti: con i link nei commenti si intendono i col­le­ga­men­ti iper­te­stua­li presenti nei contenuti testuali generati dagli utenti, come commenti al blog, re­cen­sio­ni o post nei forum online. Molti gestori dei siti offrono la pos­si­bi­li­tà ai vi­si­ta­to­ri di com­men­ta­re i contenuti o di valutare i prodotti e i servizi. Nel frattempo si possono sistemare nei ri­spet­ti­vi post anche i col­le­ga­men­ti iper­te­stua­li agli altri siti che compaiono come tutti gli altri link in entrata nel profilo di backlink. Come i link nella sidebar e nel footer anche i link nei commenti hanno un grande po­ten­zia­le di ma­ni­po­la­zio­ne e di creazione ar­ti­fi­cia­le di un profilo di backlink in­na­tu­ra­le. Per prevenire le misure antispam, vengono im­ple­men­ta­ti i col­le­ga­men­ti iper­te­stua­li nei commenti spesso au­to­ma­ti­ca­men­te come link nofollow.

• Segnali sociali: nel web 2.0 gli utenti hanno tra­sfor­ma­to in un’abitudine la con­di­vi­sio­ne con i propri contatti sui social media dei contenuti che gli piacciono, che ritengono degni di essere discussi o che vor­reb­be­ro pro­muo­ve­re. Anche in questo caso si tratta di hyperlink che rimandano a partire dai social network alla propria pagina web. In questo contesto si parla di segnali sociali. È con­te­sta­to se, come e in quale misura gli algoritmi del motore di ricerca ricorrano ai segnali sociali come like, con­di­vi­sio­ni e commenti per valutare la rilevanza del sito, in par­ti­co­la­re nel caso in cui i gestori delle reti con­sen­ta­no ai crawler come il Google bot di accedere ai contenuti dei social media solo in maniera limitata.

Un profilo di backlink naturale comprende di solito tutti i tipi di link pre­sen­ta­ti sopra. Decisivi per il ranking dei motori di ricerca sono so­prat­tut­to i content link di qualità e rilevanti sul tema. Tuttavia vale la regola che ogni link in entrata naturale è un buon link, visto che consente agli utenti la visita del vostro sito e rap­pre­sen­ta così una po­ten­zia­le fonte di traffico. Proprio i segnali sociali offrono un grande po­ten­zia­le per rag­giun­ge­re nuovi vi­si­ta­to­ri, so­prat­tut­to quando si tratta di contenuti condivisi che diventano virali.