Comprobador de imágenes OG
Comprueba tu imagen de Open Graph antes de compartir
Pega una URL para ver la etiqueta og:image que declara y cómo se muestra esa imagen en las vistas previas de los enlaces. Detecta imágenes para redes sociales ausentes, recortadas, borrosas o rotas antes de compartir tu enlace.
Imagen encontrada
Comprueba que la página tenga una etiqueta og:image con una URL absoluta HTTPS. Sin ella, las plataformas elegirán una imagen al azar de la página o no mostrarán ninguna imagen.
Título
Descripción
framer.com
Tamaño y proporción
Usa 1200 x 630 píxeles, una proporción de 1,91:1. Las imágenes más pequeñas pueden mostrarse como una miniatura pequeña, y otras proporciones se recortan de forma diferente en cada plataforma.
Título
Descripción
framer.com
Archivo y formato
Usa archivos JPG o PNG de menos de 5 MB. Mantén el texto importante y los logotipos alejados de los bordes, ya que algunas aplicaciones recortan la imagen en formato cuadrado o en una tarjeta más estrecha.
Vistas previas de la plataforma
Compara cómo se ve la misma imagen en LinkedIn, X, Slack, WhatsApp y Google para que la vista previa se vea nítida y alineada con tu marca en todas partes.
Título
Descripción
framer.com
Una guía práctica sobre las imágenes OG
La imagen OG suele ser la parte más grande de la vista previa de un enlace, por lo que influye mucho en si la gente hace clic o no. Aquí te explicamos cómo comprobarla y mejorarla.
¿Qué es una imagen OG?
Una imagen OG es la imagen configurada con la etiqueta meta og:image del protocolo Open Graph. Las redes sociales y las aplicaciones de mensajería la leen para generar la tarjeta de vista previa cuando alguien comparte tu enlace.
¿Cuál es el mejor tamaño para una imagen OG?
1200 x 630 píxeles funciona en casi todas las plataformas. Se adapta a la tarjeta grande de 1,91:1 en LinkedIn, Facebook y X. Añade las etiquetas og:image:width y og:image:height para que las plataformas puedan cargar la imagen más rápido.
Cómo comprobar una imagen OG
Introduce la URL de la página y ejecuta la comprobación. Confirma que la imagen se carga, tiene la proporción correcta y se lee bien en tamaños pequeños. Después, revisa la vista previa de cada plataforma para comprobar que no haya recortes o que el texto no sea demasiado pequeño.
¿Por qué no se muestra mi imagen OG?
Las causas habituales son una URL de imagen relativa, una imagen bloqueada por el archivo robots.txt o un inicio de sesión, un archivo demasiado grande, un tipo de contenido incorrecto o una vista previa antigua guardada en caché. Corrige la etiqueta, vuelve a publicar y actualiza la caché en el depurador de la plataforma.
Imagen OG frente a imagen de tarjeta de Twitter
X lee primero twitter:image y, si no existe, recurre a og:image. Configura twitter:card como summary_large_image para obtener el diseño de imagen grande. En la mayoría de los casos, una sola imagen de 1200 x 630 puede servir para ambos.
Consejos para crear imágenes OG que consigan clics
Utiliza un titular claro o una imagen del producto, un contraste alto y un logotipo reconocible. Procura que el texto sea breve y grande, y crea una imagen única para las páginas importantes en lugar de reutilizar una misma imagen en todo el sitio web.
Encuentra inspiración para imágenes OG
Explora la galería de LinkPreview para ver cómo diseñan sus imágenes de Open Graph más de 1700 sitios web y, luego, comprueba tu propia URL para comparar.
Más herramientas gratuitas: el comprobador de tamaño de imágenes OG, el validador de Twitter Cards, el comprobador de favicons y el generador de metaetiquetas.