# Qué es el meta title y cómo escribirlo para tu tienda

> Qué es el meta title (la etiqueta title), cómo lo usa Google para el enlace del resultado, qué longitud conviene y cómo escribir uno distinto por ficha.

URL: https://clione.ai/es/glosario/meta-title/
Lang: es

El _meta title_ no es el nombre del producto que se lee en grande en tu [ficha de producto](/es/glosario/ficha-de-producto/), que es el encabezado `h1`, ni la [meta description](/es/glosario/meta-description/), el resumen que puede salir debajo en los resultados. Es **el título que la página se da a sí misma en el código**, y del que parte Google para el enlace azul que alguien ve antes de decidir si entra en tu tienda. El nombre despista: no es una etiqueta `meta`, sino el elemento `title` de la cabecera. El sector lo llama _meta title_ porque se edita en el mismo sitio que la _meta description_, y Shopify, por ejemplo, lo llama título de página en la vista previa del listado en buscadores.[^shopify-seo]

## Cómo funciona

**Lo que dice el estándar.** El elemento `title` representa el título o el nombre del documento, va en la cabecera (`head`) y **no puede haber más de uno por documento**. El estándar de HTML añade una recomendación que vale oro para una tienda: los autores deberían usar títulos que identifiquen el documento incluso fuera de contexto, por ejemplo en el historial, en los marcadores o **en los resultados de búsqueda**. Su ejemplo es claro: una página puede tener un encabezado que diga solo «Introducción», porque se entiende en su contexto, pero su título tiene que decir de qué trata entera.[^html-spec-title] En una ficha pasa lo mismo: el `h1` puede ser «Cumbre 20», y el título tiene que decir que es una mochila.

**Lo que hace Google con él.** Google llama enlace de título (_title link_) al título del resultado que enlaza a la página, y lo genera de forma **completamente automática**, teniendo en cuenta el contenido de la página y las referencias a ella en la web. Sus fuentes son varias: el contenido del elemento `title`, el título principal visible en la página, los encabezados como el `h1`, la etiqueta `og:title`, otros textos grandes y destacados, el texto de los enlaces que apuntan a la página y los [datos estructurados](/es/glosario/datos-estructurados/) de [WebSite](/es/glosario/schema-website/).[^google-title-link] El `title` es la primera de la lista, pero no la única.

**Cuándo lo cambia.** Google explica qué problemas le llevan a mostrar otro texto, y los cuatro tienen su versión en una tienda:[^google-title-link]

- **Títulos medio vacíos.** Un `title` que solo dice «| Nombre de la tienda» se completa con el encabezado o con un texto destacado de la página, hasta quedar como «Nombre del producto | Nombre de la tienda».
- **Títulos obsoletos.** Si el título dice un año y la página otro, Google usa el que se ve en la página.
- **Títulos inexactos.** Si el título no refleja lo que hay en la página, se corrige. El ejemplo de Google: una página cuyo título enumera «peluches gigantes, osos de peluche, osos polares» se queda en «peluches».
- **Microtextos repetidos.** Cuando muchas páginas comparten el mismo título, Google añade lo que las distingue.

**Las recomendaciones.** Que cada página tenga un `title`, que el texto sea descriptivo y conciso, que no se repitan palabras clave (unas pocas palabras descriptivas ayudan, pero no hay motivo para repetir las mismas) y que no haya texto de plantilla idéntico en todas las páginas. La marca se pone de forma concisa: al principio o al final, separada con un guion, dos puntos o una barra vertical.[^google-title-link]

**La longitud.** **No hay límite de longitud para el `title`**, pero el enlace de título se recorta en los resultados cuando hace falta, normalmente para que quepa en el ancho del dispositivo.[^google-title-link] La cifra que circula sale de las plataformas: Shopify deja escribir hasta 70 caracteres y aconseja quedarse en 60 para evitar títulos cortados. Si el campo queda vacío, el tema usa el nombre de la tienda seguido del título del contenido, o al revés.[^shopify-seo] Lo útil de esa cifra es el orden: lo que va al principio es lo que llega entero a la pantalla.

## En una tienda

