Publicaste una página, compartiste el enlace — y la vista previa muestra la imagen equivocada, o ninguna. Casi todos los problemas de OG image se reducen a tres cosas: etiquetas ausentes, una URL de imagen rota o una caché obsoleta. Esta guía te enseña a previsualizar tu OG image antes de compartirla, y a arreglar cada uno de esos fallos cuando aparecen.
Revisa primero las etiquetas
Antes de recurrir a ninguna herramienta, mira el código fuente de tu página (Ctrl+U / Cmd+U) y confirma que estas etiquetas existen en el <head>:
<meta property="og:title" content="Launch day: v2.0" />
<meta property="og:description" content="Everything new in this release." />
<meta property="og:image" content="https://example.com/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />Dos reglas cazan la mayoría de los errores al instante:
og:imagedebe ser una URL HTTPS absoluta. Las rutas relativas (/og/launch.png) fallan en la mayoría de los crawlers.- La URL de la imagen debe ser accesible públicamente — ábrela en una ventana de incógnito. Si pide iniciar sesión, redirige o devuelve un 404, ninguna plataforma podrá descargarla.
Si no estás seguro de que tu imagen tenga siquiera el tamaño correcto, empieza por nuestra guía de tamaños de OG image — las dimensiones son la otra mitad de una vista previa que funciona.
Herramientas de previsualización por plataforma
Cada gran plataforma ofrece un depurador oficial que muestra exactamente lo que ve su crawler:
| Plataforma | Herramienta | Qué hace |
|---|---|---|
| Sharing Debugger | Muestra la tarjeta tal y como se ha rastreado, lista las advertencias y ofrece un botón «Scrape Again» | |
| Post Inspector | Renderiza la vista previa y refresca la caché de LinkedIn en cada inspección | |
| X (Twitter) | Redacta un borrador de post | X retiró su Card Validator independiente — pega el enlace en un borrador (o envíatelo por DM) para ver la tarjeta real |
| Slack | Envíate un mensaje | Slack despliega los enlaces en tiempo real; un DM a ti mismo es la vista previa OG más rápida que existe |
| Discord | Pega el enlace en cualquier canal | Los embeds se renderizan al momento a partir de tus etiquetas Open Graph |
| WhatsApp / Telegram | Envíalo a «Mensajes guardados» / a ti mismo | Ambos leen og:image; Telegram cachea con dureza (ver más abajo) |
Un flujo de trabajo práctico: corrige las etiquetas → pasa el Facebook Sharing Debugger (tiene las advertencias más detalladas) → y después comprueba a mano la plataforma que de verdad te importa.
Cómo forzar un refresco de caché
Las plataformas cachean las vistas previas de enlaces de forma agresiva — a veces durante semanas. Si actualizaste tu OG image pero sigues viendo la antigua:
- Facebook: abre el Sharing Debugger y haz clic en Scrape Again.
- LinkedIn: pasa la URL por el Post Inspector — la propia inspección invalida la caché.
- X: no hay refresco manual; la caché suele expirar en más o menos una semana.
- Telegram: envía tu URL a
@WebpageBotpara forzar un nuevo rastreo. - El recurso universal: cambia la URL de la imagen. Añadir un parámetro de versión (
/og/launch.png?v=2) — o mejor, usar un nombre de archivo con hash de contenido — hace que todas las plataformas la traten al instante como una imagen totalmente nueva.
Si tus OG images salen de un pipeline, incluye una versión o un hash en el nombre de archivo desde el primer día. La invalidación de caché deja de ser un problema por completo.
Por qué tu OG image sigue sin aparecer
¿Pasaste los depuradores y la imagen sigue sin salir? Recorre esta lista:
- La imagen pesa demasiado o carga demasiado lento. Los crawlers abandonan con archivos de varios megabytes. Mantenla por debajo de 1 MB (bastante por debajo de 300 KB para WhatsApp).
- Las dimensiones están por debajo del umbral de tarjeta grande. Por debajo de 600×315, Facebook recurre a una miniatura pequeña. Exporta a 1200×630 — la guía de tamaños tiene el desglose completo.
- Tu página bloquea a los crawlers. Comprueba que
robots.txt, un firewall o una capa de protección anti-bots no estén devolviendo 403 afacebookexternalhit,TwitterbotoLinkedInBot. - Las etiquetas se inyectan en el cliente. La mayoría de los crawlers sociales no ejecutan JavaScript. Las etiquetas OG deben estar en el HTML renderizado en el servidor.
- Varias etiquetas
og:imageentran en conflicto. Las plataformas suelen quedarse con la primera — elimina los restos de plantillas o plugins.
Previsualiza antes de publicar, no después
Los depuradores de arriba te dicen qué salió mal a posteriori. El hábito más barato es dejar la imagen bien antes de publicarla. Nuestro generador gratuito de OG image muestra una vista previa en vivo a exactamente 1200×630 mientras editas — lo que ves en el editor es, píxel a píxel, lo que mostrará la tarjeta — y exporta un PNG optimizado que pasa todas las comprobaciones de este artículo. Sin registro y sin marca de agua.
FAQ
¿Cómo previsualizo mi OG image sin publicar?
Usa el Facebook Sharing Debugger o el LinkedIn Post Inspector para un renderizado oficial, o envíate el enlace a ti mismo por Slack, Discord o WhatsApp — los mensajes a uno mismo se despliegan exactamente igual que los compartidos públicos.
¿Cuánto dura la caché de la OG image?
Varía: Facebook cachea hasta que fuerzas un nuevo rastreo, LinkedIn se refresca vía Post Inspector y en X expira por sí sola en más o menos una semana. Cambiar la URL de la imagen (?v=2 o un nombre de archivo nuevo) esquiva todas las cachés de golpe.
¿Por qué mi OG image se ve en Facebook pero no en WhatsApp?
Casi siempre es el peso del archivo. WhatsApp se rinde con las imágenes pesadas — comprime tu PNG o sirve una variante más ligera y mantente bastante por debajo de 300 KB.
¿Funcionan las etiquetas OG en páginas renderizadas con JavaScript?
Solo si las etiquetas están presentes en la respuesta inicial del servidor. Los crawlers sociales no suelen ejecutar JavaScript, así que las etiquetas meta inyectadas en el cliente son invisibles para ellos.
