Title tag

Dove vive il title tag

Il title tag va inserito dentro l'elemento head, nella sezione metadati del documento, prima che si apra il body. Non è un'intestazione visibile in pagina: gli utenti non lo vedono mai nel corpo, solo nella scheda del browser, nei bookmark e nei risultati di ricerca.

Com'è fatto nel codice

Qui sotto un documento HTML valido minimale con il title. Il tag non ha attributi: solo tag di apertura, testo e tag di chiusura.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Buy Laptop in Kyiv — 2026 Catalogue | Brand</title>
  <meta name="description" content="Wide selection of laptops...">
</head>
<body>
  <!-- visible page content -->
</body>
</html>

Pattern tipico: Keyword principale — qualificatore | Brand. Il separatore tra keyword e brand è una pipe |, un trattone lungo — o due punti. La scelta incide sul peso visivo, non sul posizionamento.

Proprietà del title tag

Cosa succede con due title tag

La specifica HTML ammette un solo title. Se una pagina ne ha due è un bug, di solito causato da un conflitto di template engine o da un plugin che inietta il proprio tag.

<!-- Bad: two title tags — markup error -->
<head>
  <title>First title — CMS template</title>
  <!-- ... other tags ... -->
  <title>Second title — injected by plugin</title>
</head>

Cosa succede in pratica:

• Chrome, Firefox, Safari — usano il primo title incontrato e ignorano il secondo.
• Googlebot — la documentazione dice che usa il primo; in pratica il comportamento dipende dalla versione della pipeline di rendering.
• Validatori HTML — segnalano un errore; il W3C lo tratta come violazione della specifica.
• Strumenti di audit SEO — lo riportano come title duplicato o multiplo.
• Risultato: nei risultati di ricerca può comparire una delle due varianti, oppure Google può riscrivere del tutto il title.

Sostituzione: cosa vede il browser vs cosa mostra il motore di ricerca

Esistono due situazioni completamente diverse, spesso confuse sotto la parola «sostituzione»:

Situazione 1: Google riscrive il tuo title. Da agosto 2021 Google ha iniziato ufficialmente a sostituire i link-titolo più spesso. La fonte della sostituzione è l'H1, il testo visibile della pagina o l'anchor text dei link in entrata. L'utente vede il title originale nella scheda del browser; su Google può vederne un altro.

Situazione 2: cloaking. Servire deliberatamente un title al bot e un altro ai visitatori umani viola le linee guida di Google (cloaking). Metodi di implementazione: rilevamento dello user agent sul server o sostituzione via JavaScript. Google individua il cloaking tramite revisori umani e segnali algoritmici. Esito: azione manuale o rimozione completa dall'indice.

Escaping ed emoji

Il title tag contiene testo semplice, ma alcuni caratteri vanno escapati con entità HTML, altrimenti il parser può interpretare male il markup.

<!-- Correct: HTML entities for special characters -->
<title>Coffee &amp; Tea — Buy Online | Brand</title>
<title>Deal &lt;50% off&gt; on Electronics | Brand</title>

<!-- Incorrect: raw characters -->
<title>Coffee & Tea — Buy Online | Brand</title>
<title>Deal <50% off> on Electronics | Brand</title>

• & → & — obbligatorio: un parser HTML può troncare il title su questo carattere.
• < → < e > → > — obbligatorio: altrimenti vengono trattati come tag di apertura/chiusura.
• " → " — non obbligatorio dentro title, ma consigliato nella generazione programmatica.
• Virgolette tipografiche "" e trattini sono sicuri e non richiedono escaping.
• Gli emoji sono tecnicamente validi: <title>🚀 Corso SEO | Brand</title> è HTML valido.

Emoji nel title: cosa funziona e cosa no.

• I browser mostrano gli emoji nella scheda senza problemi.
• Google spesso rimuove gli emoji dal link-titolo nella SERP, soprattutto quando l'emoji è all'inizio.
• Gli emoji occupano più byte (UTF-8), ma Google misura la larghezza del title in pixel (~600 px), quindi un singolo emoji a metà title incide appena sul budget di caratteri utile.
• Bing e Yandex sono più tolleranti di Google verso gli emoji nelle loro pagine di risultati.
• Best practice: testa con Google Rich Results Test o monitora come il title appare davvero in Search Console.

Regole SEO

• 50–60 caratteri di lunghezza. Google mostra ~600 px. Maiuscole e glifi larghi (W, M) consumano più spazio; quelli stretti (i, l) meno. Per il testo latino, 60 caratteri sono un tetto sicuro.
• Prima la keyword. Piazza la query di riferimento nelle prime 3–5 parole. Prima compare, più peso ha e meglio si legge.
• Un title unico per URL. I title duplicati segnalano generazione da template non individualizzata; qualsiasi audit tecnico li segnala.
• Allineato all'H1. Title e H1 non devono essere identici, ma descrivere lo stesso argomento. Le discrepanze di significato invitano Google alla riscrittura.
• Niente keyword stuffing. «Compra laptop Kiev, laptop compra, laptop Kiev» è stuffing classico. Una o due keyword, poi qualificatore e brand.
• Brand in fondo. Eccezione: la homepage, dove il brand può stare all'inizio se è la query di ricerca stessa.
• I numeri alzano il CTR. «Top 10 laptop 2026» prende più clic di «Migliori laptop».
• Evita MAIUSCOLE totali e separatori ripetuti. laptop | laptop | compra | kiev | 2026: Google lo riscriverà.

Come è cambiato il trattamento del title su Google

Checklist

• Il title sta dentro <head>, uno per pagina.
• Lunghezza 50–60 caratteri (usa un contatore in pixel per precisione).
• La keyword principale è la prima o seconda parola.
• Il title è unico, senza duplicati sugli altri URL del sito.
• Il significato è allineato all'H1: le discrepanze invitano Google alla riscrittura.
• I caratteri speciali &, <, > sono sostituiti con entità HTML.
• Niente keyword stuffing: la frase di riferimento compare una volta.
• Brand in fondo dopo | o —.
• Emoji verificati in Search Console o Rich Results Test.