La imagen OpenGraph no se está detectando correctamente

Facebook está tomando el logo del foro como imagen OG, en lugar de la imagen principal en la parte superior del cuerpo de mi publicación. He intentado depurar/extraer mediante la herramienta de depuración de desarrolladores de Facebook. No hubo cambios.

Disculpa si esto ya se ha tratado, pero he leído un montón de hilos en este foro y no he podido encontrar una solución.

¡Gracias por tu ayuda!

Es posible que tu imagen de logotipo sea demasiado grande. En la imagen de vista previa de arriba, se ve enorme.

Parece que hay un componente de tema instalado en el sitio que está interfiriendo con el rastreador de Facebook. El componente está agregando esto dentro de <head>:

<!-- Facebook Pixel Code -->
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1544745645741448&amp;ev=PageView&amp;noscript=1">
<!-- End Facebook Pixel Code -->

Las imágenes no deberían incluirse en <head>, por lo que la mayoría de los navegadores simplemente las ignora. El rastreador de Facebook parece detectar la etiqueta img y cerrar <head> prematuramente. Desde su herramienta de depuración:

<!-- Facebook Pixel Code -->
</head>
<body>
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1544745645741448&amp;ev=PageView&amp;noscript=1">
<!-- End Facebook Pixel Code -->

Esta etiqueta mágica </head><body> no aparece al usar curl ni en ningún navegador. Comportamiento muy extraño por parte de Facebook.

Pero de todos modos, la solución aquí es que muevas el píxel de seguimiento de Facebook de la sección <head> del componente del tema a la sección Header del mismo componente.

@codinghorror,

No estoy seguro de si estoy pasando por alto algo, pero mi problema es que no quiero que aparezca el logotipo del foro. En su lugar, quiero que se muestre la primera imagen de la publicación.

Así que, si la imagen real de la publicación (una foto mía) es la que debe aparecer, ¿qué importa el tamaño del logotipo? Supongo que mi pregunta es: ¿por qué preocupa el tamaño del logotipo si ni siquiera quiero que se muestre? Espero que tenga sentido.

@david,

No tengo ningún tema personalizado instalado. Es una instalación estándar de Discourse. De hecho, ni siquiera sé cómo instalar un tema o un complemento para Discourse.

El tamaño de la imagen es algo relevante, porque cuando Facebook no puede encontrar una etiqueta og:image, selecciona la imagen más grande de tu sitio. En este caso, el logotipo es más grande que la foto, por lo que seleccionó el logotipo.

Sin embargo, Discourse sí incluye etiquetas og:image; simplemente están siendo rotas por el tema de tu sitio.

Debes tenerlo: el píxel de seguimiento de Facebook se está agregando mediante un tema. Cuando uso el modo seguro, desaparece. Ve a /admin/customize/themes, presiona Editar HTML y ve a la pestaña </head>. Sospecho que verás el código de Facebook allí.

Mira esta imagen: no tengo temas personalizados y no hay ninguna opción de “Editar HTML” allí.

Haz clic en “default” a la izquierda; luego deberías ver el botón de editar.

¡Eso fue todo! ¡Síiii! ¡Muchas gracias!