Resumen
Esta herramienta te ayuda a preparar los metadatos del head sin escribir cada etiqueta a mano. Genera un bloque ordenado que puedes pegar en tu HTML, útil cuando necesitas un título coherente, una descripción breve, una URL canonical clara y datos de vista previa social en la misma página. Funciona especialmente bien al crear una página nueva, actualizar un artículo o unificar metadatos en un sitio. Introduce los datos una sola vez, revisa el resultado y copia solo lo que vayas a usar. Así es más fácil mantener las metaetiquetas alineadas con el contenido y evitar campos incompletos o atributos mal formados.
Casos de uso
- Metadatos de ficha de productoPrepara título, descripción, canonical y etiquetas para la vista previa social de una página de producto.
- Cabecera de artículoConfigura metadatos para una guía, noticia o entrada del blog y haz que el título y el resumen reflejen el contenido real.
- Limpieza de URLs duplicadasAñade canonical a una versión filtrada, paginada o con parámetros para señalar la dirección principal.
- Landing de campañaGenera metadatos para una página promocional con título de campaña, descripción breve e imagen de marca.
- Control del enlace compartidoDefine título, descripción, nombre del sitio e imagen Open Graph para que el enlace compartido muestre el mensaje correcto.
Como funciona
- 1
Introduce el título de la página, la descripción, la URL canonical, el nombre del sitio y, si quieres, una imagen Open Graph.
- 2
Genera el fragmento de metaetiquetas a partir de los valores que has indicado.
- 3
Revisa el resultado y comprueba que cada campo encaja con el contenido de la página.
- 4
Copia el código y pégalo en la sección head del documento HTML.
Ejemplos
Mochila de running compacta
Entrada: Título: Mochila de running compacta Descripción: Modelo ligero de 8 L con bolsillo para hidratación y correa pectoral. URL canonical: https://example.com/productos/mochila-running-compacta Nombre del sitio: TrailForge Imagen OG: https://example.com/images/mochila-og.jpg
Salida: <title>Mochila de running compacta</title> <meta name="description" content="Modelo ligero de 8 L con bolsillo para hidratación y correa pectoral."> <link rel="canonical" href="https://example.com/productos/mochila-running-compacta"> <meta property="og:site_name" content="TrailForge"> <meta property="og:title" content="Mochila de running compacta"> <meta property="og:description" content="Modelo ligero de 8 L con bolsillo para hidratación y correa pectoral."> <meta property="og:image" content="https://example.com/images/mochila-og.jpg">
Útil para una ficha de producto con una URL preferida y una imagen de vista previa.
Guía de Lisboa en 3 días
Entrada: Título: Guía de Lisboa con presupuesto Descripción: Plan día a día con costes de transporte, comida y alojamiento. URL canonical: https://example.com/guias/lisboa-presupuesto Nombre del sitio: RouteNotes
Salida: <title>Guía de Lisboa con presupuesto</title> <meta name="description" content="Plan día a día con costes de transporte, comida y alojamiento."> <link rel="canonical" href="https://example.com/guias/lisboa-presupuesto"> <meta property="og:site_name" content="RouteNotes"> <meta property="og:title" content="Guía de Lisboa con presupuesto"> <meta property="og:description" content="Plan día a día con costes de transporte, comida y alojamiento.">
Adecuado para contenido editorial con un resumen corto y concreto.
Página de registro de webinar
Entrada: Título: Webinar sobre sistemas de diseño Descripción: Sesión en directo sobre tokens, componentes y trabajo en equipo. URL canonical: https://example.com/webinars/sistemas-diseno Nombre del sitio: StudioLine Imagen OG: https://cdn.example.com/webinars/sistemas-diseno.png
Salida: <title>Webinar sobre sistemas de diseño</title> <meta name="description" content="Sesión en directo sobre tokens, componentes y trabajo en equipo."> <link rel="canonical" href="https://example.com/webinars/sistemas-diseno"> <meta property="og:site_name" content="StudioLine"> <meta property="og:title" content="Webinar sobre sistemas de diseño"> <meta property="og:description" content="Sesión en directo sobre tokens, componentes y trabajo en equipo."> <meta property="og:image" content="https://cdn.example.com/webinars/sistemas-diseno.png">
Perfecto para una página de evento con una vista previa bien definida al compartirse.
FAQ
¿Qué campos conviene rellenar primero si solo necesito lo básico?
Empieza por el título, la descripción y la URL canonical. Añade el nombre del sitio y la imagen si quieres enriquecer la vista previa al compartir.
¿La herramienta cambia automáticamente el título o la descripción de mi página?
No. Genera el código a partir de los datos que introduces. Si el contenido cambia, tendrás que volver a generar el fragmento.
¿Para qué sirve la URL canonical en el resultado?
Indica la dirección principal de la página. Usa la URL final preferida, no un enlace con parámetros de seguimiento ni una versión de pruebas.
¿Cuál es el error más común al usar el resultado?
Suele ocurrir que el código se pega en una parte incorrecta del documento o que la descripción es demasiado larga, genérica o no coincide con la página.