Open-Graph- und Social-Card-Generator

So nutzen Sie den Open-Graph-Generator

1. Geben Sie den Titel und die Beschreibung ein, die Menschen sehen sollen, wenn Ihr Link geteilt wird. Sie dürfen vom SEO-Titel abweichen: Schreiben Sie sie für einen Social-Media-Feed.
2. Ergänzen Sie die Seiten-URL (die kanonische Adresse) und die Bild-URL. Beide müssen absolut sein und mit https:// beginnen.
3. Beschreiben Sie das Bild unter Bildbeschreibung (Alt-Text), damit Menschen mit Screenreader wissen, was es zeigt.
4. Wählen Sie unter Vorschaubild dasselbe Bild aus oder legen Sie es dort ab. Es bleibt auf Ihrem Gerät: Das Tool nutzt es nur, um die Vorschauen zu zeichnen und Bildbreite (px) und Bildhöhe (px) auszufüllen.
5. Legen Sie Name der Website, Inhaltstyp und Locale fest (auf dieser Seite ist de_DE vorausgefüllt; für Österreich oder die Schweiz passen de_AT bzw. de_CH), wählen Sie dann den Stil der X-Card (Twitter) und, falls vorhanden, die X-Konten der Website und des Autors.
6. Prüfen Sie die Vorschauen und die Liste Prüfungen, klicken Sie dann auf Kopieren oder Herunterladen und fügen Sie die Tags in den <head> der Seite ein.

Was Open-Graph-Tags bewirken

Wird ein Link in Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage und vielen anderen Apps eingefügt, ruft ein Crawler die Seite ab und liest ihre Open-Graph-Meta-Tags (og:), um daraus eine Karte zu bauen: ein Bild, einen Titel, eine kurze Beschreibung und die Domain. Ohne diese Tags rät die App – und greift oft zu einem Logo, einem Cookie-Banner oder dem ersten Satz aus dem Menü.

Die vier Grundeigenschaften sind og:title, og:type, og:image und og:url. Das Tool ergänzt außerdem og:description, og:site_name, og:locale und die Bilddetails (og:image:width, og:image:height, og:image:alt). Mit der angegebenen Bildgröße können manche Plattformen die Karte schon beim ersten Teilen darstellen, statt zu warten, bis das Bild heruntergeladen ist.

X liest seine eigenen twitter:-Tags, greift aber auf Titel, Beschreibung und Bild aus Open Graph zurück, wenn die X-Varianten fehlen. Das Tool ergänzt daher nur, was X wirklich braucht: twitter:card, die optionalen Konten und die Bildbeschreibung. So wird kein Wert doppelt angegeben.

Bildgrößen, die überall funktionieren

Verwenden Sie JPEG oder PNG, halten Sie die Datei angemessen klein (deutlich unter 5 MB) und platzieren Sie keinen wichtigen Text nahe am Rand, weil jede Plattform etwas anders zuschneidet. Die Vorschauen in diesem Tool sind Annäherungen an diese Layouts, keine Screenshots.

Nach dem Veröffentlichen

Soziale Plattformen speichern Linkvorschauen im Cache, manchmal tagelang. Nachdem Sie die Tags geändert haben, lassen Sie die Seite mit dem Facebook Sharing Debugger oder dem LinkedIn Post Inspector neu einlesen. Die Seite muss öffentlich erreichbar sein: Crawler sehen keine Seiten hinter einem Login oder auf localhost.