Generador de Open Graph
Cuando se comparte un enlace, Facebook, LinkedIn, WhatsApp, Slack y X crean la tarjeta de vista previa a partir de las etiquetas Open Graph de la página. Rellena el título, la descripción y la imagen, mira la tarjeta tal como aparecerá y copia las etiquetas. La herramienta te avisa cuando falta la imagen o es demasiado pequeña.
Importar desde HTML existente
Más opciones: autor, color del tema, robots
Facebook · LinkedIn · WhatsApp
X (Twitter)
HTML para el <head>
Cómo usarla
- Introduce el título, la descripción y la dirección completa de la página.
- Pega la dirección de la imagen para compartir (lo ideal son 1200 × 630 píxeles) y revisa las vistas previas de Facebook y X.
- Copia las etiquetas en el <head> de la página. Tras publicar, usa el depurador de cada red para actualizar su caché.
Preguntas frecuentes
¿Qué tamaño debe tener la og:image?
Usa 1200 × 630 píxeles (proporción 1,91:1), el tamaño que recomiendan Facebook y LinkedIn para las tarjetas grandes; X recorta las tarjetas grandes a 2:1. Mantén el texto importante lejos de los bordes y usa una dirección https:// completa.
¿Necesito etiquetas aparte para Twitter (X)?
Solo twitter:card. X lee og:title, og:description y og:image cuando faltan sus propias etiquetas, así que la herramienta añade solo el tipo de tarjeta y, si quieres, tu @usuario.
Cambié las etiquetas pero sigue saliendo la vista previa antigua. ¿Por qué?
Las redes sociales guardan la tarjeta en caché durante días. Abre el Facebook Sharing Debugger o el LinkedIn Post Inspector, pega la dirección y pídeles que vuelvan a leer la página.
🏷️ Generador de meta tags
🔗 Generador de enlaces UTM
🌈 Generador de degradados CSS
🔲 Generador de box-shadow CSS