Open Graph Checker
Escribe una URL para ver su title, meta description y etiquetas Open Graph/Twitter Card, junto con una vista previa de cómo se vería su tarjeta al compartirla en redes sociales.
Qué son las etiquetas Open Graph y para qué sirven
Open Graph es un protocolo de metadatos, creado por Facebook y adoptado por prácticamente todas las redes sociales y aplicaciones de mensajería, que le indica a esas plataformas qué título, descripción e imagen mostrar cuando alguien comparte un enlace. Sin estas etiquetas, cada red intenta adivinar esa información leyendo el resto de la página, con resultados inconsistentes: a veces toma una imagen irrelevante, un título genérico o directamente no muestra ninguna vista previa.
Las etiquetas viven como <meta> dentro del <head> del HTML y no son visibles para un visitante común; solo las leen los bots de las plataformas al generar la vista previa de un enlace compartido. Revisarlas es una tarea habitual de SEO y de gestión de redes sociales: confirmar que un artículo nuevo se comparte con la imagen correcta, diagnosticar por qué un enlace se ve mal en WhatsApp o Slack, o auditar que un sitio de un cliente tenga esta configuración básica resuelta.
Las etiquetas que revisamos
og:title y og:description definen el título y la descripción que se muestran en la tarjeta, que pueden ser distintos del <title> y la meta description normales de la página (pensados para buscadores, no para redes sociales). og:image es la imagen de la tarjeta: sin ella, la mayoría de las plataformas no muestra ninguna vista previa visual. og:url declara la URL canónica del contenido (útil cuando la misma página es accesible por varias URLs), y og:type indica qué clase de contenido es (website, article, video, entre otros).
Twitter Card es el equivalente específico de X/Twitter: twitter:card define el formato de la tarjeta (por ejemplo summary_large_image, con una imagen grande), y twitter:title/twitter:image permiten declarar valores distintos a los de Open Graph si hace falta. Cuando faltan, X/Twitter suele usar automáticamente los valores og:* equivalentes.
Por qué mostramos una vista previa
Ver los valores crudos de las etiquetas no siempre deja clara la experiencia final: una imagen con una relación de aspecto rara, un título demasiado largo que se corta, o una descripción vacía se entienden mejor viendo la tarjeta armada. La vista previa de esta herramienta es una aproximación (cada red social recorta y formatea a su manera), pero suficiente para detectar el problema más común: que falte la etiqueta og:image.
Si necesitas revisar la configuración completa del servidor, complementa esto con nuestro visor de cabeceras HTTP o con el chequeo de certificado SSL.
Preguntas frecuentes sobre Open Graph
¿Qué pasa si un sitio no tiene etiquetas Open Graph?
La plataforma que genera la vista previa (Facebook, WhatsApp, LinkedIn, etc.) intenta adivinar el título, la descripción y una imagen leyendo el resto del HTML, con resultados inconsistentes. Definir og:title, og:description y og:image explícitamente evita ese comportamiento impredecible.
¿Por qué la vista previa que muestra esta herramienta puede diferir de la que veo al compartir en WhatsApp o Facebook?
Es una aproximación: cada plataforma tiene su propio recorte de caracteres, relación de aspecto de imagen y caché (algunas guardan la vista previa por varios días, así que un cambio reciente puede tardar en reflejarse ahí, aunque acá se vea al instante).
¿Qué tamaño debe tener la imagen de og:image?
La recomendación general es al menos 1200×630 píxeles (relación aproximada 1.91:1), el formato que usan las tarjetas grandes de la mayoría de las plataformas. Imágenes más pequeñas pueden mostrarse recortadas o en un formato de tarjeta más chico.
¿twitter:card es obligatorio si ya tengo etiquetas Open Graph?
No es obligatorio: X/Twitter puede usar los valores og:title/og:image como respaldo. Pero declarar twitter:card explícitamente (por ejemplo summary_large_image) asegura el formato de tarjeta que quieres, en vez de dejarlo a la inferencia automática.
¿Esto revisa mi sitio o cualquier sitio?
Cualquier sitio público: solo necesitas escribir su URL. Es útil tanto para auditar un dominio propio antes de publicar contenido como para revisar por qué la vista previa de un enlace ajeno se ve de una forma inesperada.