¿Establecer la imagen utilizada para compartir en redes sociales?

Yes this is a great fallback.

Also apologies I forgot we added that other per-category social media share image setting. I kinda blacked that out due to trauma over the earlier discussion :face_with_head_bandage:

When working on adding this feature I caught a bug. I noticed that right now here is how we prioritize OpenGraph image: first post image > opengraph_image > twitter_summary_large_image_url > site_apple_touch_icon_url.

And https://discourse.codinghorror.com did had the site_apple_touch_icon_url so the twitter:image tag was present <meta name="twitter:image" content="/images/default-apple-touch-icon.png" />.

Turns out Twitter does not support relative image paths. This is now fixed via:

Above commit also adds logo_url as last resort for OpenGraph/Twitter image tag. This updates opengraph image priority to: first post image > opengraph_image > twitter_summary_large_image_url > site_apple_touch_icon_url > logo_url.

Verified the fix on https://discourse.codinghorror.com:

When set, the large_icon may be preferable than site_apple_touch_icon_ur because it’s larger. Also we did bug everyone to set it already.

I added the large_icon as fallback. The new priority is: first post image > opengraph_image > twitter_summary_large_image_url > site_large_icon_url > site_apple_touch_icon_url > site_logo_url .

REFACTOR: Simplify finding the opengraph image · discourse/discourse@ec7f418 · GitHub

This also removes the warning that has been flooding the logs.

SiteSetting.logo_url has been deprecated and will be removed in the 2.4 Release. Please use SiteSetting.logo instead

Muchas de las publicaciones en nuestra comunidad pueden contener varias imágenes.

¿Existe alguna forma de etiquetar una imagen o definir, para un tema específico, qué imagen se debe utilizar para OpenGraph y el intercambio en redes sociales?

Además, el plugin Vistas previas de la lista de temas (de @merefield y @angus) toma la primera imagen de una publicación y la utiliza como imagen de miniatura o mosaico. Me pregunto si hay alguna forma de indicar al plugin que utilice la segunda, tercera, octava imagen, etc.


Por cierto, @codinghorror, pude probar la función Mejor inserción de hipervínculos de la versión 2.4 mencionada anteriormente para encontrar la discusión del plugin Vistas previas de la lista de temas, y justo aquí con este hipervínculo. ¡Nueva función muy elegante!! :raising_hands:

Esa función ya está incluida en el plugin. Añadí un selector de miniaturas el año pasado :slight_smile: (por cierto, no he considerado cómo podría afectar al intercambio en redes sociales; ¡siéntete libre de experimentar!).

Sí: la primera imagen grande es la que se utiliza. Asegúrate de que la imagen más importante sea la primera (y lo suficientemente grande; las imágenes pequeñas no funcionarán).

@merefield y @codinghorror - Puedo confirmar que la herramienta Vistas previas de la lista de temas no solo te permite seleccionar qué imagen deseas usar como imagen destacada para tus miniaturas, sino que, al hacerlo, la imagen seleccionada también se convertirá en la que aparece para OpenGraph y el intercambio en redes sociales, en lugar de la configuración predeterminada de mostrar la primera imagen del mensaje.

Aquí hay un ejemplo donde elegí usar la 8.ª imagen con la función “Seleccionar miniatura” y así es como ahora aparece el mensaje al compartirlo (y en mi página de temas “Más recientes”):
https://forums.pickleballist.com/t/pickleball-made-a-huge-dent-in-my-life-heres-the-story/130

Así es como seleccionar una imagen de miniatura, usando el plugin de vista previa de la lista de temas

Para que conste: Discourse Core tiene la capacidad de hacer esto desde febrero de 2021. Es posible que busquemos hacerlo más visible en el futuro, pero por ahora puedes editar manualmente el markdown de la imagen y establecer una como miniatura.

Por defecto, Discourse usará la primera imagen en el OP del tema. Si deseas seleccionar una imagen diferente del OP, agrega |thumbnail al markdown. Por ejemplo

![alttext|100x100](upload://aaa)
![alttext|100x100|thumbnail](upload://bbb) << esta será la miniatura

(esto se discutió originalmente en el tema oficial Topic List Thumbnails, pero esta función principal de selección de miniaturas no es específica de este componente temático)