¿Qué es el meta title de una página?

El meta title no es el nombre del producto que se lee en grande en tu ficha de producto, que es el encabezado h1, ni la 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.⁠^{[1]Shopify Help Center. Adding keywords for SEO to your Shopify store}

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.⁠^{[2]WHATWG. HTML Standard, 4.2.2 The title element} 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 de WebSite.⁠^{[3]Google Search Central. Influencing your title links in search results} 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:⁠^{[3]Google Search Central. Influencing your title links in search results}

• 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.⁠^{[3]Google Search Central. Influencing your title links in search results}

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.⁠^{[3]Google Search Central. Influencing your title links in search results} 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.⁠^{[1]Shopify Help Center. Adding keywords for SEO to your Shopify store} 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.

Fuente de la columna de la derecha: los problemas que Google describe en su guía.⁠^{[3]Google Search Central. Influencing your title links in search results} En el código, el último queda así:

<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, y antes de publicarlo enseña el valor que va a escribir junto a la sugerencia de la IA.

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.⁠^{[2]WHATWG. HTML Standard, 4.2.2 The title element}
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.⁠^{[3]Google Search Central. Influencing your title links in search results}
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.⁠^{[3]Google Search Central. Influencing your title links in search results}
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.⁠^{[1]Shopify Help Center. Adding keywords for SEO to your Shopify store} Decide si eso es lo que quieres.
5. En Search Console, mira el 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.⁠^{[3]Google Search Central. Influencing your title links in search results} 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.⁠^{[2]WHATWG. HTML Standard, 4.2.2 The title element} Lo visible de la ficha, el nombre y la descripción 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 ordena el resto de términos de la ficha, y la entrada sobre la página de categoría aplica lo mismo a las páginas que reúnen productos.