Imágenes en enlaces compartidos

Metaetiqueta de Open Graph

La etiqueta og:image se puede utilizar para especificar la URL de la imagen que aparece cuando alguien comparte el contenido en Facebook. La lista completa de propiedades de imagen se puede consultar aquí.

Requisitos

  • La dimensión de imagen mínima permitida es de 200 x 200 píxeles.
  • El tamaño del archivo de imagen no debe ser superior a 8 MB.
  • Utiliza imágenes de al menos 1200 x 630 píxeles para optimizar la visualización en dispositivos de alta resolución. Como mínimo, deberías usar imágenes de 600 x 315 píxeles a fin de mostrar publicaciones de la página con enlace que incluyan imágenes más grandes.
  • Si tu imagen tiene un tamaño inferior a 600 x 315 px, se mostrará igualmente en la publicación de la página con enlace, pero el tamaño será mucho menor.
  • También hemos rediseñado las publicaciones de la página con enlace para que la relación de aspecto de las imágenes sea la misma en la sección de noticias del ordenador y del móvil. Intenta que tus imágenes tengan una relación de aspecto lo más cercana posible a 1,91:1 a fin de que se muestren en su totalidad y sin recortes en la sección de noticias.
  • El rastreador solo acepta las codificaciones gzip y deflate, por lo que debes asegurarte de que el servidor utilice la codificación correcta.

Almacenar imágenes previamente en caché

Cuando se comparta un contenido por primera vez, el rastreador de Facebook extraerá y almacenará en caché los metadatos de la URL compartida. Para que una imagen se pueda representar, el rastreador debe verla al menos una vez. Por lo tanto, la primera persona que comparta contenido no verá ninguna imagen representada:

Hay tres formas de evitar esta situación y mostrar imágenes la primera vez que un contenido reciba un Me gusta o se comparta:

  1. Almacenar previamente en caché la imagen mediante 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 puedes utilizar esta opción para actualizar la imagen de un contenido.

  2. Almacenar previamente en caché la imagen mediante la API Graph: ejecuta una extracción forzada de la URL mediante programación a través de la API Graph para hacer una captura previa de los metadatos de la página. También puedes utilizar esta opción para actualizar la imagen de un contenido.

  3. Utilizar las etiquetas og:image:width y og:image:height de Open Graph: estas etiquetas indicarán al rastreador las dimensiones de la imagen, por lo que podrá mostrarla al instante sin necesidad de descargarla ni procesarla de forma asíncrona.

Actualizar imágenes

Se almacenan en caché todas las imágenes de referencia en función de la URL de cada imagen. Por tanto, si reemplazas una imagen:

  • Utiliza una URL nueva para la nueva imagen. De lo contrario, la imagen no se actualizará.
  • No elimines las imágenes antiguas, ya que pueden existir historias que hagan referencia a estas.
  • Sigue las instrucciones de la sección anterior para asegurarte de que el rastreador ha descargado la nueva imagen.

Ten en cuenta que, al actualizar la imagen de una URL, no se actualiza automáticamente la vista previa de las compartidas anteriormente. Para ello, debes actualizar el contenido compartido como se describe aquí.

Solución de problemas

Si las imágenes de una URL no se muestran correctamente y tienes problemas para solucionarlo, intenta insertar la URL de la imagen en el depurador de contenido compartido a fin de detectar cualquier error. Si crees que el problema es nuestro, considera la posibilidad de enviarnos un informe de errores.