Vista Previa de Tarjeta Open Graph — Probador de Compartir Social
Vea cómo aparecerá su página al compartirla en Facebook, X/Twitter, LinkedIn y WhatsApp — las cuatro vistas previas lado a lado. Ajuste título, descripción, imagen y observe cada plataforma actualizarse en vivo.
Vista Previa de Tarjeta Open Graph — Vea su Página en Cada Red Social
Antes de compartir un enlace en redes sociales, previsualice exactamente cómo aparecerá en Facebook, X (Twitter), LinkedIn y WhatsApp — las cuatro tarjetas renderizadas lado a lado. Ajuste el título, descripción, imagen y URL y observe cada vista previa actualizarse en vivo. Es la forma más rápida de asegurarse de que sus etiquetas Open Graph produzcan compartidos atractivos en todas partes.
Por qué cada plataforma se ve diferente
- Facebook: imagen grande (1,91:1), dominio en mayúsculas sobre el título, barra de información gris debajo
- X / Twitter: tarjeta de resumen grande con imagen arriba, diseño más ligero y redondeado
- LinkedIn: imagen grande, barra de información azul claro, más énfasis en el título
- WhatsApp: tarjeta compacta con una pequeña miniatura cuadrada a la derecha — disposición muy diferente
Dimensiones recomendadas
- Imagen: 1200×630 px (ratio 1,91:1) — funciona para Facebook, Twitter (summary_large_image) y LinkedIn
- Título: apunte a 50–70 caracteres para que no se trunque en ningún sitio
- Descripción: 100–150 caracteres es un buen punto medio
- WhatsApp trunca agresivamente — mantenga significativo el inicio del título
Cómo usarlo
- Escriba o pegue su título, descripción y URL
- Pegue una URL de imagen o haga clic en «Subir» para probar una imagen local (queda en su navegador)
- Cada plataforma muestra su propia vista previa con sus fuentes, colores y ratios reales
- Itere hasta que cada vista previa se vea genial — luego guarde esos valores en las etiquetas
<meta>de su página
Las etiquetas Open Graph detrás
Los valores mostrados aquí corresponden a estas meta etiquetas en su página:
<meta property="og:title" content="..."><meta property="og:description" content="..."><meta property="og:image" content="..."><meta property="og:url" content="..."><meta name="twitter:card" content="summary_large_image">
Use nuestro Generador de Meta Tags para producir el HTML completo una vez satisfecho con las vistas previas.
Privacidad
Esta herramienta funciona completamente en su navegador. Las imágenes subidas se mantienen localmente — nada se envía a ningún servidor.