Imágenes en enlaces compartidos
La metaetiqueta de Open Graph
La etiqueta og:image puede usarse para especificar la URL de la imagen que aparece cuando alguien comparte contenido en Facebook. Puedes encontrar aquí la lista completa de propiedades de la imagen.
Requisitos
- La imagen debe tener, como mínimo, una dimensión de 200 x 200 píxeles.
- El tamaño del archivo de imagen no puede superar los 8 MB.
- Utiliza imágenes de al menos 1.200 x 630 píxeles para optimizar la visualización en dispositivos de mayor resolución. Como mínimo, utiliza imágenes de 600 x 135 píxeles para mostrar publicaciones de páginas con enlaces que tienen imágenes más grandes.
- Si la imagen es menor que 600 x 315 píxeles, también se mostrará en la publicación de la página con enlace, pero el tamaño será mucho menor.
- Rediseñamos las publicaciones de páginas con enlaces, por lo que la relación de aspecto de las imágenes es la misma en el feed de las computadoras y de los dispositivos móviles. Intenta que las imágenes se mantengan lo más cerca posible a una relación de aspecto de 1,91:1 para poder mostrar la imagen completa en el feed sin que sea necesario recortarla.
- Nuestro rastreador solo admite codificación gzip y deflate. Asegúrate de que tu servidor use la codificación correcta.
Almacenamiento previo en caché de imágenes
Cuando se comparta contenido por primera vez, el rastreador de Facebook extraerá los metadatos de la URL compartida y los almacenará en caché. El rastreador debe ver una imagen al menos una vez antes de poder renderizarla, lo que significa que la primera persona que comparta contenido no verá una imagen renderizada.
Existen tres maneras de evitar esto y lograr que se rendericen las imágenes al primer "Me gusta" o cuando se comparte el contenido por primera vez:
Almacena la imagen previamente en caché con el depurador de contenido compartido: ejecuta la URL a través del depurador de URL para hacer una captura previa de los metadatos de la página. También se puede usar para actualizar la imagen del contenido.
Almacena la imagen previamente en caché con la API Graph: realiza una extracción forzada de la URL de manera programática usando la API Graph para hacer una captura previa de los metadatos de la página. También se puede usar para actualizar la imagen del contenido.
Usa las etiquetas
og:image:widthyog:image:heightde Open Graph: estas etiquetas indican al rastreador el tamaño de la imagen, de modo que pueda mostrarla al instante sin necesidad de descargarla y procesarla de forma asincrónica.
Actualizar imágenes
Almacenamos en caché todas las imágenes referenciadas según la URL de la imagen, por lo que, si remplazas una imagen:
- Usa una nueva URL para la nueva imagen, de lo contrario, esta no se actualizará.
- No elimines las imágenes anteriores, porque puede haber historias preexistentes que hagan referencia a una imagen anterior.
- Sigue las instrucciones de la sección anterior y asegúrate de que el rastreador haya descargado la nueva imagen.
Ten en cuenta que cargar la imagen de una URL no actualizará automáticamente la vista previa del contenido anterior compartido. Para hacerlo, debes actualizar el contenido compartido como se describe aquí.
Solución de problemas
Si no logras que se muestren las imágenes de una URL correctamente, intenta vincular la URL de la imagen al depurador de contenido compartido en busca de errores. Si crees que hay un problema de nuestro lado, considera completar un informe de error y enviárnoslo.