Preferencias de cookies
Usamos cookies para analítica. Política de privacidad Puedes aceptar o rechazar el seguimiento no esencial.
Guía práctica sobre «Tamaños de imagen de Open Graph para 2026»: pasos clave, errores comunes e implementación con Vista Previa OG.
Ir a la herramienta
Editor visual de etiquetas Open Graph para redes sociales.
Cada plataforma recorta las imágenes de Open Graph de manera diferente. Utilizar el tamaño incorrecto significa que su vista previa cuidadosamente diseñada se arruina -- texto cortado, caras recortadas, logotipos faltantes. Aquí están las especificaciones exactas que funcionan en 2026.
| Plataforma | Tamaño (px) | Relación de Aspecto | Tipo de Tarjeta |
|---|---|---|---|
| 1200 x 630 | 1.91:1 | Compartir predeterminado | |
| 1200 x 630 | 1.91:1 | Compartir de artículo/enlace | |
| Twitter/X | 1200 x 628 | 1.91:1 | summary_large_image |
| Twitter/X | 120 x 120 | 1:1 | summary (tarjeta pequeña) |
| Discord | 1200 x 630 | 1.91:1 | Vista previa de incrustación |
| Telegram | 1200 x 630 | 1.91:1 | Vista previa de enlace |
| 1200 x 630 | 1.91:1 | Vista previa de enlace |
La apuesta segura universal: 1200 x 630 píxeles con una relación de aspecto de 1.91:1. Esto funciona en todas partes.
Facebook, LinkedIn y Twitter todas recortan ligeramente de manera diferente en los bordes. Mantenga todo el contenido importante (texto, logotipos, caras) dentro del 80% central de la imagen. Eso significa un relleno de 120px en todos los lados de una imagen de 1200x630.
Zona segura visual:
|--- 120px ---|---- área visible 960x506 ----|--- 120px ---|<meta property="og:image" content="https://yoursite.com/images/og-cover.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:type" content="image/jpeg" />Siempre utilice una URL absoluta con HTTPS. Las rutas relativas y las URLs HTTP fallan silenciosamente en la mayoría de las plataformas.
Para Twitter/X, también incluya:
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yoursite.com/images/og-cover.jpg" />?v=2 a la URL para borrar la caché (consulte Guía de Depuración de Caché).Este artículo es revisado por el equipo editorial de Tools Hub para validar precisión, relevancia práctica y consistencia con los flujos actuales del producto.
Última revisión:
Guía práctica sobre «Por qué las vistas previas de OG no se actualizan: depuración de caché»: pasos clave, errores comunes e implementación con Vista Previa OG.
Estructura de blog AI genera estructuras de artículos optimizadas para SEO, marcos de liderazgo editorial y guías paso a paso.
Guía práctica sobre «Plan experimental de meta descripción CTR para equipos editoriales»: pasos clave, errores comunes e implementación con AI de Meta Descripciones.
Guía práctica sobre «Flujo de trabajo de metadescripción programática para catálogos grandes»: pasos clave, errores comunes e implementación con AI de Meta Descripciones.