Question 1

¿Qué dimensiones de imagen debo usar para og:image?

Accepted Answer

El tamaño mínimo recomendado es 1200×630 píxeles con una relación de aspecto de 1.91:1. Facebook y LinkedIn recortan imágenes más pequeñas. Use PNG o JPEG de menos de 8 MB. Evite colocar texto crítico demasiado cerca de los bordes, ya que las plataformas pueden recortar ligeramente la imagen para miniaturas.

Question 2

¿Cuál es la diferencia entre og:type y los tipos de Twitter Card?

Accepted Answer

og:type describe qué tipo de contenido es la página: 'website' para páginas generales, 'article' para entradas de blog, 'video.other' para contenido de video. Twitter Cards es un sistema separado: summary muestra una miniatura pequeña, summary_large_image muestra una imagen de ancho completo y player incrusta video. Se configuran independientemente con <meta name="twitter:card">.

Question 3

¿Puedo generar imágenes OG dinámicas automáticamente?

Accepted Answer

Sí. Herramientas como @vercel/og de Vercel (usando la ImageResponse API) y las transformaciones basadas en URL de Cloudinary permiten generar imágenes al vuelo a partir de texto y plantillas. En Next.js, puede crear una ruta opengraph-image.tsx que renderiza React a una imagen PNG en tiempo de solicitud usando el runtime de Edge.

Question 4

¿Por qué importa og:url y cómo debe coincidir con canonical?

Accepted Answer

og:url le dice a las plataformas sociales a qué URL asociar la tarjeta de compartir, evitando conteos duplicados de tarjetas cuando se accede a una página desde múltiples URLs (por ej. con/sin barra final o parámetros UTM). Debe coincidir exactamente con la URL de <link rel="canonical"> para señalar la dirección autorizada de la página.

Question 5

¿Por qué mi imagen OG no se actualiza después de cambiarla?

Accepted Answer

Las plataformas sociales almacenan agresivamente en caché los metadatos OG. Facebook almacena hasta 7 días; Twitter/X por períodos más cortos. Para forzar una actualización: use el Facebook Sharing Debugger (developers.facebook.com/tools/debug) o el Twitter Card Validator para rastrear y actualizar la caché. Cambiar la URL de la imagen (por ej. añadiendo un query string para invalidar caché) obliga a las plataformas a recuperar de inmediato.

Vista previa OG

Facebook / LinkedIn

Twitter

Preguntas Frecuentes

Comments & Feedback