siguientes - Facebook Open Graph No hay imagen por primera vez
open graph facebook (7)
Debe proporcionar el enlace de la imagen correctamente en la propiedad og:image . Si aún no obtiene la miniatura, agregue la height y el width imagen de esta manera:
<meta property="og:image:width" content="450" />
<meta property="og:image:height" content="298" />
Estoy tratando de configurar un botón de compartir / enviar con un enlace. He configurado correctamente las etiquetas de imagen de gráfico abierto en una página, pero al abrir el cuadro de diálogo compartir / enviar por primera vez, la imagen no se muestra. Sin actualizar la página, abriendo el cuadro de diálogo compartir / enviar por segunda vez, se mostrará la imagen. La URL de la página y las imágenes están todas en HTTP (en lugar de HTTPS).
No puedo simplemente usar la herramienta URL-Linting ya que la página tendrá una URL única. El sitio web trata sobre el envío de flores virtuales a las personas, por lo que la página para compartir se genera de forma reciente.
Realmente agradecería alguna ayuda :)
Encontré el problema. De alguna manera, este problema ocurre si no establece sus etiquetas de gráfico abierto correctamente.
Incorrecto:
<meta property="og:image" content="http://asdfg.com/<%= videoId %>/image" />
Correcto:
<meta property="og:image" content="http://asdfg.com/<%= videoId %>/image" />
<meta property="og:image:secure_url" content="https://asdfg.com/<%= videoId %>/image" />
<meta property="og:image:width" content="640" />
<meta property="og:image:height" content="442" />
Esto podría ayudar a alguien.
Descubrí que a Facebook no le gustaba la imagen cuadrada que usé (1000px x 1000px),
así que lo recorté a 660px x 315x y Facebook lo aceptó.
La configuración de og: ancho y alto no ayudó y fue literalmente sobre las dimensiones de la imagen.
Otra respuesta posible que me funcionó: asegúrate de que tienes la etiqueta meta og: image antes que todas las demás etiquetas, de lo contrario, ¡todavía no funciona!
Si todavía tienes problemas, es posible que también debas agregar la propiedad de MIME type , como esta:
<meta property="og:image:type" content="image/jpeg">
NOTA: esa es la image/jpeg no la image/jpg - (tienes que tener la e dentro)
El rastreador FB acepta image/gif , image/jpeg , image/png
Tal vez, ayudará a alguien. No tengo idea de por qué, pero después de quitar esto de mi bloque ''cabeza''
<link rel="image_src" href="{MY_IMAGE_URI_HERE}" />
El problema ha sido resuelto.
Aquí están mis etiquetas meta
...
<meta property="fb:app_id" content="{APP_ID}"/>
<meta property="og:image" content="https://{IMAGE_THUMB_URI}" />
<meta property="og:image:secure_url" content="https://{IMAGE_THUMB_URI}" />
<meta property="og:image:width" content="450" />
<meta property="og:image:height" content="236" />
<meta property="og:url" content="{PAGE_URI}"/>
<meta property="og:title" content="{PAGE_TITLE}"/>
<meta property="og:description" content="{PAGE_DESC.}"/>
...
Estoy usando ''https'' en ambas etiquetas meta ( og: image & og: image: secure_url ), porque el sitio web está usando ssl.
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.
Agregué og: image: width y og: image: height, verifiqué todas mis etiquetas de propiedad y el problema seguía ahí.
Encontré una solución alternativa para este error de Facebook que funcionaba: 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.
<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>