Comprobador Open Graph
Las etiquetas Open Graph son las metaetiquetas que deciden cómo se ve una página cuando su enlace se pega en Facebook, X, LinkedIn, Slack o una aplicación de chat. Introduce una URL y este comprobador obtiene la página una sola vez, muestra exactamente qué etiquetas y reemplazos usará cada plataforma, dibuja las cuatro tarjetas para compartir y comprueba las dimensiones reales de la imagen. La guía complementaria, revisa tus tarjetas antes de publicar, recorre cómo corregir lo que encuentres; para el chequeo amplio y rutinario, usa en su lugar la comprobación de salud del sitio.
Última actualización:
¿Quieres vigilarlo sin parar? Vigílalo gratis con myeventwatch — alertas de caducidad y caídas, sin tarjeta.
Cómo funciona la comprobación
El comprobador hace una sola obtención protegida desde el servidor de la URL que introduces, sigue las redirecciones y lee el HTML estático de la página final, el mismo HTML que ve el rastreador de una plataforma. Analiza las metaetiquetas og: y twitter:, el <title> de la página y la metadescripción, y luego calcula, plataforma por plataforma, qué valor mostrará realmente cada tarjeta y de dónde salió ese valor. Los valores aportados por un reemplazo se etiquetan como reemplazos, para que una tarjeta que parece completa no oculte una etiqueta ausente debajo.
Un límite lo condiciona todo: esto es una obtención HTTP simple, no un navegador, y los rastreadores de las plataformas tampoco son navegadores — ninguno ejecuta JavaScript. Las etiquetas inyectadas por un script, renderizadas en el cliente o añadidas solo tras iniciar sesión son invisibles aquí e invisibles en Facebook, X, LinkedIn y Slack exactamente del mismo modo. Si una etiqueta solo existe en tu paquete de JavaScript, no existe para compartir. Lo que ves en el resultado —URL final, estado HTTP, la tabla de etiquetas sin procesar y las cuatro tarjetas dibujadas— es la verdad estática con la que los rastreadores tienen que trabajar.
Reemplazos, la trampa de la imagen relativa y la caché de los rastreadores
Cada plataforma reemplaza de forma distinta, y por eso una misma página puede verse bien en una aplicación y rota en otra. Facebook lee directamente las etiquetas og:. X lee primero sus propias etiquetas twitter: y recurre a las etiquetas og: correspondientes cuando faltan. LinkedIn lee solo las etiquetas og:, así que una configuración perfecta de Twitter Card no le sirve de nada. Slack lee primero las etiquetas og: y luego las twitter:. La lista de abajo marca cada campo ausente, cada campo vacío y cada campo que una plataforma rellenaría con un reemplazo, nombrando la fuente a la que recurriría.
El fallo silencioso más común es una og:image relativa: un valor como /images/share.jpg se ve bien en tu plantilla y en tu navegador, pero la mayoría de los rastreadores no puede resolverlo contra nada, así que la tarjeta simplemente no muestra imagen. La corrección es siempre una URL absoluta, con el esquema incluido. La segunda trampa es la caché: cada plataforma guarda en caché lo que obtuvo su rastreador, así que corregir las etiquetas no actualiza las publicaciones que ya están fuera, e incluso una vista previa nueva puede seguir sirviendo la tarjeta antigua hasta que pidas a la plataforma que vuelva a rastrear la URL. Corrige primero las etiquetas, verifícalas aquí y luego fuerza el nuevo rastreo —en ese orden, o volverás a guardar en caché la versión rota.
Límites de honestidad: una vista previa aquí es una simulación del comportamiento documentado de cada plataforma, no una captura de una publicación real. Las plataformas recortan, redondean y truncan de forma distinta, cambian los diseños de sus tarjetas sin avisar y pueden tratar de forma diferente a quien ha iniciado sesión y a quien no, así que trata las tarjetas como un modelo fiel, no como una garantía. Una cosa no se simula: las dimensiones de la imagen se leen de las cabeceras del archivo de imagen real, no de los valores og:image:width y og:image:height que declara la página —los valores declarados son afirmaciones, y este comprobador las verifica contra el propio archivo—.
Qué se comprueba y las reglas que hay detrás
| Etiquetas comprobadas | og:title, og:description, og:image, og:url, og:type y og:site_name, más twitter:card, twitter:title, twitter:description y twitter:image — y, como fuentes de reemplazo, el <title> de la página y la metadescripción. |
| Tamaño de imagen recomendado — 1200 × 630 px | 1200 × 630 es una recomendación de las plataformas, no un estándar formal: es el tamaño que recomienda Facebook y el tamaño de tarjeta grande que X, LinkedIn y Slack manejan mejor. Las imágenes más pequeñas se muestran igualmente, pero las tarjetas pueden recortarlas o recurrir a una miniatura pequeña. |
| Lee directamente las etiquetas og: —og:title, og:description y og:image— y recurre al <title> de la página y a la metadescripción solo cuando faltan las etiquetas og:. | |
| X (Twitter) | Lee primero twitter:title, twitter:description y twitter:image; cada uno recurre a la etiqueta og: correspondiente cuando falta. twitter:card elige el diseño de la tarjeta, y sin ella X adivina a partir de lo que encuentra. |
| LinkedIn y Slack | LinkedIn lee solo las etiquetas og: —las etiquetas twitter: no ayudan allí—. Slack lee primero las etiquetas og: y luego las twitter:, así que es el más tolerante de los cuatro. |
| URL de imagen relativas | og:image y twitter:image deben ser URL absolutas, con el esquema incluido. La mayoría de los rastreadores no puede resolver una ruta relativa, y el resultado es una tarjeta sin imagen y sin ningún error en ninguna parte. |
| Dimensiones de la imagen | Se leen del archivo de imagen real —sus cabeceras PNG, JPEG, GIF o WebP— junto con su tamaño en bytes y su formato. Los valores declarados og:image:width y og:image:height se muestran para comparar, pero nunca se confía en ellos por sí solos. |
| Dimensiones desconocidas | Significa que el comprobador no pudo obtener ni analizar el archivo de imagen —agotó el tiempo, rechazó la petición o su formato tiene una cabecera que no puede leer—. Entonces, las dimensiones declaradas por la página, si las hay, son todo lo que tiene cualquiera, rastreadores incluidos. |
Preguntas frecuentes
¿Por qué mi enlace compartido no muestra imagen?
Las causas habituales, en orden: no hay ningún og:image; el og:image es una URL relativa que los rastreadores no pueden resolver; la imagen es demasiado pequeña o está en un lugar que el rastreador no puede obtener (tras un inicio de sesión, bloqueada por reglas de robots o respondiendo con un error); o la plataforma sigue mostrando su rastreo en caché de antes de que existiera la imagen. Ejecuta la comprobación de arriba —nombra cuál de estas se aplica—, corrige la etiqueta y luego pide a la plataforma que vuelva a rastrear.
Etiquetas Open Graph frente a Twitter: ¿necesito las dos?
En la práctica, sí. Facebook y LinkedIn leen solo las etiquetas og:, mientras que X prefiere sus propias etiquetas twitter: y usa las og: como reemplazo. Un conjunto completo de og: más una etiqueta twitter:card cubre la mayoría de los casos, pero un twitter:title, una twitter:description y una twitter:image explícitos son la única forma de que la tarjeta de X difiera de la de Facebook —y Slack lee ambos conjuntos, primero og:—.
¿Por qué la publicación real se ve distinta de esta vista previa?
Casi siempre, por la caché. El rastreador de cada plataforma guarda en caché lo que obtuvo para una URL, y editar tus etiquetas no invalida esa caché. Una publicación hecha antes de la corrección conserva la tarjeta antigua, e incluso el propio depurador de la plataforma puede seguir mostrando la versión en caché hasta que se fuerce un nuevo rastreo. Con menos frecuencia, la diferencia es el recorte: las plataformas recortan y truncan según su diseño actual, y esta vista previa es una simulación del comportamiento documentado, no una captura.
¿Este comprobador ejecuta JavaScript?
No, y es deliberado. El comprobador obtiene el HTML estático una sola vez, exactamente como lo hace el rastreador de una plataforma, y los rastreadores tampoco ejecutan JavaScript. Una etiqueta añadida por un script o por un framework del lado del cliente falta aquí por la misma razón por la que faltaría en Facebook, X, LinkedIn y Slack. Si tus etiquetas las renderiza JavaScript, tienen que estar en el HTML renderizado en el servidor para contar al compartir.
¿Qué tamaño debe tener og:image?
Usa 1200 × 630 px siempre que puedas. Es una recomendación de las plataformas, no un estándar formal: es lo que recomienda Facebook y el tamaño en torno al cual están construidas las tarjetas grandes de X, LinkedIn y Slack. Mantén el archivo razonablemente pequeño, usa PNG o JPEG (la compatibilidad con WebP varía según el rastreador) y refiérete a él siempre con una URL absoluta. Este comprobador marca las imágenes por debajo de 1200 × 630 y te dice las dimensiones reales que midió del archivo.