Guía Open Graph
Aprende cómo WhatsApp, LinkedIn y X interpretan metadata, por qué las cachés se quedan obsoletas y qué cambiar cuando la tarjeta pública no coincide con tu intención.
El protocolo Open Graph indica a las plataformas qué título, descripción, imagen y URL canónica usar cuando alguien comparte una página web. Sin él, las redes y apps de chat suelen adivinar mal.
Por eso la calidad de una preview pública suele depender de metadata técnica en lugar del contenido visible de la página.
og:titleog:descriptionog:imageog:urlEstos valores son lo primero que leen la mayoría de crawlers al decidir cómo debe aparecer tu página en un feed, chat o tarjeta de preview.
WhatsApp es agresivo con la caché. LinkedIn es más estricto validando y ofrece el flujo de Post Inspector. X puede apoyarse en Open Graph, pero también soporta tags Twitter Card más granulares.
Si estás arreglando específicamente WhatsApp, salta a la guía de preview de WhatsApp.
<!-- Standard Open Graph -->
<meta property="og:title" content="Your Amazing Title" />
<meta property="og:description" content="A brief summary of your page." />
<meta property="og:image" content="https://yourdomain.com/social-visual.jpg" />
<meta property="og:url" content="https://yourdomain.com/page" />
<!-- X / Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Amazing Title" />
<meta name="twitter:description" content="A brief summary of your page." />
<meta name="twitter:image" content="https://yourdomain.com/social-visual.jpg" />Problemas comunes
Normalmente ocurre por varios tags de imagen compitiendo o porque los crawlers eligen el primer media utilizable que encuentran.
Las plataformas suelen mantener metadata obsoleta durante días, incluso después de desplegar una corrección.
URLs relativas, archivos inaccesibles o formatos no soportados siguen siendo las causas más comunes.
Metadata de título duplicada o mal formada hace que las plataformas adivinen en lugar de obedecer tu intención.
FAQ
Puedes intentar lógica específica por plataforma, pero una buena imagen 1200x630 que funcione en todas partes suele ser más segura y menos frágil.
Normalmente significa que la caché de la plataforma aún conserva la metadata anterior. Usa sus herramientas de debug o inspector para forzar una actualización.
La mayoría de plataformas truncan títulos alrededor de 60 a 90 caracteres, así que coloca lo importante al principio.
Deja de tocar código cada vez que una campaña necesita una nueva tarjeta social. Visualink se coloca entre la página destino y el crawler de la plataforma.