Hai un sito con pagine lunghe, contenuti ben scritti, struttura logica. Eppure Google fatica a capire come sono collegate le sezioni, e gli utenti abbandonano prima di arrivare al punto che conta. Spesso il problema non è il contenuto: è la navigazione ipertestuale, e in particolare il modo in cui vengono usate (o non usate) le ancore HTML.
Ho visto siti con decine di pagine ottimizzate che non sfruttavano un singolo anchor link interno. Nessun collegamento tra sezioni correlate, nessun rimando contestuale, anchor text generici come “clicca qui” disseminati ovunque. Il risultato: bot che scansionano male, utenti che si perdono, opportunità SEO sprecate.
Il tag <a> è uno degli elementi più semplici dell’HTML. È anche uno dei più sottovalutati quando si parla di architettura del sito e ottimizzazione. Non è solo questione tecnica: è questione di come Google legge il tuo contenuto e di come un utente (o un modello AI) naviga e comprende la tua pagina.
In questa guida ti spiego cos’è un anchor HTML, come si costruisce correttamente, e perché usarlo bene fa la differenza tra un sito che Google trova e uno che Google capisce davvero.
Cos’è un anchor in HTML e come funziona
Un anchor HTML è l’elemento che rende il web ipertestuale: permette di collegare una parola, una frase o un elemento visivo a un’altra risorsa, a una pagina diversa o a una sezione specifica della stessa pagina.
Il tag <a> è il marcatore HTML che definisce questo collegamento. È importante distinguere due utilizzi del termine “anchor”: da un lato indica il link in sé, cioè l’elemento cliccabile; dall’altro indica il punto di destinazione all’interno di una pagina, cioè l’ancora come target. Entrambi usano lo stesso tag, ma con attributi diversi.
Attributi fondamentali del tag anchor
Per usare correttamente il tag <a>, devi conoscere i quattro attributi che ne determinano il comportamento. Eccoli con una spiegazione di quando e perché usarli:
href: definisce la destinazione del link. Può essere un URL assoluto, un percorso relativo, un’ancora interna (#id), un indirizzo email (mailto:) o un numero di telefono (tel:).id: trasforma qualsiasi elemento HTML in un punto di destinazione raggiungibile via ancora. Non si usa solo sul tag<a>: può stare su un<h2>, un<div>, un<section>.target: specifica dove si apre il link. Il valore_blankapre in una nuova scheda, ma richiede sempre l’attributorelabbinato.rel: descrive la relazione tra la pagina corrente e quella di destinazione. I valori più rilevanti per la SEO sononofollow,noopenerenoreferrer.
Come si usa il tag anchor in HTML: sintassi ed esempi
La sintassi base del tag anchor è semplice, ma ogni caso d’uso ha una struttura leggermente diversa. Vedere gli esempi affiancati al codice è il modo più rapido per capire le differenze.
Link esterno:
<a href="https://www.esempio.com" target="_blank" rel="noopener noreferrer">Visita il sito</a>
Link interno al sito (stessa struttura del dominio):
<a href="/contatti/">Contattami</a>
Link mailto (apre il client email):
<a href="mailto:info@esempio.com">Scrivimi</a>
Link tel (attiva la chiamata su mobile):
<a href="tel:+390123456789">Chiamami</a>
La differenza che conta per la SEO non sta tanto nella sintassi, quanto in quello che metti dentro al tag: l’anchor text.
Anchor link interni alla pagina: come creare ancore
L’ancora interna è la funzione più sottovalutata del tag <a>. Permette di creare link che portano l’utente (e il bot) direttamente a una sezione specifica della stessa pagina, senza ricaricare nulla.
Si costruisce in due passi:
Passo 1 — Assegna un id all’elemento di destinazione:
<h2 id="come-funziona">Come funziona</h2>
Passo 2 — Crea il link che punta a quell’id con #:
<a href="#come-funziona">Vai alla sezione Come funziona</a>
Quando l’utente clicca, il browser scrolla automaticamente fino all’elemento con quell’id. Questa tecnica è utile per i sommari in cima agli articoli lunghi, per i menu di navigazione su pagine di atterraggio, e per migliorare la leggibilità di guide tecniche come questa.
Link a un anchor in un’altra pagina
Puoi combinare URL e ancora per portare l’utente direttamente a una sezione specifica di una pagina diversa. La sintassi è:
<a href="pagina.html#id-sezione">Vai alla sezione specifica</a>
Esempio concreto:
<a href="/guida-seo/#anchor-text">Come scegliere l'anchor text</a>
Questo tipo di link è particolarmente utile nella link building interna: invece di puntare sempre alla homepage o alla pagina radice, puoi indirizzare il lettore al paragrafo esatto che risponde alla sua domanda.
Anchor HTML e SEO: perché le ancore contano per Google
Le ancore non sono solo un elemento di navigazione. Sono segnali semantici che Google usa per capire la struttura del tuo contenuto e la relazione tra le pagine del sito.
Quando il bot di Google incontra un tag <a>, legge tre cose: la destinazione (l’href), il testo del link (l’anchor text) e il contesto semantico in cui si trova. Più questi tre elementi sono coerenti, più il motore può costruire una mappa precisa del tuo sito.
I link interni con anchor text descrittivi distribuiscono autorità tra le pagine e aiutano Google a capire quale pagina è rilevante per quale query. È uno degli aspetti più trascurati dell’ottimizzazione on-page, eppure ha un impatto diretto sulla scansione e sull’indicizzazione.
Come scegliere un anchor text ottimizzato
L’anchor text è il testo visibile di un link: quello che l’utente legge e clicca, e che Google usa per capire il contesto della pagina di destinazione. Sceglierlo bene è una delle pratiche SEO più semplici e più spesso fatte male.
Questi sono i criteri che seguo:
- Descrittivo e pertinente: l’anchor text deve dire dove porta il link. “Come ottimizzare i meta tag” è infinitamente meglio di “clicca qui”.
- Coerente con la keyword target della pagina di destinazione: se la pagina a cui punti si posiziona per “audit SEO“, usa quelle parole nell’anchor.
- Non ripetitivo: usare sempre la stessa ancora esatta per tutti i link verso la stessa pagina appare artificiale. Varia con sinonimi e formulazioni naturali.
- Non generico: “leggi di più”, “scopri”, “qui” non dicono nulla né all’utente né a Google.
Ancora sbagliata: <a href="/seo-tecnica/">clicca qui</a>
Ancora giusta: <a href="/seo-tecnica/">come funziona la SEO tecnica</a>
Errori comuni con le ancore HTML da evitare
Gli errori sulle ancore si ripresentano sempre. Li vedo in audit dopo audit, indipendentemente dalla dimensione del sito o dal settore. Eccoli con la soluzione diretta:
idduplicati nella stessa pagina: se due elementi hanno lo stessoid, il browser porta l’utente al primo che trova. Soluzione: ogniiddeve essere unico all’interno del documento.hrefvuoto o con solo#:<a href="#">non porta da nessuna parte e crea loop di navigazione. Soluzione: assegna sempre una destinazione reale o rimuovi il tag.target="_blank"senzarel="noopener noreferrer": aprire link esterni in una nuova scheda senza questo attributo espone il sito a vulnerabilità di sicurezza (reverse tabnapping). Soluzione: aggiungi semprerel="noopener noreferrer"quando usi_blank.- Anchor text non accessibili: link con solo immagini e nessun testo alternativo, o link con testo generico come “qui”, non comunicano nulla agli screen reader né ai motori. Soluzione: usa sempre testo descrittivo o attributo
altsull’immagine linkata. - Ancore che puntano a id inesistenti: se l’elemento di destinazione è stato rimosso o rinominato, il link non porta da nessuna parte. Soluzione: verifica periodicamente la coerenza tra
href="#id"e gliidpresenti nella pagina.
Cos’è un anchor?
Un anchor è un elemento HTML rappresentato dal tag <a> che crea un collegamento ipertestuale verso un URL, una sezione della stessa pagina o una risorsa esterna. Il termine copre due funzioni distinte: l’ancora come link in uscita (quando href punta a una destinazione) e l’ancora come punto di arrivo (quando un elemento ha un id a cui altri link fanno riferimento). Nella pratica quotidiana si usa spesso “anchor” per indicare entrambi, ma distinguere le due funzioni aiuta a costruire una struttura di navigazione più precisa e leggibile sia per gli utenti che per i motori di ricerca.
Come creare un anchor link?
Si usa href="#id-sezione" nel tag <a> e si assegna quell’id all’elemento di destinazione nella stessa pagina. Ecco il codice minimo pronto all’uso:
<!-- Elemento di destinazione -->
<h2 id="prezzi">Prezzi e piani</h2>
<!-- Link che porta a quella sezione -->
<a href="#prezzi">Vai ai prezzi</a>
Funziona anche tra pagine diverse aggiungendo il percorso prima del #: href="/pagina/#prezzi".
Cos’è l’anchor text?
L’anchor text è il testo cliccabile di un link, quello che l’utente vede evidenziato e che i motori di ricerca leggono per capire il contesto della pagina di destinazione. È il contenuto che sta tra il tag di apertura <a> e quello di chiusura </a>.
Un anchor text descrittivo migliora sia l’esperienza utente (l’utente sa dove sta andando prima di cliccare) sia la SEO (Google usa quelle parole per attribuire rilevanza tematica alla pagina linkata). Usare anchor text generici come “clicca qui” o “leggi di più” è uno dei modi più rapidi per sprecare il potenziale di un link interno.
Vuoi ottimizzare i link interni del tuo sito? Contattami per una consulenza SEO personalizzata.
Se quello che hai letto ti risuona, fammi sapere su cosa stai lavorando.
Contattami
Autore
Adriana Longhitano
SEO Specialist con oltre 8 anni di esperienza. Progetto strategie di visibilità organica per aziende e professionisti che vogliono essere trovati — su Google e nei sistemi AI. Specializzata in GEO (Generative Engine Optimization), SEO tecnica e architettura dell’informazione.
