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 that would provide such functionality.
And yet if we view source on this very topic, Ivan, what do we see?
<meta name="twitter:card" content="summary" />
<meta name="twitter:image" content="https://d11a6trkgmumsb.cloudfront.net/optimized/3X/d/2/d2e36f2af9cebf5ca3144c0c882c5f35efbceeb1_2_526x500.jpeg" />
<meta property="og:image" content="https://d11a6trkgmumsb.cloudfront.net/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" />
These tags are already present everywhere that it matters. View Source yourself if you don’t believe me.
I had a user who is unhappy that badges don’t have better sharing support. A badge looks just like the main page of a site. (it’s not clear to me that sharing badges is particularly useful, but I think they are going to create custom badges that they believe will have meaning beyond the community)
This is what my site looks like when validated at the Twitter link you provided above. All the meta tags are there, including the Twitter card. Here’s a link to a specific post run through that validator: