Validar etiquetas Open Graph

Pegue un fragmento de HTML (normalmente el contenido de <head>) para detectar las etiquetas og:* presentes y comprobar que no falta ninguna de las esenciales.

Ejemplo:

Cómo funciona

Las etiquetas Open Graph controlan el aspecto de una página cuando se comparte en Facebook, LinkedIn o en las vistas previas de enlaces de aplicaciones de mensajería como Slack o WhatsApp. Sin ellas, estas plataformas muestran una vista previa genérica o incompleta. Esta herramienta analiza un fragmento de HTML y señala las cuatro etiquetas que generalmente son indispensables: og:title, og:type, og:image y og:url.

¿Por qué mi enlace compartido en Facebook no muestra ninguna imagen?

Casi siempre se debe a que la etiqueta og:image falta o apunta a una URL no válida. Compruebe aquí que la etiqueta está presente y pruebe después la URL de la imagen directamente en un navegador.

¿También debo añadir etiquetas Twitter Card?

Twitter (X) puede usar las etiquetas Open Graph como alternativa, pero se recomienda añadir también etiquetas twitter:card, twitter:title y twitter:image específicas para controlar mejor la vista previa en esa red.

Procesamiento 100% local: su fragmento de HTML nunca se transmite a un servidor, todo el análisis se realiza en su navegador.