Link ancora: come creare link a una sezione in HTML e nel vostro CMS, e cosa portano alla SEO

Un link ancora, detto anche link di salto o ancora di link, è una delle funzioni più antiche dell'HTML e una delle più utili sui contenuti lunghi. Permette al lettore di arrivare subito alla risposta che cerca invece di scorrere. Google considera i link un segnale centrale dei rapporti tra le pagine, e le sue best practice sui link ricordano che devono essere veri elementi a con un href. Questa guida mostra come creare link ancora in HTML e nei principali CMS, cosa portano alla SEO e alle risposte delle IA e come si collegano all'anchor text.

Che cos'è un link ancora?

Un link ancora è un collegamento ipertestuale la cui destinazione è un punto all'interno di una pagina. L'URL termina con un cancelletto seguito da un identificativo, chiamato frammento: esempio.it/guida#passo-3. Al clic, il browser carica la pagina (o vi rimane) e scorre fino all'elemento con id passo-3.

Gli usi più comuni sono tre:

• Navigazione nella stessa pagina: un indice all'inizio di un articolo, o un link «torna su».
• Link profondi da un'altra pagina: collegare un articolo a una sezione precisa di un altro, per esempio una definizione in un glossario.
• Condividere un passaggio preciso: mandare un collega direttamente al paragrafo che risponde alla sua domanda.

I motori di ricerca trattano esempio.it/guida ed esempio.it/guida#passo-3 come la stessa pagina. Il frammento non crea mai un nuovo URL da indicizzare, quindi i link ancora non possono causare contenuti duplicati.

Come si crea un link ancora in HTML?

Bastano due pezzi di codice: un id sulla destinazione e un link che punta a esso.

1. Aggiungere un id alla destinazione: <h2 id="prezzi">Prezzi</h2>. Usate lettere minuscole, numeri e trattini, senza spazi né accenti, e mantenete ogni id unico nella pagina.
2. Collegarlo nella stessa pagina: <a href="#prezzi">Vedi i prezzi</a>.
3. Collegarlo da un'altra pagina: <a href="/guida#prezzi">Sezione prezzi della guida</a>.
4. Testarlo: cliccate il link e verificate che il titolo compaia in cima allo schermo e non resti nascosto sotto un'intestazione fissa (la proprietà CSS scroll-margin-top risolve il problema).

Il vecchio metodo, <a name="prezzi"></a>, funziona ancora nei browser ma è obsoleto in HTML5. Mettete l'id direttamente sul titolo. Una funzione affine, i frammenti di testo, permette a un link di evidenziare un passaggio senza alcun id, con la sintassi #:~:text=, come documenta MDN. Google usa questo meccanismo quando porta i visitatori al passaggio citato in alcuni featured snippet.

Come si aggiungono link ancora in WordPress, Shopify, Webflow o Wix?

Ogni grande CMS permette di impostare un id senza toccare il template. Cambia solo il nome del campo.

Se il vostro CMS genera gli id da solo, controllateli: alcuni riprendono l'intero testo del titolo, producendo frammenti lunghi e instabili che si rompono quando modificate il titolo.

I link ancora aiutano la SEO?

I link ancora sono prima di tutto una funzione di usabilità. Il loro valore SEO è indiretto, ma reale sui contenuti lunghi:

• Link «Vai a» nei risultati: su pagine lunghe e ben strutturate, Google a volte mostra link alle sezioni sotto il risultato, il che può aumentare visibilità e clic. È Google a decidere quando mostrarli.
• Migliore individuazione dei passaggi: titoli chiari con id aiutano motori di ricerca e assistenti IA a trovare una risposta precisa in una pagina lunga, la stessa logica dei featured snippet.
• Coinvolgimento: un indice porta il lettore alla parte che gli serve, invece di farlo uscire per cercarla altrove.
• Accessibilità: i link di salto e la navigazione interna aiutano chi usa la tastiera o uno screen reader, un principio delle linee guida sull'accessibilità del W3C.
• Link interni precisi: puntare a #definizione in un altro articolo porta il lettore al passaggio esatto e rafforza la vostra struttura di link interni.

Cosa non fanno i link ancora: non trasmettono autorità aggiuntiva, perché un link a pagina#sezione conta come link alla pagina, e non sostituiscono un buon contenuto. Un avvertimento tecnico arriva direttamente dalle nozioni di base sulla SEO per JavaScript di Google: non usate i frammenti per caricare contenuti diversi, perché Googlebot non riesce a risolvere quegli URL in modo affidabile. Usate i frammenti solo per scorrere dentro contenuti già presenti nella pagina.

Che differenza c'è tra link ancora e anchor text?

I due termini sono vicini e spesso confusi. Il link ancora riguarda dove porta un link (una sezione). L'anchor text riguarda cosa dice il link (le parole cliccabili). La nostra voce di glossario sull'anchor text approfondisce il secondo tema.

Quali best practice per i link ancora e il loro testo?

Ogni link ancora ha anche un anchor text, quindi le due serie di regole valgono insieme.

• Id brevi e leggibili: #prezzi, #installazione, invece di #sezione-1 o di un frammento di 12 parole.
• Testo del link descrittivo: Google raccomanda un testo descrittivo, ragionevolmente conciso e pertinente, e sconsiglia formule generiche come «clicca qui».
• Un indice sulle pagine lunghe: oltre circa 1500 parole, elencate le sezioni H2 in alto, ognuna collegata al suo id.
• Titoli in forma di domanda: titoli formulati come le domande reali degli utenti rendono i link alle sezioni più utili e più facili da citare.
• Id stabili: non cambiate un id dopo la pubblicazione se altre pagine o siti lo collegano.
• Verificare la struttura: un analizzatore della struttura dei titoli mostra se i livelli H2 e H3 sono puliti prima di aggiungere le ancore.

Quali errori evitare?

• Id duplicati: due elementi con lo stesso id fanno saltare il link solo al primo.
• Destinazioni nascoste: un titolo dentro una scheda o una fisarmonica chiusa può non essere raggiungibile dal link.
• Intestazioni fisse che coprono il titolo: aggiungete scroll-margin-top nel CSS.
• Navigazione basata sui frammenti: le applicazioni a pagina singola che cambiano contenuto con URL #/pagina sono difficili da scansionare per Google.
• Anchor text sovraottimizzato: ripetere la stessa parola chiave esatta in ogni link sembra manipolazione.

Conclusione

Un link ancora porta il lettore a una sezione precisa di una pagina tramite un frammento #id. Lo create aggiungendo un id al titolo e collegandolo, in HTML o dalle impostazioni del vostro CMS. I benefici SEO sono indiretti ma concreti sui contenuti lunghi: indici, possibili link alle sezioni in Google, passaggi più chiari per le risposte delle IA e link interni più precisi, purché l'anchor text resti descrittivo. Se preferite non strutturare ogni articolo a mano, Sorank, il nostro software SEO e GEO in autopilot, scrive articoli strutturati con titoli in forma di domanda e link interni e li pubblica sul vostro CMS: scoprite il generatore di articoli per blog con IA e provatelo con 3 giorni gratuiti.