Posa una tag <title> a cada pàgina

Què comprova aquesta auditoria

Busca un element <title> no buit al <head> de la pàgina. La comprovació falla quan:

La tag no hi és.
El contingut és buit (<title></title>).
El contingut és el per defecte del framework (Untitled, Document, Vite + React, Astro Starter, etc.).

És la comprovació de presència. La complementària longitud òptima del title verifica que el títol encaixa a la finestra de 30-60 caràcters.

Per què importa

La tag de títol és l’element de text amb més influència de la pàgina.

Senyal de posicionament on-page més fort. Google ha confirmat durant més d’una dècada que <title> és un dels tres factors de posicionament on-page principals (juntament amb el contingut i H1).
El titular a cada resultat de cerca. El que veuen els usuaris a Google, Bing, DuckDuckGo i cada motor d’IA de respostes. Un títol absent fa que Google en generi un des del teu <h1> o text visible, sovint malament, de vegades vergonyós.
Text de la pestanya del navegador. Els usuaris amb 20 pestanyes obertes identifiquen la teva pàgina pels primers 15-20 caràcters del títol. “Untitled” o “Page” és impossible de trobar.
Previsualitzacions d’enllaços compartits. Quan og:title falta, Facebook, LinkedIn, Slack i X recorren a <title>. Posa els dos, consulta tags d’Open Graph.
Extracció d’IA. ChatGPT, Perplexity i les AI Overviews de Google fan servir el títol com a titular quan citen la pàgina en una resposta.

Com solucionar-ho

Posa un títol únic i descriptiu al <head>. Coincideix amb la intenció de l’usuari: què escriuria a Google per trobar aquesta pàgina?

<head>
  <title>Auditoria SEO gratuïta en 60 segons, MetricSpot</title>
</head>

Patró: contingut específic de la pàgina primer, després la marca.

[Contingut específic de la pàgina], [Nom de la marca]

Exemples:
- Auditoria SEO gratuïta en 60 segons, MetricSpot
- Preus, MetricSpot
- Com funciona HSTS, docs de MetricSpot

El separador en forma de guió és un visual amigable a Google; guió curt, guió llarg i pipe funcionen tots. Tria’n un i fes-lo servir consistentment a tot el lloc.

Astro:

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

Next.js (App Router):

// app/page.tsx
export const metadata = {
  title: "Auditoria SEO gratuïta en 60 segons, MetricSpot",
};

// Plantilla per a rutes niades
// app/layout.tsx
export const metadata = {
  title: { default: "MetricSpot", template: "%s, MetricSpot" },
};

WordPress: cada tema modern emet <?php wp_title(); ?> o fa servir el nou hook wp_head(). Yoast SEO i Rank Math et permeten posar una plantilla de títol a SEO → Aparença de cerca.

Regles que Google imposa.

Un títol per pàgina. Múltiples tags <title> = comportament indefinit; els navegadors i Google llegeixen el primer i ignoren la resta.
Títol al <head>, no al body. Un títol dins de <body> no compta com a títol de la pàgina.
No facis keyword stuffing. “Millor eina SEO | Auditoria SEO | Audita SEO | Comprovació SEO | …” és un patró de violació de qualitat de Google que fa que el títol es reescrigui.
No facis servir TOT EN MAJÚSCULES. Google reescriu els títols en majúscules a tipus título als resultats.

Audita’t:

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

Si la sortida és buida, falta o mostra un placeholder de framework, el títol està trencat.

Preguntes freqüents

Cada pàgina ha de tenir un títol únic?

Sí. Els títols duplicats confonen Google sobre quina pàgina fer aparèixer per a una consulta, i Search Console els marca com a problema de qualitat. Si dues pàgines legítimament tenen el mateix títol (arxius paginats, variants d’ordenació), fes servir un rel="canonical" per consolidar-les.

El títol afecta la favicon de la pestanya del navegador?

No, això és el favicon (un fitxer separat). El títol és el text a la pestanya. Tots dos importen, tots dos s’han de posar.

I si faig servir JavaScript per posar el títol dinàmicament?

El títol renderitzat al servidor és el que llegeix Google al primer rastreig. Googlebot renderitza JavaScript en rastreigs de segona passada, així que un títol posat per JS s’acaba agafant, però amb un retard d’hores a dies. Per a pàgines on importa el posicionament, posa el títol al servidor.