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.
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>:
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:
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.
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.
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í.