Vista Previa Open Graph Gratis
Ve como se vera tu enlace en Facebook, Twitter/X, LinkedIn y WhatsApp. Genera meta tags para copiar. 100% en tu navegador.
<meta property="og:title" content="My Awesome Page" /> <meta property="og:description" content="A great description for social media sharing." /> <meta property="og:image" content="https://placehold.co/1200x630/0B1120/D4AF37?text=OG+Image" /> <meta property="og:url" content="https://example.com/page" /> <meta property="og:site_name" content="My Website" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="My Awesome Page" /> <meta name="twitter:description" content="A great description for social media sharing." /> <meta name="twitter:image" content="https://placehold.co/1200x630/0B1120/D4AF37?text=OG+Image" />
Como Funciona
Ingresa la URL de tu pagina, titulo, descripcion y URL de imagen para ver una vista previa en tiempo real de como tus meta tags Open Graph apareceran en Facebook, Twitter, LinkedIn y apps de mensajeria. Ajusta y copia los meta tags generados.
Cuando Usarlo
- Lanzar una nueva landing page y querer asegurarte de que la tarjeta de vista previa en redes sociales se vea atractiva antes de compartir.
- Depurar por que un enlace compartido muestra una imagen rota, titulo truncado o descripcion incorrecta en plataformas sociales.
- Crear multiples variaciones OG para pruebas A/B sobre cual vista previa social genera mas clics y engagement.
Preguntas Frecuentes
Cual es el tamano ideal de imagen OG?
Facebook recomienda 1200x630 pixeles. Twitter usa 1200x600. Usar 1200x630 funciona bien en todas las plataformas. Manten el archivo bajo 5MB en formato JPEG o PNG.
Por que mi vista previa se ve diferente en Facebook vs LinkedIn?
Cada plataforma tiene dimensiones y reglas de truncamiento ligeramente diferentes. Facebook muestra hasta 65 caracteres para titulos, LinkedIn muestra mas. Esta herramienta muestra el renderizado mas comun.
Como fuerzo a las plataformas a actualizar la vista previa en cache?
Usa Facebook Sharing Debugger y LinkedIn Post Inspector. Las Twitter cards se actualizan automaticamente en minutos. Algunos CDNs cachean imagenes OG — purga tu cache CDN despues de actualizar.
Todos los calculos ocurren en tu navegador. Ningun dato se envia a servidores.