Generador de meta tags
Rellena un formulario y obtén las etiquetas title, description, canonical, robots, Open Graph y Twitter Card para tu head, listas para copiar o descargar.
Metadatos de la página
HTML generado
Completa los datos y genera las metaetiquetas.Qué produce un generador de meta tags
Las meta tags son las líneas del head que deciden cómo se ve tu página antes de que alguien haga clic: el título azul en los resultados de búsqueda, la descripción gris debajo, la URL canónica que indica a los buscadores qué versión indexar y las etiquetas Open Graph y Twitter que construyen la tarjeta cuando se comparte el enlace.
Escribirlas a mano es repetitivo y fácil de estropear: una comilla sin escapar en la descripción rompe la línea entera, y una og:image ausente convierte una tarjeta con imagen en un simple enlace. Este generador reúne los campos, escapa cada valor y escribe las etiquetas en el orden en que las escribirías tú.
Cómo generar meta tags
- Rellena el título y la meta description; los contadores muestran los límites recomendados de 60 y 160 caracteres.
- Añade la URL canónica, el autor y el idioma, y decide si los buscadores pueden indexar la página y seguir sus enlaces.
- Pega la URL de la imagen para compartir y elige el tipo de Twitter Card; deja la imagen vacía si la página no tiene.
- Pulsa Generar meta tags, copia el HTML o descárgalo y pégalo dentro del head de tu página.
Ejemplos de meta tags
Artículo de blog
Título «Cómo funciona base64», canónica /blog/how-base64-encoding-works, index + follow
title, description, canonical, robots index/follow, og:title, og:description y twitter:card summary_large_image
Página de producto
Título, descripción, og:image apuntando a la foto del producto y color del tema
Las etiquetas base más og:image y twitter:image para que la vista previa muestre la foto
Página interna de administración
Sin título y robots cambiado a noindex + nofollow
charset, viewport, robots noindex/nofollow y twitter:card, sin etiquetas sociales
UrsaKit frente a otros generadores de meta tags
| Criterio | UrsaKit | metatags.io | smallseotools | A mano |
|---|---|---|---|---|
| Precio | Gratis, sin registro | Gratis | Gratis con anuncios | Gratis |
| Se ejecuta en | Tu navegador | Tu navegador | Su servidor | Tu editor |
| Contadores de caracteres | Sí, 60 / 160 | Sí | Sí | No |
| Control de robots | Sí | No | Sí | Manual |
| Escapa valores | Sí | Sí | Parcial | Manual |
| Tarjetas de vista previa | Solo etiquetas | Sí | No | Manual |
Preguntas frecuentes
¿Este generador de meta tags es gratis?
Sí. Generar, copiar y descargar las etiquetas es gratis, sin cuenta y sin límite.
¿Se suben mis datos a algún sitio?
No. Las etiquetas se construyen con JavaScript en tu navegador, así que los títulos y URLs que escribes nunca salen de la página.
¿Cuánto deben medir el título y la descripción?
Unos 60 caracteres para el título y 160 para la descripción son buenos objetivos, porque los buscadores recortan lo que sobra. Son recomendaciones, no límites estrictos.
¿Cuándo debo usar noindex?
En páginas que no deben aparecer en resultados, como paneles internos, entornos de prueba o páginas de agradecimiento. Mantén follow si los enlaces de esa página deben rastrearse.
¿Qué pasa si dejo vacía la imagen social?
El generador escribe og:title y og:description pero no og:image, así que la vista previa cae en una tarjeta de texto sin imagen.
¿Dónde pego el HTML generado?
Dentro del head, después de las etiquetas charset y viewport. La mayoría de frameworks tienen un componente de metadatos donde poner los mismos valores.