Cuatro títulos posibles para la misma ficha. Es un **ejemplo ficticio**: la tienda y el producto están inventados para comparar los cuatro enfoques con lo que dice Google.

| Versión (ejemplo ficticio) | Elemento `title`                                             | Qué puede hacer Google                                                  |
| -------------------------- | ------------------------------------------------------------ | ----------------------------------------------------------------------- |
| Medio vacío                | \| Tienda Cumbre                                             | Completarlo con el encabezado o con otro texto de la página             |
| De plantilla               | Mochilas \| Tienda Cumbre                                    | Si se repite en toda la categoría, añadir lo que distingue a cada ficha |
| Con palabras repetidas     | Mochila, mochila urbana, mochila barata, mochila impermeable | Sustituirlo por un texto que describa la página                         |
| Específico                 | Mochila urbana Cumbre 20 l impermeable \| Tienda Cumbre      | Es lo que pide Google: describe la página y lleva la marca al final     |


Fuente de la columna de la derecha: los problemas que Google describe en su guía.[^google-title-link] En el código, el último queda así:

```html
<head>
  <title>Mochila urbana Cumbre 20 l impermeable | Tienda Cumbre</title>
</head>
```

En un catálogo grande, el título específico se escribe con una plantilla que combina campos del producto (marca, nombre, el dato que lo distingue), y por eso **un título bien escrito empieza por un dato bien guardado**. Clione genera el _meta title_ de cada producto con una plantilla que tú controlas, por defecto la marca, el nombre y el [SKU](/es/glosario/sku/), y antes de publicarlo enseña el valor que va a escribir junto a la sugerencia de la IA.


**Los 60 caracteres no son una regla de Google.** Google dice que no hay límite de longitud y que el enlace se recorta según el ancho de la pantalla.[^google-title-link] La cifra es una recomendación de plataforma, como la de Shopify.[^shopify-seo] Recortar un buen título a la fuerza para cumplirla suele quitar justo el dato que distingue el producto; ordenar el título para que ese dato vaya primero lo conserva.


## Cómo comprobarlo

1. **Abre el código fuente de una ficha publicada** y busca `<title>`. Tiene que haber uno solo, y su texto tiene que ser el que guardaste en el panel.[^html-spec-title]
2. **Compara los títulos de tres fichas de la misma categoría.** Si solo cambia una palabra o no cambia nada, Google los trata como texto de plantilla.[^google-title-link]
3. **Busca la ficha en Google** y compara el enlace del resultado con tu `title`. Si es distinto, revisa si el tuyo tiene alguno de los problemas que Google corrige: medio vacío, obsoleto, inexacto o repetido.[^google-title-link]
4. **Mira el campo vacío.** En Shopify, una ficha sin título propio en el listado de buscadores hereda el nombre de la tienda y el del contenido según el tema.[^shopify-seo] Decide si eso es lo que quieres.
5. **En [Search Console](/es/glosario/search-console/), mira el [CTR](/es/glosario/ctr/) de las fichas con muchas impresiones.** Un CTR bajo en una buena posición es la señal de que el resultado, título y fragmento, no está convenciendo.

## Concepto cercano: meta description

La _meta description_ también vive en la cabecera y tampoco se ve en la página, pero hace otro trabajo: es un resumen que el buscador puede mostrar debajo del enlace, y Google la usa solo a veces. El _meta title_ es el punto de partida del enlace en sí, la línea en la que se hace clic: es la primera de las fuentes con las que Google crea el enlace de título.[^google-title-link] Se escriben juntos y con los mismos datos de la ficha, pero el título tiene que funcionar solo, en una línea y sin contexto, como pide el estándar.[^html-spec-title] Lo visible de la ficha, el nombre y la [descripción de producto](/es/glosario/descripcion-de-producto/), es lo que Google usa para corregir el título cuando falla, así que **el título y la página tienen que decir lo mismo**.

Para seguir, la [ruta de lectura de catálogo y entidades](/es/aprender/catalogo-y-entidades/) ordena el resto de términos de la ficha, y la entrada sobre la [página de categoría](/es/glosario/pagina-de-categoria/) aplica lo mismo a las páginas que reúnen productos.