Ein Blog

Ihr kennt sicher open graph meta tags oder habt sie schon im Einsatz gesehen. Mit denen kann eine Webseite verschiedenen Clients ermöglichen, schönere Link-Previews anzuzeigen. Mit großen Vorschau-Bildern oder sogar -Videos. OGP ist ein offener Standard. Dann kam Twitter und hat für sich selbst eigene HTML-Tags definiert. Die haben dann andere Clients auch verwendet und sind deshalb mittlerweile nicht mehr nur ein Twitter-Ding. Man benutzt mittlerweile beides. Das geht auch teilweise über einfache Video-Embeds hinaus. Wer schonmal einen TikTok-Link bei Discord verschickt hat, sieht, dass dort dann nicht der native Video-Player ist, sondern ein komplett von TikTok servierter HTML-IFrame.

Wo wir bei Discord sind: Discord selbst hat ja für Bot-Interaktionen und WebHooks ein eigenes Komponentensystem mit ganz rudimentären Layout-Komponenten, Buttons, Dropdowns etc. Sie haben jetzt den Twitter gepullt. Eine Webseite kann jetzt über Meta-Tags solche Komponenten definieren, die dann in Discord als richtige Components gerendert werden. Es gibt ein paar Einschränkungen aber im Prinzip könnte das die nächste Stufe der OGP-Twitter-Meta-Tags sein.

Wer das mal im Einsatz sehen will, hier ist ein Demo-Link, den ihr mal in Discord pasten könnt.

Darüber hinaus sind hier noch ein paar weitere Ressourcen (die ich jetzt eigentlich nur für mich noch hier notiere):