Comment ajouter des balises méta sociales à mon site ?

Je fais fonctionner ce site : https://www.graphicdesignforum.com

Chaque fois que je partage un article sur les réseaux sociaux (Facebook, Twitter, LinkedIn), l’article semble vide car il manque les balises méta spécifiques aux réseaux sociaux, telles que og:image, og:description et, plus précisément, les balises méta liées aux cartes Twitter. J’aimerais que mes articles ressemblent à l’image jointe ci-dessous, avec une image, un titre et une description.

Je me demande si je manque un paramètre dans le moteur Discourse qui me permettrait de configurer cela, ou s’il existe un plugin que je pourrais ajouter pour offrir cette fonctionnalité.

Vous pouvez tester l’apparence de votre site sur Twitter ici : https://cards-dev.twitter.com/validator
Et lire à propos du protocole Open Graph ici : https://ogp.me/

Et pourtant, si nous affichons le code source de ce sujet même, Ivan, que voyons-nous ? :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="Comment ajouter des balises méta sociales à mon site ?" />
<meta name="twitter:title" content="Comment ajouter des balises méta sociales à mon site ?" />
<meta property="og:description" content="J'administre ce site : https://www.graphicdesignforum.com  Chaque fois que je partage un post sur les réseaux sociaux (Facebook, Twitter, LinkedIn), le post semble vide sans les balises méta des réseaux sociaux, telles que og:image, og:description, et plus spécifiquement les cartes Twitter. balises méta associées. J'aimerais que mes posts ressemblent à l'image d'exemple ci-jointe ci-dessous avec une image, un titre, une description.    Je me demande si je manque un paramètre dans le moteur Discourse où je pourrais configurer cela, ou s'il existe un plug-in que je pourrais ajouter t..." />
<meta name="twitter:description" content="J'administre ce site : https://www.graphicdesignforum.com  Chaque fois que je partage un post sur les réseaux sociaux (Facebook, Twitter, LinkedIn), le post semble vide sans les balises méta des réseaux sociaux, telles que og:image, og:description, et plus spécifiquement les cartes Twitter. balises méta associées. J'aimerais que mes posts ressemblent à l'image d'exemple ci-jointe ci-dessous avec une image, un titre, une description.    Je me demande si je manque un paramètre dans le moteur Discourse où je pourrais configurer cela, ou s'il existe un plug-in que je pourrais ajouter t..." />
<meta property="article:published_time" content="2019-11-22T05:17:14+00:00" />
<meta property="og:ignore_canonical" content="true" />

Ces balises sont déjà présentes partout où cela compte. Affichez le code source vous-même si vous ne me croyez pas.

J’ai eu un utilisateur mécontent du fait que les badges ne bénéficient pas d’une meilleure prise en charge du partage. Un badge ressemble exactement à la page principale d’un site. (Il n’est pas clair pour moi que le partage de badges soit particulièrement utile, mais je pense qu’ils vont créer des badges personnalisés qu’ils estimeront avoir une signification au-delà de la communauté.)

Voici à quoi ressemble mon site lorsqu’il est validé via le lien Twitter que vous avez fourni ci-dessus. Tous les balises méta sont présentes, y compris la carte Twitter. Voici un lien vers un article spécifique testé avec ce validateur :

Je ne comprends pas vraiment ce que vous pensez manquer.

Merci à tous ! Excellente nouvelle.

J’ai réinitialisé mon robots.txt et maintenant Facebook peut afficher la carte !