La información se añade demasiado tarde
Algunos servicios leen la página antes de que el navegador termine de construirla. Si el título, la descripción o la imagen aparecen después, pueden generar una tarjeta vacía o genérica.
Herramienta gratuita · Open Graph
Analiza la información pública de una URL, revisa sus datos Open Graph y detecta qué falta antes de compartirla.
Qué revisa la herramienta
El checker busca el título, la descripción, la imagen, la dirección declarada, el nombre del sitio y el tipo de contenido incluidos en la primera respuesta de la web.
Algunos servicios leen la página antes de que el navegador termine de construirla. Si el título, la descripción o la imagen aparecen después, pueden generar una tarjeta vacía o genérica.
Una ruta relativa incorrecta, permisos, redirecciones o un archivo eliminado pueden impedir que el crawler descargue og:image.
Aunque la web ya esté corregida, WhatsApp, LinkedIn y otras plataformas pueden seguir utilizando datos almacenados en caché.
Si una página publica varias versiones de la misma información o identifica direcciones diferentes como la principal, cada servicio puede escoger un resultado distinto.
Cuando todas las direcciones comparten la misma preview
Si pediste a una IA que construyera una web sin especificar cómo debía funcionar, es posible que eligiera un framework frontend popular que monta el contenido dentro del navegador.
Una SPA (Single Page Application) con CSR (Client-Side Rendering) suele recibir el mismo documento base para todas las direcciones. Ese documento se llama HTML y contiene la estructura inicial. Después, el navegador ejecuta JavaScript —el código que hace funcionar la página— y muestra el contenido correspondiente.
Por eso, en una web puramente CSR, pedir /, /pricing o /article puede devolver inicialmente la misma información Open Graph. Si el servicio que genera la preview no espera al navegador, todas esas direcciones terminan compartiendo título, descripción e imagen.
Con SSR (Server-Side Rendering), cada dirección puede devolver desde el principio su propio contenido y sus propios datos Open Graph. El navegador recibe una página ya identificable antes de ejecutar código adicional.
Esto permite que una persona y un servicio de previews encuentren el título, la descripción y la imagen correctos para esa URL concreta.
Dos caminos para resolverlo
Pide a la IA o a quien mantenga la web que convierta la parte corporativa de CSR a SSR, si el stack lo permite. Después puedes configurar por tu cuenta el título, la descripción y las imágenes de cada dirección sin pagar otro servicio.
Aprender a configurar Open GraphVisualink permite administrar la preview de las direcciones originales al margen del código y de los despliegues de la web. Puedes cambiar imagen, título o descripción desde un panel independiente.
Preguntas frecuentes
Es la tarjeta formada normalmente por imagen, título, descripción y dominio que aparece cuando una URL se comparte en una red social o aplicación de mensajería.
No. Muestra una aproximación construida con los metadatos públicos encontrados. Cada plataforma aplica su propio diseño, reglas y caché.
No. Lee la primera respuesta que entrega el servidor, antes de que el navegador ejecute JavaScript y construya contenido adicional. Así también detecta webs que añaden la información Open Graph demasiado tarde.
La plataforma donde compartes el enlace puede conservar su propia copia. Comprueba primero que la URL ya entrega la imagen correcta y después utiliza el inspector o procedimiento de actualización de esa plataforma.
Puede ocurrir cuando una SPA utiliza renderizado en el cliente y el servidor entrega el mismo documento inicial para todas las direcciones. El contenido cambia después dentro del navegador, pero el servicio que genera la preview puede quedarse con el mismo título, descripción e imagen.
Puedes publicar un enlace corto con su propia preview. Si necesitas cambiar los metadatos de las URLs originales de una web o SPA, External OG actúa sobre esa capa de metadata mediante su integración.