Open Graph Generator
Generate Open Graph tags for social media
Recomendado: 1200x630 píxeles
Vista previa
ejemplo.com
Título de la página
Descripción de la página...
Título de la página
Descripción de la página...
ejemplo.com
Generador Open Graph - Crear Meta Tags para Redes Sociales
¿Qué es Open Graph y por qué es esencial para redes sociales?
Open Graph (OG) es un protocolo creado por Facebook en 2010 que define cómo se muestra el contenido web al compartirlo en redes sociales. Sin OG, Facebook/LinkedIn/WhatsApp muestran lo que quieren extraer de tu página, a menudo con resultados feos o incorrectos. Con OG controlas exactamente: el título que aparece (og:title), la descripción (og:description), la imagen destacada (og:image), y el tipo de contenido (og:type). Twitter tiene su propio sistema (Twitter Cards) pero usa OG como fallback. Implementar OG correctamente aumenta dramáticamente el engagement cuando comparten tu contenido.
Anatomía de las meta tags Open Graph
Las tags OG esenciales son: og:title (título para compartir, puede diferir del <title> SEO), og:description (descripción social, hasta 200 caracteres), og:image (URL absoluta de imagen, recomendado 1200x630px para Facebook), og:url (URL canónica de la página), og:type (website, article, product, profile, video, etc.), og:site_name (nombre de tu sitio). Para artículos: article:published_time, article:author. Para productos: product:price, product:currency. Esta herramienta genera todas las tags necesarias y muestra preview de cómo aparecerán.
Twitter Cards: diferencias y complemento a Open Graph
Twitter Cards amplían OG con funcionalidades específicas: twitter:card define el formato (summary, summary_large_image, player para videos). twitter:site es tu @usuario de Twitter. Las dimensiones de imagen difieren: summary usa 120x120px mínimo, summary_large_image usa ratio 2:1. Twitter lee OG como fallback, así que si defines og:title, Twitter lo usará si no hay twitter:title específico. Recomendación: define ambos sets de tags para control total. El Player Card requiere aprobación de Twitter para videos embedded.
Preguntas frecuentes
¿Por qué Facebook/LinkedIn no muestra mi imagen correcta?
Causas comunes: imagen demasiado pequeña (mínimo 200x200px, recomendado 1200x630px), URL de imagen relativa en vez de absoluta, la imagen está bloqueada por robots.txt, o las redes cachearon una versión anterior. Usa el Facebook Sharing Debugger para forzar re-scrape y ver errores específicos.
¿Puedo usar imágenes diferentes para cada red social?
Sí. Define og:image para Facebook/LinkedIn/WhatsApp, y twitter:image con una imagen diferente optimizada para Twitter. Cada red leerá su tag específica. Esto es útil porque los ratios de imagen óptimos difieren: Facebook prefiere 1.91:1, Twitter summary_large_image prefiere 2:1.
¿Cómo pruebo cómo se verá mi enlace antes de compartir?
Herramientas oficiales: Facebook Sharing Debugger (developers.facebook.com/tools/debug), Twitter Card Validator (cards-dev.twitter.com/validator), LinkedIn Post Inspector (linkedin.com/post-inspector). Estas herramientas muestran preview exacto y errores en tus tags. También fuerzan a las redes a re-cachear tu página.
¿Las meta OG afectan al SEO de Google?
Indirectamente. Google no usa OG para ranking, pero contenido bien presentado en redes genera más clicks y shares, que pueden traducirse en más backlinks y tráfico, factores que sí afectan SEO. Además, Google a veces usa og:image para resultados de imagen. Implementar OG es buena práctica aunque el beneficio SEO directo sea menor.