developer - facebook og images

Facebook ignora la imagen de OG en el primer recurso compartido

Question

Estoy desarrollando un sitio de WordPress y estoy usando el plugin seo yoast para generar una imagen og en una página dinámica. Sin embargo, creo que esto no está relacionado con eso. El enlace de imagen og aparece perfectamente, pero si hago clic en el botón compartir, no se incluye ninguna imagen a menos que ya haya hecho clic en el botón compartir antes, o haya usado la herramienta de desarrollador de Facebook para raspar la página primero.

¿Es esto un problema de Facebook, o un problema del servidor quizás?

Answer 1

Puede evitar esto haciendo que su contenido sea "pre-raspado" activando un raspado a través de API tan pronto como lo publique, o especificando también las dimensiones de la imagen a través de metaetiquetas OG.

https://developers.facebook.com/docs/sharing/best-practices#precaching :

Cuando se comparte contenido por primera vez, el rastreador de Facebook raspará y almacenará en caché los metadatos de la URL compartida. El rastreador tiene que ver una imagen al menos una vez antes de poder renderizarla. Esto significa que la primera persona que comparta un contenido no verá una imagen renderizada

Hay dos formas de evitar esto y hacer que las imágenes se procesen en la primera acción Me gusta o Compartir:

1. Pre-cachear la imagen con el depurador de URL
   Ejecute la URL a través del depurador de URL para buscar metadatos para la página. También debe hacer esto si actualiza la imagen para una pieza de contenido.

2. Use og: image: width y og: image: height Abra las etiquetas Graph
   El uso de estas etiquetas especificará la imagen al rastreador para que pueda representarla inmediatamente sin tener que hacerlo asincrónicamente.

El segundo es probablemente más fácil de implementar; aunque es posible que deba modificar su complemento que genera las metaetiquetas OG (o elegir una diferente) si ya no proporciona una opción para generar las dimensiones de la imagen.