Pon una etiqueta <title> en cada página

Q: ¿El title afecta al favicon de la pestaña del navegador?

No: ese es el favicon, un archivo aparte. El title es el texto de la pestaña. Ambos importan, ambos deben configurarse.

Qué comprueba esta auditoría

Busca un elemento <title> no vacío en el <head> de la página. La comprobación falla cuando:

La etiqueta falta.
El contenido está vacío (<title></title>).
El contenido es el placeholder del framework (Untitled, Document, Vite + React, Astro Starter, etc.).

Esta es la comprobación de presencia. La comprobación complementaria Longitud óptima del title verifica que el title encaje en la ventana de 30–60 caracteres.

Por qué importa

La etiqueta title es el elemento de texto más influyente de la página.

Señal de ranking on-page más fuerte. Google lleva más de una década confirmando que <title> es uno de los tres principales factores on-page (junto al contenido y al H1).
El titular en cada resultado de búsqueda. Lo que el usuario ve en Google, Bing, DuckDuckGo y en cualquier motor de respuestas de IA. Si falta, Google lo genera a partir de tu <h1> o del texto visible, muchas veces mal y a veces vergonzosamente.
Texto de la pestaña del navegador. Los usuarios con 20 pestañas abiertas identifican tu página por los primeros 15–20 caracteres del title. “Untitled” o “Page” no se encuentra.
Previsualizaciones al compartir. Cuando falta og:title, Facebook, LinkedIn, Slack y X caen en <title>. Pon los dos: ver Etiquetas Open Graph.
Extracción por IA. ChatGPT, Perplexity y Google AI Overviews usan el title como titular al citar la página en una respuesta.

Cómo solucionarlo

Pon un title único y descriptivo en <head>. Encaja con la intención del usuario: ¿qué teclearía en Google para encontrar esta página?

<head>
  <title>Auditoría SEO gratis en 60 segundos — MetricSpot</title>
</head>

Patrón: palabra clave específica de la página primero, marca después.

[Contenido específico de la página] — [Marca]

Ejemplos:
- Auditoría SEO gratis en 60 segundos — MetricSpot
- Precios — MetricSpot
- Cómo funciona HSTS — Docs de MetricSpot

El guion como separador es visualmente amigable con Google; en-dash, em-dash y la barra vertical funcionan igual. Elige uno y úsalo consistentemente en todo el sitio.

Astro:

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

Next.js (App Router):

// app/page.tsx
export const metadata = {
  title: "Auditoría SEO gratis en 60 segundos — MetricSpot",
};

// Plantilla para rutas anidadas
// app/layout.tsx
export const metadata = {
  title: { default: "MetricSpot", template: "%s — MetricSpot" },
};

WordPress — cualquier tema moderno emite <?php wp_title(); ?> o usa el nuevo hook wp_head(). Yoast SEO y Rank Math te dejan fijar una plantilla de title en SEO → Search Appearance.

Reglas que Google aplica.

Un title por página. Varios <title> = comportamiento indefinido; los navegadores y Google leen el primero e ignoran el resto.
El title en el <head>, no en el body. Un title dentro de <body> no cuenta como title de la página.
No metas keywords a presión. “Mejor herramienta SEO | Auditoría SEO | Audita SEO | Comprueba SEO | …” es un patrón que Google reescribe por violar la calidad.
No uses TODO EN MAYÚSCULAS. Google reescribe los titles en mayúsculas a sentence case en los resultados.

Audítalo tú:

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

Si la salida está vacía, falta o muestra un placeholder de framework, el title está roto.

Preguntas frecuentes

¿Cada página debe tener un title único?

Sí. Los titles duplicados confunden a Google sobre qué página mostrar para una consulta, y Search Console los marca como problema de calidad. Si dos páginas tienen legítimamente el mismo title (archivos paginados, variantes de orden), usa rel="canonical" para consolidarlas.

¿El title afecta al favicon de la pestaña del navegador?

No: ese es el favicon, un archivo aparte. El title es el texto de la pestaña. Ambos importan, ambos deben configurarse.

¿Y si uso JavaScript para fijar el title dinámicamente?

El title renderizado en el servidor es lo que Google lee en el primer crawl. Googlebot sí renderiza JavaScript en pasadas posteriores, así que un title puesto por JS se acaba captando, pero con un retraso de horas a días. Para páginas donde el ranking importa, pon el title en el servidor.