웹사이트에 소셜 메타 태그를 추가하는 방법?

저는 이 사이트를 운영하고 있습니다: https://www.graphicdesignforum.com

소셜 미디어(페이스북, 트위터, 링크드인)에 게시물을 공유할 때마다 og:image, og:description와 같은 소셜 미디어 메타 태그, 특히 트위터 카드 관련 메타 태그가 없어서 게시물이 텅 빈 것처럼 보입니다. 첨부된 예시 이미지처럼 이미지, 제목, 설명이 함께 표시되기를 원합니다.

Discourse 엔진에서 이를 설정할 수 있는 옵션을 놓치고 있는 건지, 아니면 이러한 기능을 제공하는 플러그인이 있는지 궁금합니다.

트위터에서 사이트가 어떻게 보이는지 확인하려면 다음 링크를 사용하세요: https://cards-dev.twitter.com/validator
그리고 오픈 그래프 프로토콜에 대해서는 여기서 읽어보실 수 있습니다: https://ogp.me/

그런데 이 정확한 주제 의 소스를 확인해 보면, 이반, 무엇이 보이나요? :eyes:

<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" />

이 태그들은 이미 중요한 모든 곳에 존재합니다. 믿지 못하신다면 직접 소스를 확인해 보세요.

사용자 한 명이 배지가 더 나은 공유 기능을 지원하지 않는다는 점에 대해 불만을 제기했습니다. 배지는 사이트의 메인 페이지와 똑같이 보입니다. (배지 공유가 특히 유용한지 저에게는 명확하지 않지만, 해당 커뮤니티를 넘어 의미를 가질 것이라고 믿는 커스텀 배지를 만들 계획인 것 같습니다)

위에서 제공해 주신 Twitter 링크에서 검증했을 때 제 사이트의 모습입니다. Twitter 카드를 포함한 모든 메타 태그가 존재합니다. 해당 검증기를 통해 특정 게시물을 실행한 링크는 다음과 같습니다:

제가 무엇을 누락했다고 생각하시는지 이해가 되지 않습니다.

다들 감사합니다! 정말 좋은 소식이에요.

robots.txt를 초기화했는데, 이제 Facebook이 카드를 가져올 수 있게 됐어요!