Title e H1: chi fa cosa nella pagina

Il title è il testo che Google può mostrare come link del risultato, l'H1 è il titolo visibile in cima alla pagina. Google riscrive il title quando la query lo chiede e non tocca l'H1: per questo i due testi non devono coincidere parola per parola.

Cosa fa il title

Il title link non è un campo che compili e vedi in SERP: Google lo costruisce da più fonti, e il <title> è solo la principale. La documentazione sui title link, letta il 1 novembre 2026, dice che non esiste un limite di lunghezza per l'elemento, ma che il title link viene troncato per stare nella larghezza del dispositivo. Aggiunge di evitare keyword stuffing e titoli boilerplate identici su ogni pagina.

Cosa fa l'H1

L'H1 è struttura del documento, non metadato. Descrive il contenuto che l'utente ha davanti e può essere più lungo del title, perché non compete con altri risultati nella stessa lista. Su una pagina ce n'è uno: due H1 non confondono Google, ma tolgono al lettore e allo screen reader il punto di ingresso.

Misurare i due campi su un sito

cat > check-title-h1.mjs  line.trim())
  .filter(Boolean);
for (const url of urls) {
  const html = await (await fetch(url)).text();
  const title = (html.match(/]*>([\s\S]*?)/i) || [])[1] || "";
  const h1 = [...html.matchAll(/]*>([\s\S]*?)/gi)];
  const text = h1.map((m) => m[1].replace(/]+>/g, "").trim());
  console.log(`${String(title.length).padStart(3)} title  ${String(text.length).padStart(2)} h1  ${url}`);
  if (text.length === 0) console.log("    no h1 in the served HTML");
}
EOF
printf '%s\n' https://ui.eneawork.it/ https://ui.eneawork.it/blog https://ui.eneawork.it/blog/come-aggiungere-schema-markup > urls.txt
node check-title-h1.mjs urls.txt

Lo script legge l'HTML servito, non il DOM dopo l'idratazione, e stampa lunghezza del title, numero di H1 e URL. La distinzione conta: la home di questo sito dichiara un titolo e zero H1 nell'HTML iniziale, mentre l'articolo ne dichiara uno. La differenza la vede solo chi legge il sorgente.

La regola pratica

• Title: una promessa verificabile che regge da sola, senza il nome del sito davanti.
• H1: la frase che apre il contenuto, e può ripetere il title solo se il title è già corto.
• Google non pubblica un limite di caratteri: il troncamento dipende dal dispositivo, quindi la parte decisiva va nelle prime parole.
• Un solo H1 per pagina, e lo stesso testo nell'indice interno della pagina.

Il record dal vivo

Il catalogo offre header con la gerarchia già impostata: hero, header e la lista completa dei 1.556 blocchi. In un blocco hero l'H1 è l'elemento che il blocco deve rendere una volta sola: se incolli due hero nella stessa pagina ottieni due H1. Dati verificati il 1 novembre 2026.

La limitazione

Il conteggio degli H1 dipende da come il sito viene servito. Una pagina costruita in JavaScript può mostrare un H1 nel browser e nessuno nell'HTML iniziale: Google esegue il rendering, ma ogni passaggio in più è tempo e rischio. La misura qui sopra descrive l'HTML servito, non il DOM finale.

Dove continuare

La scrittura del campo è in come scrivere un title tag; il campo sotto, quello che decide il clic, è in meta description che funziona. La sequenza per entrare nell'indice è in indicizzare un sito su Google, e cosa puoi modificare su WordPress, Wix o componenti React è in WordPress, Wix o componenti React.