How to add social meta tags to my site?

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 that would provide such functionality.

You can try how your site looks like on Twitter here: https://cards-dev.twitter.com/validator
And read about the open graph protocol here: https://ogp.me/

1 Like

And yet if we view source on this very topic, Ivan, what do we see? :eyes:

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

3 Likes

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)

1 Like

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:

I guess I don’t understand what you think is missing.

2 Likes

Thank you guys! Great news.

I reset my robots.txt and how Facebook can pull the card!

5 Likes

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.