Sempre que compartilho uma postagem nas redes sociais (Facebook, Twitter, LinkedIn), a postagem fica sem graça na ausência das meta tags de mídia social, como og:image, og:description e, mais especificamente, as tags relacionadas aos Twitter Cards. Gostaria que minhas postagens tivessem a aparência do exemplo de imagem anexado abaixo, com uma imagem, título e descrição.
Fico me perguntando se estou perdendo alguma configuração no motor Discourse onde poderia configurar isso, ou se existe um plug-in que eu possa adicionar para fornecer essa funcionalidade.
E, no entanto, se visualizarmos o código-fonte deste próprio tópico, Ivan, o que vemos?
<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" />
Essas tags já estão presentes em todos os lugares que importam. Visualize o código-fonte você mesmo se não acreditar em mim.
Tive um usuário que ficou insatisfeito porque as credenciais não têm um suporte melhor para compartilhamento. Uma credencial se parece exatamente com a página principal de um site. (Não tenho certeza de que compartilhar credenciais seja particularmente útil, mas acredito que eles vão criar credenciais personalizadas que, segundo eles, terão significado além da comunidade)
É assim que meu site aparece quando validado no link do Twitter fornecido acima. Todas as meta tags estão presentes, incluindo o cartão do Twitter. Aqui está um link para uma postagem específica processada por esse validador:
