tamaño - og:image facebook

Compartir en Facebook: la miniatura no se muestra por primera vez (4)

https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.frcc.us%2F1197%3Fv%3D3422%26f%3D5

Deberías ver que tiene miniatura ahora. Pero cada vez que publico un nuevo enlace desde mi sitio web (configurado como el ejemplo anterior), la miniatura no se mostrará por primera vez. Tengo que actualizar, y luego se muestra la miniatura.

Debería incluir etiquetas og válidas. Cuando pruebo mis enlaces en https://developers.facebook.com/tools/debug

A veces me da un error decir og: la imagen debería ser más grande. Entonces solo tengo que depurarlo de nuevo y luego el error desaparece.

og: la imagen para todos mis enlaces es la misma. He proporcionado la imagen más grande 1500x1500 . No hay redireccionamiento cuando enlace a la imagen.

¿Por qué?

Ve here
Ingresa la URL de tu video de YouTube
Haga clic en "Obtener nueva información de raspado"
Volver a facebook
Recargar la pagina
Ingrese la URL nuevamente

Y debería funcionar bien

De acuerdo con este bug en el rastreador de errores de Facebook:

Esto es por diseño, no garantizamos que se recoja la imagen correcta inmediatamente cuando comparte un enlace por razones de rendimiento.
En este momento, si desea asegurarse de que se utiliza la imagen correcta antes de publicar, asegúrese de activar un rasguño a través del depurador o simplemente cargando el panel de vista previa dos veces (una para activar un rasguño, luego una vez para obtener una vista previa del raspado completo). compartir).
A partir de la próxima semana (11/11), también puede asegurarse de que se recoja inmediatamente la imagen correcta describiendo la imagen con og:image . Tanto el ancho como la altura deben definirse para que se use.

La razón es que FB detrás de escena sigue raspando tu página y guardando la imagen en caché. La próxima vez, de hecho, también tiene la imagen. ¿Cómo resolverlo? Almacenamiento en caché manual previo: https://developers.facebook.com/docs/sharing/best-practices#precaching

o simplemente añadir

<meta property="og:image:width" content="450"/> <meta property="og:image:height" content="298"/>

ACTUALIZAR

¡Esta solución con iframe ya no funciona ! Funcionó desde ayer 06 de febrero de 2017. Facebook acaba de configurar X-Frame-Options como DENY, por lo que no puede cargar la URL del usuario en un iFrame. Estoy pensando en otra solución.

Desafortunadamente, agregar og: image: width y og: image: height no me funcionó.

Encontré una solución para este error de Facebook que funcionó: agregué un iFrame oculto con el enlace que comparte en el pie de página; De esta forma, el rastreador de facebook comprueba la página una vez cargada.

Ejemplo del iFrame oculto:

<iframe style="width: 0px; height: 0px; margin: 0px; padding: 0px;" src="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.example.com"></iframe>