Etiqueta title: guía completa

Qué es la etiqueta title

La etiqueta <title> es un elemento HTML dentro de <head> que da nombre a la página. Los navegadores la muestran en la pestaña, Google la usa como titular clicable en el snippet y las redes sociales la toman para las vistas previas de los enlaces. Entre los factores on-page, el title es de los pocos en los que cambiar una sola línea afecta a la vez a la visibilidad en buscadores y al CTR.

Un title bien escrito cumple tres funciones a la vez: indica al buscador de qué trata la página, consigue el clic en los resultados y crea la primera impresión antes de que el usuario abra la página. Uno mal escrito no posiciona o Google lo reescribe.

zoom_in

La etiqueta title en cifras

El title no es la única señal de posicionamiento, pero sí el único elemento on-page que ven el buscador y el usuario antes de hacer clic. Esa doble exposición explica por qué optimizar el title da un doble rendimiento: mejores posiciones y más CTR.

Breve historia de la etiqueta title

El title forma parte de HTML desde el principio: es uno de los pocos elementos que han sobrevivido a todas las etapas de la web casi sin cambios de sintaxis. Su función y la forma en que lo interpretan los buscadores, en cambio, han cambiado mucho con los años.

La idea principal: el title nunca desapareció ni perdió importancia, pero cambió la lógica para escribirlo. En 1996 ganaba quien metía más palabras clave. En 2026 se gana coincidiendo con precisión con la búsqueda y haciendo que alguien quiera hacer clic.

Dónde aparece la etiqueta title

El title no es una metaetiqueta oculta: los usuarios lo ven en tres interfaces distintas, y en cada una cumple una función diferente. Entender esto ayuda a escribir un title que funcione en todas.

La sintaxis no ha cambiado desde HTML 1.0. El title va dentro de <head>, contiene solo texto plano sin etiquetas HTML anidadas y debe ser único en cada página del sitio.

<head>
  <title>Winter Welders' Workwear — Buy Wholesale | SpecOpt</title>
</head>

Google vuelve a leer el title en cada rastreo. Si el contenido de la página ha cambiado mucho y el title no, hay una señal de desincronización: el buscador puede reescribir el titular en el snippet o bajar la relevancia de la página para las consultas objetivo.

Cómo escribir un buen title

Un buen title no es una lista de palabras clave ni un eslogan. Es una descripción precisa de la página, escrita para una persona concreta con una búsqueda concreta. Estas son algunas reglas que se sostienen en la práctica.

Palabras concretas como «gratis», «rápido» o el año en curso pueden aclarar una oferta si son ciertas. Úsalas solo cuando la página demuestre lo que prometen: el objetivo es una expectativa exacta, no una promesa de más clics.

Cómo auditar las etiquetas title de tu sitio

Las comprobaciones de title son de dos tipos: por página, para arreglos rápidos, y de todo el sitio, para problemas sistemáticos. Una auditoría SEO necesita las dos: la primera arregla un problema conocido; la segunda encuentra patrones que no sabías que existían.

En Screaming Frog, céntrate en tres informes: «Page Titles → Duplicate», «Page Titles → Missing» y «Page Titles → Over 60 characters». Cubren los tres problemas de title más comunes que aparecen en casi cualquier auditoría de un sitio grande.

Títulos duplicados: causas y soluciones

Los titles duplicados son uno de los problemas técnicos más subestimados. Un blog pequeño puede tener unos pocos; una tienda online con paginación y filtros por facetas puede tener miles. Los buscadores tratan los duplicados como una señal de baja calidad, pueden agrupar las páginas afectadas y mostrar la equivocada.

Aparte está la canibalización de titles: dos URL distintas con el mismo title o con uno muy parecido compiten por las mismas consultas. Google acaba eligiendo una para mostrar, pero no siempre la que tú querías.

Plantillas de title por tipo de página

Una sola fórmula de title no sirve para todos los tipos de página. La home, la ficha de producto y el artículo de blog responden a intenciones distintas y compiten por consultas diferentes. Abajo tienes plantillas probadas con ejemplos.

En un CMS o en un motor de plantillas, las plantillas de title usan variables. En WordPress con Yoast son %%title%% y %%sitename%%; en Next.js usa metadata.title con un template literal. Las plantillas son un punto de partida: las páginas con mucho tráfico o prioridad comercial merecen un title escrito a mano.

// Next.js: title template via generateMetadata
export async function generateMetadata({ params }: Props): Promise<Metadata> {
  const product = await getProduct(params.slug);
  return {
    title: `${product.name} ${product.attribute} — SpecOpt`,
  };
}

// Global template in layout.tsx
export const metadata: Metadata = {
  title: {
    template: '%s | SpecOpt',
    default: 'SpecOpt — workwear wholesale from manufacturer',
  },
};

Las variables de una plantilla solo funcionan si los campos están rellenos. Uno de los escenarios de duplicación masiva más comunes: una plantilla {product.name} sin valor de respaldo. Decenas de fichas de producto acaban con un title idéntico o vacío.

Impacto en el CTR y en el posicionamiento

El title influye en el posicionamiento como señal de relevancia, pero su impacto directo en la posición es menor de lo que suele suponerse. El valor real de un buen title está en el CTR: la misma posición genera más tráfico cuando más personas hacen clic.

Para medir el efecto de un cambio en el title, usa Google Search Console: filtra las páginas por tipo, anota el CTR antes del cambio, espera 2–4 semanas y compara. No es un test A/B completo, pero para la mayoría de los sitios es lo bastante preciso para validar una hipótesis.

El title y la meta descripción funcionan en pareja: el title responde a «qué es esto», la meta descripción a «por qué hacer clic». Google reescribe la meta descripción casi siempre; el title se reescribe menos y con una lógica más predecible. Cuanto más coincida tu title con el H1 y con el contenido principal de la página, menor será la probabilidad de que Google lo reemplace.

Preguntas frecuentes

Respuestas a las preguntas que más surgen al trabajar con la etiqueta title.