onpage

Imposta un tag <title> su ogni pagina

MetricSpot cerca un <title> non vuoto nell'head. È il segnale on-page di ranking più forte e il titolo di ogni risultato di ricerca, scheda browser e card di link condiviso.

Cosa controlla questo check

Cerca un elemento <title> non vuoto nel <head> della pagina. Il check fallisce quando:

  • Il tag è mancante.
  • Il contenuto è vuoto (<title></title>).
  • Il contenuto è il default del framework (Untitled, Document, Vite + React, Astro Starter, ecc.).

Questo è il check di presenza. Il check compagno Lunghezza ottimale del titolo verifica che il titolo stia nella finestra di 30–60 caratteri.

Perché è importante

Il tag title è l’elemento di testo più influente della pagina.

  • Il segnale di ranking on-page più forte. Google ha confermato da oltre un decennio che <title> è uno dei primi tre fattori di ranking on-page (insieme a contenuto e H1).
  • Il titolo in ogni risultato di ricerca. Quello che gli utenti vedono in Google, Bing, DuckDuckGo e ogni answer engine AI. Un titolo mancante significa che Google ne genera uno dal tuo <h1> o testo visibile — spesso sbagliato, a volte imbarazzante.
  • Testo della scheda del browser. Gli utenti con 20 schede aperte identificano la tua pagina dai primi 15–20 caratteri del titolo. “Untitled” o “Page” è non trovabile.
  • Anteprime di link condivisi. Quando og:title è mancante, Facebook, LinkedIn, Slack e X ripiegano su <title>. Imposta entrambi — vedi Tag Open Graph principali.
  • Estrazione AI. ChatGPT, Perplexity e Google AI Overviews usano il titolo come headline quando citano la pagina in una risposta.

Come risolvere

Metti un titolo unico e descrittivo nel <head>. Matcha l’intento dell’utente — cosa digiterebbe in Google per trovare questa pagina?

<head>
  <title>Free SEO audit in 60 seconds — MetricSpot</title>
</head>

Pattern: keyword specifica della pagina prima, poi brand.

[Contenuto specifico della pagina] — [Nome brand]

Esempi:
- Free SEO audit in 60 seconds — MetricSpot
- Pricing — MetricSpot
- How HSTS works — MetricSpot docs

Il separatore a trattino è un visuale Google-friendly; en-dash, em-dash e pipe funzionano tutti. Scegline uno e usalo coerentemente in tutto il sito.

Astro:

---
const { title } = Astro.props;
---
<title>{title} — MetricSpot</title>

Next.js (App Router):

// app/page.tsx
export const metadata = {
  title: "Free SEO audit in 60 seconds — MetricSpot",
};

// Template per rotte annidate
// app/layout.tsx
export const metadata = {
  title: { default: "MetricSpot", template: "%s — MetricSpot" },
};

WordPress — ogni tema moderno emette <?php wp_title(); ?> o usa il nuovo hook wp_head(). Yoast SEO e Rank Math permettono entrambi di impostare un template del titolo in SEO → Search Appearance.

Regole che Google fa rispettare.

  • Un titolo per pagina. Tag <title> multipli = comportamento indefinito; i browser e Google leggono il primo e ignorano il resto.
  • Titolo nel <head>, non nel body. Un titolo dentro <body> non conta come titolo della pagina.
  • Niente keyword stuffing. “Best SEO tool | SEO audit | Audit SEO | SEO check | …” è un pattern di violazione qualità di Google che fa riscrivere il titolo.
  • Niente TUTTO MAIUSCOLO. Google riscrive i titoli in maiuscolo come title case nei risultati di ricerca.

Verifica tu stesso:

curl -s https://yourdomain.com/ | grep -oE '<title>[^<]*</title>'

Se l’output è vuoto, mancante o mostra un placeholder del framework, il titolo è rotto.

Domande frequenti

Ogni pagina dovrebbe avere un titolo unico?

Sì. I titoli duplicati confondono Google su quale pagina mostrare per una query, e Search Console li segnala come problema di qualità. Se due pagine hanno legittimamente lo stesso titolo (archivi paginati, varianti di ordinamento), usa un rel="canonical" per consolidarle.

Il titolo influisce sulla favicon della scheda browser?

No — quella è la favicon (un file separato). Il titolo è il testo nella scheda. Entrambi contano, entrambi vanno impostati.

E se uso JavaScript per impostare il titolo dinamicamente?

Il titolo renderizzato server-side è ciò che Google legge al primo crawl. Googlebot renderizza JavaScript nei crawl di seconda passata, quindi un titolo impostato via JS viene raccolto — ma con un ritardo da ore a giorni. Per le pagine dove il ranking conta, imposta il titolo server-side.

Fonti

Ultimo aggiornamento 2026-05-11