¿Qué tamaño debe tener una imagen OG?+
Usa 1200x630 píxeles, una proporción de 1,91:1, en PNG o JPG de menos de 5 MB. Facebook recomienda al menos 1200x630 para vistas previas nítidas y acepta archivos de hasta 8 MB; LinkedIn pide al menos 1200x627 en 1,91:1 y un máximo de 5 MB. Por debajo de 600x315, Facebook muestra la imagen mucho más pequeña. El verificador mide la imagen a partir del propio archivo.
¿Por qué no se ve mi imagen OG en LinkedIn, X o Slack?+
Lo habitual es que falte la etiqueta og:image, que la dirección de la imagen sea relativa, use http o esté tras un inicio de sesión, que el archivo sea demasiado pequeño o pesado, que las etiquetas se añadan con JavaScript después de cargar (X y Apple indican que sus rastreadores no ejecutan JavaScript) o que la app aún guarde una copia antigua. X necesita una etiqueta twitter:card o etiquetas Open Graph de respaldo, LinkedIn muestra las imágenes de menos de 401 píxeles de ancho como miniatura pequeña, y Slack no muestra otra vista previa de un enlace ya compartido en la misma conversación durante la última hora. Comprueba la página aquí: salvo las copias en caché y esa regla de Slack, cada caso aparece con su solución.
¿Cómo borro la caché de la vista previa de un enlace?+
Las apps guardan la vista previa de un enlace durante un tiempo. Para Facebook, pega el enlace en el Sharing Debugger de Meta y pide que vuelva a leer la página; si no, Facebook actualiza los datos de los enlaces cada 30 días. Para LinkedIn, usa el Post Inspector de LinkedIn; la nueva vista previa solo se aplica a publicaciones nuevas. X guarda los datos de las tarjetas hasta 7 días y recomienda comprobar la vista previa pegando el enlace en el editor de un post, sin publicarlo. Slack guarda un enlace en caché unos 30 minutos. Si cambió la propia imagen, dale una dirección nueva, o Facebook no la actualizará.
¿Para qué sirve twitter:card?+
Le dice a X qué tarjeta mostrar para tu enlace. summary_large_image muestra la imagen en grande, a todo el ancho del post; summary muestra solo una miniatura cuadrada pequeña. X usa tus etiquetas Open Graph para el título, la descripción y la imagen cuando faltan las suyas, así que a la mayoría de las páginas solo les falta añadir twitter:card.
¿Para qué sirve og:image:alt?+
Describe lo que hay en la imagen para quienes no pueden verla. El protocolo Open Graph la define como una descripción del contenido de la imagen, no un pie de foto, y la pide en toda página que defina og:image. El verificador lee og:image:alt y su equivalente de X, twitter:image:alt, y marca una imagen sin ninguna de las dos.
¿El verificador de Open Graph es gratis?+
Sí. Comprobar una página es gratis y no requiere cuenta; solo se pueden comprobar páginas públicas. Crear una imagen nueva en OG Image Lab también es gratis. Para descargar el PNG, copiar las metaetiquetas o usar la imagen en el canvas de UX Pilot necesitas una cuenta gratuita de UX Pilot.
