Cada vez que comparto una publicación en redes sociales (Facebook, Twitter, LinkedIn), la publicación se ve vacía porque faltan las etiquetas meta para redes sociales, como og:image, og:description y, más específicamente, las etiquetas meta relacionadas con las tarjetas de Twitter. Me gustaría que mis publicaciones se vieran como el ejemplo adjunto a continuación, con una imagen, un título y una descripción.
Me pregunto si me estoy perdiendo alguna configuración en el motor de Discourse donde podría configurar esto, o si existe un complemento que pueda agregar para proporcionar esta funcionalidad.
Y sin embargo, si vemos el código fuente de este mismo tema, Ivan, ¿qué vemos?
<meta name="twitter:card" content="summary" />
<meta name="twitter:image" content="https://global.discourse-cdn.com/meta/optimized/3X/d/2/d2e36f2af9cebf5ca3144c0c882c5f35efbceeb1_2_526x500.jpeg" />
<meta property="og:image" content="https://global.discourse-cdn.com/meta/optimized/3X/d/2/d2e36f2af9cebf5ca3144c0c882c5f35efbceeb1_2_526x500.jpeg" />
<meta name="twitter:url" content="https://meta.discourse.org/t/how-to-add-social-meta-tags-to-my-site/134111" />
<meta property="og:title" content="How to add social meta tags to my site?" />
<meta name="twitter:title" content="How to add social meta tags to my site?" />
<meta property="og:description" content="I’m running this site: https://www.graphicdesignforum.com Whenever I share a post on social media (Facebook, Twitter, Linkedin), the post looks barren without the social media meta tags, such as og:image, og:description, and more specifically twitter cards. related meta tags. I wish my posts looked like the attached example image below with an image, title, description. I wonder if I’m missing a setting in the Discourse engine where I could set this up, or if there is a plug-in I could add t..." />
<meta name="twitter:description" content="I’m running this site: https://www.graphicdesignforum.com Whenever I share a post on social media (Facebook, Twitter, Linkedin), the post looks barren without the social media meta tags, such as og:image, og:description, and more specifically twitter cards. related meta tags. I wish my posts looked like the attached example image below with an image, title, description. I wonder if I’m missing a setting in the Discourse engine where I could set this up, or if there is a plug-in I could add t..." />
<meta property="article:published_time" content="2019-11-22T05:17:14+00:00" />
<meta property="og:ignore_canonical" content="true" />
Estas etiquetas ya están presentes en todos los lugares que importan. Si no me crees, verifica tú mismo el código fuente.
Tuve un usuario que está insatisfecho porque los insignias no tienen mejor soporte para compartir. Una insignia se ve exactamente como la página principal de un sitio. (No me queda claro que compartir insignias sea particularmente útil, pero creo que van a crear insignias personalizadas que, según ellos, tendrán significado más allá de la comunidad)
Así es como se ve mi sitio cuando se valida en el enlace de Twitter que proporcionaste arriba. Todas las etiquetas meta están presentes, incluida la tarjeta de Twitter. Aquí hay un enlace a una publicación específica procesada con ese validador:
