Che cos’è un collegamento ipertestuale?

In generale si parla quindi di testi non necessariamente lineari che sono collegati tramite collegamenti ipertestuali ad altri testi. Il termine “hypertext” è stato coniato dal filosofo statunitense Ted Nelson. Il sistema di ipertesto maggiormente diffuso al mondo è il servizio Internet World Wide Web (abbreviato in web o WWW). Nel web vengono implementati i collegamenti ipertestuali grazie al linguaggio di markup HTML per collegare tra di loro le pagine web e le altre risorse. Di seguito ci concentriamo sui collegamenti ipertestuali nei documenti web e ne presentiamo struttura, proprietà e modi di utilizzo.

Nei documenti HTML i collegamenti ipertestuali vengono implementati grazie agli elementi <a> e <link>. Mentre l’elemento <a> definisce la posizione di un collegamento ipertestuale nella sezione del contenuto (body) di un documento HTML, si utilizza l’elemento <link> nella sezione intestazione (head) per definire le relazioni agli altri documenti e risorse.

Di seguito ci concentriamo sull’elemento <a> e quindi sui collegamenti ipertestuali nel body dell’HTML che sono visibili agli utenti, possono essere cliccati e appartengono, oltre alla barra degli indirizzi, ai mezzi di navigazione principali del World Wide Web nel browser e nei campi di immissione dei motori di ricerca.

Gli hyperlink nel body dell’HTML vengono implementati 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 cosiddetto testo del link, ovvero un elemento testuale visibile e cliccabile.

Alternativamente si possono anche inserire delle immagini con collegamenti ipertestuali. In questo caso il tag iniziale e quello finale dell’elemento a comprendono il codice HTML per l’integrazione della grafica.

Solitamente l’elemento a non definisce solo l’anchor del collegamento ipertestuale e quindi il punto di partenza del collegamento, bensì anche la destinazione del link. Il target a cui rimanda il collegamento ipertestuale viene stabilito tramite l’attributo href, che si aspetta un identificatore unico, lo Uniform Resource Identifier (URI), come valore. Di solito la destinazione di un collegamento ipertestuale è 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 separatamente tramite spazi vuoti nel tag iniziale del rispettivo elemento HTML.

Gli esempi di link mezionati sopra portano entrambi a una pagina web con URL "https://www.example.org." La trasmissione avviene tramite HTTPS. Questo tipo di collegamento ipertestuale guida di default gli utenti all’inizio della pagina web linkata.

Nel caso si trattasse di un link con una destinazione interna al documento corrente, si utilizzerebbe un markup HTML secondo il seguente schema.

Fate attenzione al fatto che a partire dall’HTML5 le destinazioni dei link all’interno di un documento devono essere definite tramite ID univoci, considerati come anchor. Nell’HTML4 è stato inoltre utilizzato nell’elemento a l’attributo name.

Se invece volete rimandare a un anchor in un documento esterno, combinate l’URL della pagina di destinazione con un simbolo di hash (#) e il rispettivo ID dell’anchor desiderato.

L’elemento a non ha essenzialmente dei componenti obbligatori. Se un collegamento ipertestuale deve essere implementato, è però indispensabile l’indicazione del link tramite href. Inoltre l’elemento a supporta diversi attributi che possono essere utilizzati, se necessario, per mettere a disposizione informazioni aggiuntive per gli utenti o gli user agent.

La seguente tabella comprende gli attributi più importanti dell’elemento a.

Nel collegamento delle pagine web gli hyperlink vengono utilizzati con diverse funzioni. Nell’uso linguistico comune della comunità di Internet si definiscono diversi tipi di link, suddivisibili approssimativamente in hyperlink interni ed esterni. Con i link interni si indicano tutti i rimandi tra le singole sottopagine di un dominio, mentre i link esterni collegano diversi domini tra di loro. I link interni ed esterni servono prima di tutto ai visitatori in carne e ossa per navigare tra le pagine web. Un ulteriore vantaggio degli hyperlink nell’ambito dell’ ottimizzazione per i motori di ricerca (Search Engine Optimization, abbreviato in SEO) è emerso solo con il successo di Google: infatti anche i bot, primi fra tutti i crawler dei motori di ricerca, utilizzano i collegamenti ipertestuali per rendere accessibili i siti e valutare le connessioni alle altre risorse web. Per lungo tempo gli hyperlink sono stati il criterio principale della valutazione di rilevanza di un sito e quindi determinanti per il ranking nel motore di ricerca. Oggi si è relativizzato il valore del collegamento ipertestuale. Infatti gli algoritmi moderni dei motori di ricerca ricorrono a una varietà di fattori di ranking per poter presentare i risultati più rilevanti agli utenti per la rispettiva ricerca. Tuttavia la connessione interna e il profilo di backlink rimangono molto importanti per l’ottimizzazione per i motori di ricerca.

L’organizzazione dei link interni in un progetto web viene chiamata struttura dei link. Le strutture dei link si basano su considerazioni strategiche: l’obiettivo è quello di guidare i flussi dei visitatori su dei percorsi ordinati. Si parla in questo contesto di percorsi, che sono generalmente orientati a un preciso scopo: i gestori degli online shop vorrebbero ad esempio vendere merci e servizi, guadagnare abbonati per la loro newsletter o invogliare i visitatori a partecipare 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 sottopagine di un progetto web vengono così collegate, di modo che ne emerga un percorso stabilito. Ai visitatori vengono rese accessibili le pagine web con una struttura dei link lineare sempre nella sequenza desiderata dal gestore, che ha così il massimo controllo sul percorso. I visitatori potrebbero però sentirsi controllati 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 collegamento interno segue una struttura ad albero, il sito si basa su una strutturazione in cui alle sottopagine del progetto vengono assegnati diversi piani gerarchici. Una simile struttura di link è tipica per gli shop online. Il visitatore richiama di solito prima una landing page ottimizzata per il motore di ricerca e naviga infine nelle categorie e nelle pagine dei prodotti desiderati. L’orientamento tematico delle pagine web (categoria, sottocategoria, prodotto, articolo) diventa di solito più specifico, mano a mano che il potenziale cliente si addentra maggiormente nei livelli inferiori del sito.

• Struttura a stella: è presente una struttura a stella quando una pagina web offre diversi link ad altre pagine equivalenti dello stesso progetto. Un simile principio di organizzazione è tipico per le enciclopedie online come Wikipedia. Là gli utenti trovano in tutti gli articoli dei collegamenti ipertestuali ad altri articoli rilevanti sul tema, in cui vengono spiegati più precisamente i termini a cui si rimanda. All’utente rimane così la possibilità di scegliere in quali settori tematici cimentarsi più a fondo.

• Struttura di rete: le strutture dei link a forma di rete si contraddistinguono per il fatto che quasi tutte le sottopagine di un progetto web sono collegate a ognuna delle pagine web. Un visitatore del sito ha così la possibilità di arrivare alla sottopagina desiderata del sito da qualsiasi punto si trovi.

Tenete presente che nel caso delle strutture dei link presentate qui si tratta di astrazioni. Di solito i gestori dei siti web si servono di un’organizzazione ibrida dei link interni, che integra i concetti delle strategie presentate. Così uno shop online può ad esempio seguire essenzialmente una struttura ad albero e offrire allo stesso tempo tramite menu di navigazione, sidebar e footer una struttura di link a forma di rete, che consenta ai potenziali clienti di lasciare il percorso corrente e di spostarsi su un’altra pagina di categoria, prodotto o servizio.

Gli hyperlink interni hanno un significato 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 desiderati e invoglia a scoprire altri settori delle pagine web. Così una buona struttura di link interni contribuisce anche ad aumentare il tempo di permanenza dei visitatori sul sito. Inoltre un collegamento interno user-friendly viene ritenuto dagli esperti SEO uno dei fattori principali per un buon ranking sul motore di ricerca.

Il gruppo dei collegamenti ipertestuali esterni comprende tutti i link che da un sito sono diretti all’esterno. Ogni link tra due domini è, a seconda della prospettiva, un collegamento ipertestuale in entrata o in uscita.

Come hyperlink in uscita (chiamati anche “outbound link”) si indicano tutti i collegamenti ipertestuali che rimandano al proprio sito, che si riferiscono a una risorsa web di un altro dominio. Di solito i link esterni vengono utilizzati come indicazioni di fonti o raccomandazioni per contenuti di approfondimento.

Fate attenzione al fatto che i collegamenti ipertestuali esterni portano gli utenti dal vostro sito a un altro. Ogni rimando esterno nasconde quindi il rischio di perdere dei visitatori, ma è possibile compensare questa situazione ricorrendo all’attributo HTML target presentato sopra. Se implementate i link esterni secondo lo schema seguente, la destinazione del link del rimando esterno viene aperto a seconda delle impostazioni del browser in una nuova tab o finestra. Il vostro sito rimane così aperto nel browser e i visitatori non lo perdono di vista.

Uno svantaggio dell’attributo target è che il visitatore del sito non può decidere da solo dove verrà aperto il link cliccato. I critici vedono perciò in questo procedimento una limitazione dell’uso. Se viene utilizzato target="_blank", dovreste utilizzare 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 dipendente di Google John Mueller a maggio 2016 in una sessione hangout di Google Webmasters su YouTube. Ma gli hyperlink che offrono ai visitatori un valore aggiunto, rimandando a contenuti di qualità e affidabili, secondo Mueller aumentano comunque la qualità di un sito. Quindi non dovreste rinunciare completamente ai collegamenti ipertestuali in uscita. Mentre Google ha smentito un influsso positivo degli outbound link, è fuori discussione che in alcune circostanze i collegamenti ipertestuali in uscita possano influenzare negativamente il ranking di un sito. Sui siti in cui si scorgono molti link outbound innaturali si corre il rischio che i motori di ricerca li classifichino come spam e reagiscano applicando delle penali, chiamate penaltys.

Come gestore di siti dovreste utilizzare gli hyperlink esterni con cura, visto che i rimandi a un’altra pagina web potrebbero avere in alcune circostanze delle ripercussioni legali, ad esempio nel caso di violazioni del diritto d’autore o di hyperlink che rimandano a contenuti illegali, come proposte di giochi d’azzardo non autorizzati. Maggiori informazioni 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 considerato come una raccomandazione dai motori di ricerca, potete suggerire ai crawler di ignorare il relativo link. Perciò utilizzate l’attributo rel descritto sopra con il valore nofollow. Gli algoritmi dei motori di ricerca non tengono in considerazione i link no follow nella valutazione di pertinenza. Come standard si è affermato questo tipo di link soprattutto nei progetti web, all’interno dei quali anche i visitatori possono pubblicare i propri contenuti comprensivi di hyperlink. I forum online, le piattaforme di valutazione, gli online magazine e i wiki si proteggono in questo modo dai post spam, che servono solo a creare link nell’ambito della Black Hat SEO.

Inoltre i backlink si possono differenziare anche in base alla provenienza dei link. Nell’ambito dell’ottimizzazione per i motori di ricerca si differenzia 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 collegamenti ipertestuali di questo tipo rappresentano una raccomandazione per i contenuti del vostro sito. Anche i motori di ricerca interpretano i link del contenuto come un criterio forte di qualità e di rilevanza. Nell’ambito dei motori di ricerca questi link sono perciò particolarmente preziosi. Nella valutazione di un content link il motore di ricerca include fattori come il testo del link, l’orientamento tematico del sito linkato e l’attendibilità (trust) della provenienza del link.

• Link nella sidebar e nel footer: di solito i link presenti nella sidebar e nel footer non sono implementati direttamente nel contenuto testuale di una pagina web, ma si trovano nelle sezioni del menu posizionate 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 utilizzati per rimandare ai siti dei partner di lavoro, dei clienti, delle associazioni del settore, alle opinioni della stampa o agli sponsor. Visto che prima i link nelle sidebar e nel footer venivano usati soprattutto come misure innaturali per la creazione di un profilo di link, i collegamenti ipertestuali di questo tipo hanno attualmente solo un basso valore per la valutazione della rilevanza di un sito. Invece se in un profilo di backlink sono presenti innaturalmente molti link nella sidebar e nel footer, ciò può portare a una svalutazione automatica o manuale della pagina da parte del motore di ricerca.

• Link nei commenti: con i link nei commenti si intendono i collegamenti ipertestuali presenti nei contenuti testuali generati dagli utenti, come commenti al blog, recensioni o post nei forum online. Molti gestori dei siti offrono la possibilità ai visitatori di commentare i contenuti o di valutare i prodotti e i servizi. Nel frattempo si possono sistemare nei rispettivi post anche i collegamenti ipertestuali 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 potenziale di manipolazione e di creazione artificiale di un profilo di backlink innaturale. Per prevenire le misure antispam, vengono implementati i collegamenti ipertestuali nei commenti spesso automaticamente come link nofollow.

• Segnali sociali: nel web 2.0 gli utenti hanno trasformato in un’abitudine la condivisione con i propri contatti sui social media dei contenuti che gli piacciono, che ritengono degni di essere discussi o che vorrebbero promuovere. 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. È contestato se, come e in quale misura gli algoritmi del motore di ricerca ricorrano ai segnali sociali come like, condivisioni e commenti per valutare la rilevanza del sito, in particolare nel caso in cui i gestori delle reti consentano 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 presentati sopra. Decisivi per il ranking dei motori di ricerca sono soprattutto 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 rappresenta così una potenziale fonte di traffico. Proprio i segnali sociali offrono un grande potenziale per raggiungere nuovi visitatori, soprattutto quando si tratta di contenuti condivisi che diventano virali.