Open Graph Preview Tool

Open Graph es un protocolo creado por Facebook para describir cómo debe mostrarse un enlace cuando se comparte en redes sociales. Las meta tags Open Graph (og:title, og:description, og:image, og:url) permiten controlar el título, la descripción y la imagen de la tarjeta social. Un Open Graph Checker ayuda a confirmar que esos datos existen y son coherentes.

Un Social Share Preview te muestra cómo verán tu enlace usuarios en Facebook Link Preview, WhatsApp Link Preview o LinkedIn Preview antes de publicar una campaña. Evita sorpresas como imágenes recortadas, títulos truncados o descripciones vacías. Esta OG Preview Tool analiza la URL en tiempo real y señala errores y advertencias.

Pega la URL en el validador, pulsa Analizar URL y revisa el resumen: errores críticos (por ejemplo, og:image ausente), advertencias (title corto) y recomendaciones. Compara el panel de previsualizaciones con lo que esperas en cada red. El bloque Meta tags encontradas muestra el código HTML detectado para copiar o corregir.

• og:title — Titular de la tarjeta social.
• og:description — Texto que acompaña al enlace.
• og:image — Imagen destacada (ideal 1200×630 px).
• og:url — URL canónica del contenido.
• og:type — Tipo de recurso (website, article, etc.).
• twitter:card — Formato en X (summary_large_image recomendado).
• twitter:title, twitter:description, twitter:image — Overrides para Twitter Card Preview.

Open Graph es el estándar base que usan Facebook, LinkedIn y WhatsApp. Twitter Cards añade meta tags propias (twitter:card, twitter:image) para controlar el aspecto en X. Muchas plataformas leen og:* como respaldo, pero X prioriza twitter:*. Un buen Open Graph Validator revisa ambos conjuntos.

Define og:title y og:description únicos por página, usa una og:image de alta resolución y establece og:url sin parámetros de tracking. Añade twitter:card con summary_large_image y verifica el resultado con esta herramienta antes de compartir. Tras cambios en producción, las redes pueden tardar en actualizar la caché.

• og:image con URL relativa o bloqueada por robots.
• Imagen demasiado pequeña o con proporción incorrecta.
• og:title duplicado del <title> sin optimizar para social.
• og:description vacía o idéntica a la meta description sin contexto.
• Falta de twitter:image cuando og:image no es leída por X.