Generador de meta tags
Title, description, Open Graph y Twitter, con vista previa de tarjeta social.
- Instantánea
- Gratis
- Privada (procesada localmente)
- Sin registro
Un enlace que pide ser clicado
Sin meta tags, un enlace compartido solo muestra una URL desnuda. Con ellos, se convierte en una tarjeta con imagen, título y descripción — mucho más atractiva. Esta herramienta los genera y te muestra el resultado antes de publicar.
-
Rellena los campos
Título, descripción, URL de la página y de la imagen, nombre del sitio.
-
Revisa la vista previa
La tarjeta social se actualiza en vivo, como en las redes.
-
Copia las etiquetas
Pégalas en el <head> de tu página HTML.
Las etiquetas generadas
| Etiqueta | Función |
|---|---|
| <title> / description | Título y resumen para los motores de búsqueda |
| og:title / og:description | Texto mostrado por Facebook, LinkedIn, etc. |
| og:image | Imagen de la tarjeta (1200 × 630 recomendado) |
| twitter:card | Formato de la tarjeta en X (imagen grande o resumen) |
Todo se calcula en tu navegador. Recuerda usar URL absolutas para la imagen, de lo contrario las redes no podrán cargarla.
Preguntas frecuentes
¿Qué es Open Graph?
Open Graph es un protocolo creado por Facebook que describe una página web mediante etiquetas «og:». Cuando se comparte un enlace, las redes leen estas etiquetas para mostrar un título, una descripción y una imagen en lugar de una URL en bruto.
¿Qué tamaño para la imagen de compartido?
Para una tarjeta de «imagen grande», apunta a 1200 × 630 píxeles (ratio 1,91:1). Es el tamaño recomendado por Facebook, LinkedIn y X. Usa una URL absoluta (https://…) porque las redes no siguen rutas relativas.
¿Hacen falta etiquetas Twitter además de Open Graph?
X (Twitter) lee Open Graph primero, pero «twitter:card» sigue siendo útil para elegir el formato (imagen grande o resumen). Las demás etiquetas twitter:* recurren a og: si faltan. Incluirlas evita sorpresas desagradables.
¿Qué longitud para el título y la descripción?
Apunta a unos 60 caracteres para el título y 110 a 160 para la descripción. Más allá, las redes y motores truncan el texto. La vista previa en vivo te muestra al instante el resultado real.