Comprobador de Open Graph
Consulta las etiquetas Open Graph y Twitter Card que usa una página al compartirla.
Cómo usar Comprobador de Open Graph
- Ingresa una URL.
- Haz clic en Comprobar.
- Lee sus etiquetas og: y twitter:, título, descripción, imagen y más.
Acerca de Comprobador de Open Graph
Cuando se comparte un enlace en Facebook, LinkedIn, WhatsApp, X o Slack, la tarjeta de vista previa —el título, la descripción y la imagen que aparecen— proviene de las meta etiquetas Open Graph (og:) y Twitter Card (twitter:) de la página. Esta herramienta obtiene una URL y lista exactamente cuáles de esas etiquetas tiene y qué contienen, para que puedas ver la vista previa que producirá un enlace antes de publicarlo.
Las etiquetas ausentes o incorrectas son la razón por la que a veces un enlace compartido no muestra imagen, muestra el título equivocado o una descripción desactualizada. Las principales son og:title, og:description, og:image y og:url; para X, twitter:card y twitter:image. Comprobarlas aquí es más rápido que publicar un enlace de prueba y luego borrarlo, y muestra ambas familias de etiquetas una junto a la otra.
Lee las etiquetas del HTML devuelto; ten en cuenta que las plataformas sociales las guardan en caché, así que después de una corrección quizás debas refrescar su caché para que se muestre la nueva vista previa. Para leer también las etiquetas SEO estándar, usa el analizador de meta etiquetas, y para crear un conjunto correcto de etiquetas Open Graph usa el generador de Open Graph.
Preguntas frecuentes
¿Qué son las etiquetas Open Graph?
Son meta etiquetas que empiezan con og: e indican a las plataformas sociales el título, la descripción y la imagen que deben mostrar al compartir tu enlace. Las etiquetas Twitter Card hacen lo mismo para X.
¿Por qué mi enlace compartido no muestra imagen?
Normalmente por un og:image ausente o inválido, o porque la plataforma tiene en caché una versión antigua. Revisa las etiquetas aquí y luego refresca la caché de la plataforma después de corregirlas.
¿Cuáles son las etiquetas más importantes?
og:title, og:description, og:image y og:url, además de twitter:card y twitter:image para X. Esta herramienta muestra si cada una está presente.
¿Necesito tanto etiquetas og: como twitter:?
La mayoría de las plataformas leen Open Graph y recurren a él como respaldo, así que las etiquetas og: por sí solas suelen funcionar. Añadir etiquetas twitter: te da más control sobre cómo se ve la tarjeta en X.
¿Por qué la herramienta encuentra las etiquetas pero la vista previa sigue mal?
Las plataformas guardan en caché las vistas previas. Usa su propio depurador para refrescar la caché una vez que las etiquetas ya estén correctas aquí.