Cargando aplicación...
Preparando tu experiencia meskeIA
Crea imágenes Open Graph profesionales para Facebook, Twitter, LinkedIn y WhatsApp
Esta herramienta tiene carácter orientativo y está dirigida a profesionales del dominio que conocen sus limitaciones.
meskeIA no se responsabiliza de decisiones basadas en el uso de esta herramienta.
Aprende a optimizar tus previsualizaciones en redes sociales
Open Graph (OG) es un protocolo creado por Facebook que permite controlar cómo se muestra el contenido de tu web cuando se comparte en redes sociales. Las imágenes OG son las previsualizaciones que aparecen en Facebook, Twitter, LinkedIn, WhatsApp y otras plataformas.
1200 × 630 px
Ratio 1.91:1
1200 × 628 px
Ratio 1.91:1
1200 × 627 px
Ratio 1.91:1
1200 × 630 px
Ratio 1.91:1
1200 × 630 px es el tamaño universal que funciona en todas las plataformas.
Añade estas meta tags en el <head> de tu página HTML:
<meta property="og:image" content="https://tudominio.com/og-image.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:title" content="Título de tu página" /> <meta property="og:description" content="Descripción breve" /> <!-- Para Twitter --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://tudominio.com/og-image.png" />
Cada red social gestiona las OG images de forma diferente. Esta tabla resume los parámetros clave para optimizar tus previsualizaciones.
| Plataforma | Tamaño recomendado | Ratio aspecto | Tamaño máx. archivo | Texto visible | Recorte automático | Importancia SEO |
|---|---|---|---|---|---|---|
| Facebook / LinkedIn | 1200 × 630 px | 1.91:1 | 8 MB | Completo | Mínimo | Alta |
| Twitter / X | 1200 × 628 px | 1.91:1 | 5 MB | Completo | Lateral leve | Alta |
| 1200 × 630 px | 1.91:1 | 5 MB | Reducido | Sí (móvil) | Media | |
| Slack | 1200 × 630 px | 1.91:1 | 10 MB | Completo | No | Baja |
| Discord | 1200 × 630 px | 1.91:1 | 8 MB | Completo | No | Baja |
| Google Search | 1200 × 630 px | 1.91:1 | — | No aplica | No | Muy alta |
Las OG images aportan valor diferente según el tipo de proyecto. Aquí los escenarios más frecuentes.
Cada artículo lleva una OG image personalizada con el titular del post y la imagen destacada, maximizando el CTR en redes sociales.
Crea una plantilla base y personaliza solo el título y la imagen de fondo para cada entrada.
Las fichas de producto se comparten con imagen optimizada que muestra el artículo, nombre y precio, incentivando la compra directa desde el preview.
Incluye siempre el nombre del producto en texto sobre la imagen para mayor legibilidad.
Las landing pages refuerzan la identidad de marca al compartirse, con logo, propuesta de valor y colores corporativos bien visibles.
Mantén coherencia visual entre la OG image y la página de destino para no generar confusión.
Las agencias crean plantillas personalizadas para cada cliente, con branding consistente en todas las campañas y canales.
Documenta las especificaciones de OG image en el manual de marca de cada cliente para su reutilización.
Una OG image (Open Graph image) es la imagen que aparece cuando alguien comparte una URL en redes sociales o aplicaciones de mensajería. Sin ella, la plataforma elige cualquier imagen de tu página o muestra un preview vacío, reduciendo drásticamente el CTR.
1200 × 630 px (ratio 1.91:1) es el estándar que funciona correctamente en Facebook, LinkedIn, Twitter/X, WhatsApp, Slack y Discord sin recortes significativos.
Usa el Facebook Sharing Debugger (developers.facebook.com/tools/debug) y el Twitter Card Validator (cards-dev.twitter.com/validator). Ambos muestran exactamente cómo quedará el preview en sus plataformas.
Idealmente sí. Una OG image específica para cada página (especialmente artículos, productos y landing pages) aumenta el CTR porque el contenido visual es relevante para ese enlace concreto. La imagen genérica de la home no transmite contexto.
No directamente, ya que Google no indexa la meta og:image para el ranking. Sin embargo, sí afectan indirectamente: una buena OG image aumenta el CTR en redes sociales, genera más tráfico y señales de engagement que Google sí valora.
Facebook cachea las OG images entre 24 y 30 días. LinkedIn puede tardar hasta 7 días en refrescar automáticamente. Si cambias la imagen, usa el Facebook Debugger (botón "Scrape Again") para forzar la actualización inmediata.
Sí, el tamaño 1200 × 630 px es compatible con ambas plataformas. Solo necesitarías imágenes distintas si Twitter usa el formato cuadrado (twitter:card=summary), pero con summary_large_image el mismo archivo funciona en las dos redes.
La plataforma intentará extraer automáticamente la primera imagen que encuentre en tu página. El resultado suele ser impredecible: logos pequeños, imágenes de iconos o previews en blanco. Esto reduce la credibilidad y el CTR de tus enlaces compartidos.
Configura siempre al menos una OG image por defecto a nivel de dominio como fallback.
Usa 1200 × 630 px como base universal. Este tamaño garantiza compatibilidad con todas las plataformas principales sin recortes.
Incorpora el logo, los colores corporativos y la tipografía de marca. La imagen debe ser reconocible al instante como parte de tu identidad visual.
El texto principal debe ser legible a distancia. Usa un tamaño mínimo de 40 px para el título y asegúrate de que haya suficiente contraste con el fondo.
Exporta en JPG con calidad 85% para fotos (menor peso) o PNG para diseños con transparencia o iconos nítidos. El objetivo es mantener el archivo por debajo de 300 KB.
Aloja la imagen en una URL pública y permanente. Si usas una CDN, asegúrate de que la imagen sea accesible sin autenticación para que los scrapers de redes sociales puedan leerla.
<head>Incluye og:image, og:image:width, og:image:height y también twitter:image para cobertura completa en todas las plataformas.
Comprueba el resultado con Facebook Sharing Debugger y Twitter Card Validator antes de publicar o compartir el enlace.
Usa siempre 1200 × 630 px como base. Es el único tamaño que funciona correctamente en todas las plataformas principales sin ajustes adicionales.
Mantén el archivo por debajo de 1 MB (idealmente menos de 300 KB). Archivos pesados ralentizan la carga del preview y pueden ser rechazados por algunas plataformas.
El título debe tener mínimo 40 px de tamaño. Recuerda que el preview en móvil es pequeño: lo que parece legible en pantalla grande puede ser ilegible en el feed.
Incluye siempre el logo en una esquina visible (preferiblemente superior izquierda o inferior derecha). Refuerza el reconocimiento de marca incluso cuando el usuario no hace clic.
Asegúrate de que el fondo y el texto tengan un ratio de contraste mínimo de 4.5:1. Fondos oscuros con texto blanco o fondos claros con texto oscuro son las combinaciones más seguras.
Salvo que uses formatos distintos (cuadrado para Twitter), reutiliza la misma imagen 1200 × 630 px en ambas meta tags para simplificar el mantenimiento.
og:image en el HTML: La imagen no aparecerá aunque esté subida al servidor. Las meta tags son obligatorias.