¡Hola!
Tengo problemas para producir una imagen al intentar publicar el enlace en Twitter y LinkedIn. Termino obteniendo estas imágenes en su lugar. Lo tenemos configurado con nuestro logotipo en los metadatos, pero no aparece. ¿Cómo lo soluciono para que aparezca la imagen que queremos?
¡Gracias de antemano!
Funciona aquí: ¿es esta la imagen que esperabas?
Entonces, el problema no son las vistas previas de los enlaces de imágenes de Discourse en los temas, ¿sino la visualización de los enlaces de su foro en plataformas como Twitter/LinkedIn?
¡Lo es! Pero no es la imagen que aparece para Twitter o Linkedin.
Correcto: no aparece en Twitter ni en LinkedIn.
El probador de opengraph nos muestra que todo debería estar bien:
<!-- HTML Meta Tags -->
<title>Zoo Community Forum</title>
<meta name="description" content="A place for the community to help each other learn how to use the Zoo tools and API.">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://community.zoo.dev">
<meta property="og:type" content="website">
<meta property="og:title" content="Zoo Community Forum">
<meta property="og:description" content="A place for the community to help each other learn how to use the Zoo tools and API.">
<meta property="og:image" content="https://discourse-uploads.zoo.dev/original/1X/162d5a9fda090bf15dbdcbb3d5b82056970f13a8.svg">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="community.zoo.dev">
<meta property="twitter:url" content="https://community.zoo.dev">
<meta name="twitter:title" content="Zoo Community Forum">
<meta name="twitter:description" content="A place for the community to help each other learn how to use the Zoo tools and API.">
<meta name="twitter:image" content="https://discourse-uploads.zoo.dev/original/1X/162d5a9fda090bf15dbdcbb3d5b82056970f13a8.svg">
<!-- Meta Tags Generated via https://www.opengraph.xyz -->
y espera los siguientes resultados para mostrar en Twitter y LinkedIn:
El problema no parece estar en los datos que devuelve Discourse.
Suponiendo, por supuesto, que Twitter/LinkedIn reciben estos datos.
Supongo que el problema es que Cloudflare está bloqueando la solicitud de Twitter/LinkedIn que rastrea el sitio para generar la vista previa.
Ahh, ya veo - entonces parece que no hay nada más que pueda hacer de mi parte.
¡Gracias por tu ayuda!
No es del lado de Discourse, creo.
El siguiente paso sería probar esta suposición.
Asegúrate de haber seguido la Guía de Cloudflare.
Desactivar Cloudflare temporalmente puede ayudar, pero Twitter/LinkedIn podrían almacenar en caché sus resultados y esto podría no tener un efecto inmediato.
Los registros de acceso podrían tener más información.
Publicar en la Comunidad de Cloudflare sobre esto podría ayudar.
Observo que https://community.cloudflare.com/ sí aparece correctamente en Twitter/LinkedIn, por lo que evidentemente han logrado que esto funcione.
