Title tag: qué es y cómo optimizarla para SEO
La title tag es el elemento HTML que define el título de una página y aparece como el enlace azul en el que se hace clic en los resultados de Google. Está dentro de la etiqueta , orienta a los buscadores sobre el tema de la página e influye directamente en el CTR. Es una de las señales de SEO on-page más visibles e importantes.
¿Qué es una title tag?
La title tag (etiqueta de título) es el elemento HTML que indica a los buscadores y a los navegadores cuál es el título de una página. En los resultados de búsqueda, aparece como el texto azul en el que se hace clic para llegar al sitio, y suele ser el primer contacto del usuario con tu contenido en la SERP.
El mismo título también se muestra en la pestaña del navegador y cuando la página se comparte en redes sociales (cuando no hay una etiqueta Open Graph específica). Por ser tan visible, Moz considera la title tag uno de los elementos de SEO on-page más importantes, ya que pesa tanto en el posicionamiento como en la tasa de clics.
La etiqueta title en HTML: dónde está y ejemplo de código
La etiqueta <title> siempre está dentro del <head> del documento HTML, antes del contenido visible de la página. Cada página debe tener una única title tag, con un título exclusivo.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Title tag: qué es y cómo optimizarla para SEO</title>
<meta name="description" content="Aprende qué es la title tag y cómo optimizarla.">
</head>
<body>
...
</body>
</html>Según la documentación de Google Search Central, el título que se muestra en el resultado (el title link) se genera principalmente a partir del contenido de esa etiqueta <title>, así que completarla con un texto claro y descriptivo es el punto de partida de la optimización.
No confundas la title tag con la meta description: la primera es el título en el que se hace clic, la segunda es el texto de apoyo que aparece justo debajo de él en la búsqueda.
¿Cuál es el tamaño ideal de una title tag?
Según Moz, Google suele mostrar los primeros 50 a 60 caracteres del título, con base en un espacio de alrededor de 600 píxeles. Los títulos más largos no se penalizan, pero el texto que sobra se corta con puntos suspensivos en la SERP.
| Rango | Caracteres | Píxeles (escritorio) | Comportamiento |
|---|---|---|---|
| Ideal | 50 a 60 | hasta ~600px | Se muestra completo en la mayoría de los casos |
| Límite | 60 a 70 | ~600px | Riesgo de truncamiento |
| Demasiado largo | más de 70 | más de 600px | Cortado con puntos suspensivos |
| Demasiado corto | menos de 20 | variable | Desperdicia espacio y contexto |
Ahrefs llega a la misma recomendación y refuerza que los títulos por debajo de 60 caracteres rara vez se truncan. Como cada letra ocupa un ancho diferente (la "W" es más ancha que la "i"), el píxel es una medida más precisa que el conteo de caracteres. En la práctica, mantener el título cerca de 55 caracteres es el camino seguro para no truncar ni en escritorio ni en móvil. Un título bien conciso también ayuda a la página a disputar espacio en el featured snippet.
Google reescribe títulos: qué cambia eso
Escribir la title tag perfecta no garantiza que aparezca exactamente como la definiste. Desde la actualización de 2021, Google empezó a generar el título del resultado a partir de varias fuentes, y no solo de la etiqueta <title>.
Un estudio de Zyppy, realizado por Cyrus Shepard en 2021, analizó más de 80.000 títulos de 2.370 sitios y concluyó que Google reescribió, al menos en parte, el 61,6% de ellos. El mismo estudio mostró que los títulos con más de 70 caracteres se reescribieron casi el 100% de las veces, y que alinear el <title> con el H1 reduce la probabilidad de reescritura.
La propia documentación de Google Search Central enumera los principales detonantes de reescritura: títulos vacíos, duplicados entre páginas, llenos de palabras clave o que describen mal el contenido. La lección práctica: mantén el título corto, único, relevante y alineado con el contenido real de la página. Así reduces el riesgo de que Google cambie tu título por uno que no controlas.
Fórmula de title tag que aumenta el CTR (con ejemplos de antes y después)
Una buena title tag responde a la intención de búsqueda de entrada y además da un motivo para hacer clic. Una fórmula que funciona bien:
Palabra clave principal + Beneficio o diferencial + Marca
Coloca la palabra clave al principio, añade un gancho (un número, el año, un beneficio, "gratis", "paso a paso") y cierra con la marca cuando haya espacio. Mira ejemplos de antes y después:
| Antes (débil) | Después (optimizado) |
|---|---|
| Página de inicio | Zapatillas de running para hombre: 42 modelos con envío gratis | Tienda X |
| Blog | Publicación sobre café | Cómo hacer el café de filtro perfecto: guía paso a paso |
| title tag | Title tag: qué es y cómo optimizarla para SEO |
Ahrefs recomienda que cada página tenga un título único y evite la acumulación de palabras clave (keyword stuffing). Cada título debe describir con precisión lo que la persona va a encontrar y dialogar con la promesa de la meta description justo debajo de él.
Title tag vs. H1: ¿cuál es la diferencia?
Es común confundir los dos, pero tienen funciones distintas. La title tag es el título que aparece en la pestaña del navegador y en la SERP; vive en el <head> y no siempre se ve dentro de la página. En cambio, el H1 es el título principal visible en el cuerpo de la página, dentro del <body>.
| Aspecto | Title tag | H1 |
|---|---|---|
| Dónde está | <head> | <body> |
| Dónde aparece | Pestaña del navegador y SERP | Parte superior del contenido de la página |
| Cantidad por página | Una | Idealmente una |
| Límite práctico | ~50 a 60 caracteres | Sin límite estricto |
Como observa Moz, los dos no tienen que ser idénticos: la title tag puede ser más concisa y orientada al clic, mientras que el H1 puede ser más descriptivo para la lectura. Lo ideal es que estén alineados en el tema, lo que, como vimos, también reduce la probabilidad de que Google reescriba tu título.