Wenn ich einen Beitrag in sozialen Medien (Facebook, Twitter, LinkedIn) teile, wirkt der Beitrag kahl, da die Social-Media-Metatags fehlen, wie z. B. og:image, og:description und insbesondere die Metatags für Twitter Cards. Ich möchte, dass meine Beiträge so aussehen wie im unten angehängten Beispielbild mit einem Bild, Titel und Beschreibung.
Ich frage mich, ob mir eine Einstellung in der Discourse-Engine fehlt, mit der ich dies einrichten könnte, oder ob es ein Plugin gibt, das diese Funktionalität bietet.
Und doch, wenn wir uns den Quellcode dieses ganz bestimmten Themas ansehen, Ivan, was sehen wir dann?
<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" />
Diese Tags sind bereits überall dort vorhanden, wo es zählt. Schau dir selbst den Quellcode an, wenn du mir nicht glaubst.
Ich hatte einen Nutzer, der unzufrieden darüber ist, dass Abzeichen keine besseren Teilen-Funktionen bieten. Ein Abzeichen sieht genau wie die Hauptseite einer Website aus. (Mir ist nicht klar, dass das Teilen von Abzeichen besonders nützlich ist, aber ich glaube, sie werden benutzerdefinierte Abzeichen erstellen, von denen sie glauben, dass sie über die Community hinaus eine Bedeutung haben werden.)
So sieht meine Seite aus, wenn sie mit dem von Ihnen bereitgestellten Twitter-Link validiert wird. Alle Meta-Tags sind vorhanden, einschließlich der Twitter-Karte. Hier ist ein Link zu einem bestimmten Beitrag, der durch diesen Validator läuft:
