¿Por qué la vista previa de mi enlace no muestra una imagen cuando comparto mi web?

Lo que el rastreador lee de verdad

Cuando pegas un enlace, la plataforma no mira tu página como la mira un visitante. Un rastreador solicita la URL, lee el HTML que devuelve el servidor y arma la tarjeta a partir de unas pocas metaetiquetas del head. El formato que leen casi todos es el protocolo Open Graph, que incluye og:image entre sus cuatro propiedades obligatorias, junto con og:title, og:type y og:url. Todo lo que solo existe después de que se ejecuten tus scripts — etiquetas que inyecta un framework del lado del cliente, una imagen que fija un plugin en el navegador — es invisible para la mayoría de estos rastreadores, porque no ejecutan tu código.

La imagen, además, tiene que superar el listón de cada plataforma, y los listones no coinciden. La documentación de Facebook pide al menos 1200 × 630 píxeles para la mejor visualización, 600 × 315 como mínimo para una publicación con imagen grande, nunca menos de 200 × 200, una proporción lo más cercana posible a 1.91:1 y un archivo de menos de 8 MB. El centro de ayuda de LinkedIn fija su mínimo en 1200 × 627, con la misma proporción de 1.91:1 y un tope de 5 MB, y nombra og:title, og:image, og:description y og:url como las etiquetas que necesita. Una sola imagen de 1200 × 630 de menos de 5 MB cumple con las dos.

Las causas habituales, más o menos en el orden en que conviene revisarlas

• La página que compartiste no tiene og:image. Lo más frecuente es que la página de inicio la tenga y las páginas interiores no — y las interiores son justo las que la gente comparte.
• La URL de la imagen es relativa. Una ruta como /images/card.png no significa nada para un rastreador que lee tu HTML fuera de contexto. Todos los ejemplos de la especificación de Open Graph usan una dirección https:// completa; usa una tú también.
• La imagen es demasiado pequeña, demasiado pesada o tiene la forma equivocada. Por debajo del mínimo de una plataforma obtienes una miniatura o nada; por encima de su límite de tamaño de archivo, se descarta; una imagen cuadrada o vertical se recorta para encajar en el marco de 1.91:1.
• El rastreador no puede llegar a ella. Una regla de robots.txt, un muro de inicio de sesión, una contraseña de staging o un firewall que bloquea agentes de usuario desconocidos detienen al rastreador antes de que vea una sola etiqueta.
• La plataforma te está mostrando una copia antigua. Si hoy la etiqueta es correcta pero faltaba la primera vez que se compartió el enlace, la tarjeta que ves es la que quedó en caché — lo explicamos más abajo.

Lo que fallaba en nuestra propia web

Hasta el 14 de julio de 2026, ninguna página de agentceres.com — la web de AgentCeres, el AI Growth Officer — llevaba og:image, y cada enlace que compartíamos en Slack, X o LinkedIn se desplegaba como una tarjeta solo con texto. Hicieron falta dos arreglos independientes, y corregir solo uno habría dejado el sitio roto a medias.

El primero era de ubicación: el archivo que genera la imagen de nuestra tarjeta estaba en un nivel de la app del que ninguna página heredaba, así que no se aplicaba a nada. El segundo es una trampa que conviene conocer si construyes con Next.js. Su documentación dice que los metadatos de distintos niveles se fusionan de forma superficial, y que los campos anidados como openGraph definidos más arriba se sobrescriben con el último nivel que los define. Nuestro helper compartido para títulos y descripciones de página fijaba openGraph sin imagen, así que en cada página que lo usaba — páginas de roles, artículos del blog, páginas de comparación, justo las que más se comparten — el openGraph propio de la página sustituía al que llevaba la tarjeta, imagen incluida. Arreglar solo la ubicación habría dejado sin imagen precisamente las páginas que la gente comparte. La lección que nos quedamos: revisa el HTML de la página exacta que vas a compartir, no solo el de la página de inicio — es en las páginas interiores donde desaparecen estas etiquetas.

Corregir la etiqueta es solo la mitad

Las plataformas guardan en caché la vista previa que generaron la primera vez que se compartió un enlace, así que una página corregida sigue mostrando la tarjeta antigua. Facebook indica que las imágenes se almacenan en caché por URL y no se actualizan a menos que cambie la URL; su Sharing Debugger vuelve a descargar tu página y te muestra lo que ve ahora su rastreador. El Post Inspector de LinkedIn hace lo mismo para LinkedIn y es la solución que da su centro de ayuda cuando una vista previa muestra una imagen antigua. Pasa la página por los dos después de cualquier cambio en sus etiquetas o en su imagen y, si una plataforma no suelta una imagen antigua, ponle a la imagen un nombre de archivo nuevo para que cambie su URL.

Las vistas previas importan más de lo que parece. Buena parte de lo que se comparte circula por apps de mensajería y mensajes directos, donde la tarjeta es toda la primera impresión y no sobrevive ningún referrer que le diga a tu analítica de dónde llegó la visita — el tráfico conocido como dark social. Un enlace que se despliega como texto gris en un chat de grupo es fácil de pasar por alto, y ningún informe te mostrará los clics que no consiguió. Si acabas de cambiar la página y la propia web en vivo sigue viéndose antigua, esa es otra caché: mira por qué tu web sigue mostrando la versión antigua.