SchemaValid
ENDE

Open Graph / Meta-Tag-Generator

Erstelle Open-Graph- und Twitter/X-Card-Meta-Tags für korrekte Link-Vorschauen bei Facebook, LinkedIn, X, WhatsApp, Slack, Discord und mehr — sofort, im Browser, kostenlos.

Beispiel ausprobieren

Seitendetails

0 Zeichen

0 Zeichen

Empfohlene Größe: 1200×630px

Weitere Angaben

@ wird automatisch vorangestellt

@ wird automatisch vorangestellt

Bonus: Favicon-Tag

Kein Bestandteil des Open-Graph-Standards, wird aber häufig zusammen benötigt.

Vorschau

Facebook / LinkedIn

z.B. 10 Tipps für besseres SEO

Eine kurze, aussagekräftige Zusammenfassung der Seite

X / Twitter

z.B. 10 Tipps für besseres SEO

Eine kurze, aussagekräftige Zusammenfassung der Seite

Generierte Meta-Tags

Fülle die Pflichtfelder oben aus, um den Meta-Tag-Code zu erzeugen.

Über Open-Graph- und Twitter-Card-Tags

Open-Graph-Tags sind eine Reihe von Meta-Tags, ursprünglich von Facebook eingeführt, die steuern, wie eine Seite beim Teilen in sozialen Medien dargestellt wird: Titel, Beschreibung, Bild und mehr. Twitter/X nutzt eigene twitter:-Tags für zusätzliche Kontrolle, greift aber auf Open-Graph-Tags zurück, wenn diese fehlen.

Dieser Generator läuft vollständig in deinem Browser: Nichts, was du eingibst, wird an einen Server gesendet oder gespeichert. Fülle deine Seitendaten aus, kopiere den generierten Code und füge ihn in den head-Bereich deiner Seite ein.

Häufig gestellte Fragen

Wo füge ich die generierten Meta-Tags ein?
Füge sie in den head-Bereich der HTML-Seite ein, die sie beschreiben — idealerweise möglichst weit oben, damit Crawler sie schnell finden.
Brauche ich sowohl Open-Graph- als auch Twitter/X-Tags?
Nicht zwingend. Sind Open-Graph-Tags vorhanden, greift X für die Card-Vorschau darauf zurück. Ein explizites twitter:card hilft X trotzdem, das richtige Card-Layout zu wählen.
Warum gibt es kein Feld für Artikel-Autor oder Veröffentlichungsdatum?
Das sind artikel-spezifische Open-Graph-Tags, die den Rahmen dieses allgemeinen Tools sprengen würden. Sie könnten künftig ein eigenes, spezialisiertes Tool werden.
Werden meine Seitendaten irgendwohin gesendet?
Nein. Alles läuft lokal in deinem Browser ab — es wird nichts an einen Server übertragen oder gespeichert.
Welche Bildgröße und welches Seitenverhältnis sind ideal für Social-Previews?
1200×630 Pixel ist der sichere Standardwert, den Facebook, LinkedIn und X empfehlen — ein Seitenverhältnis von etwa 1,91:1. Ein kleineres Bild riskiert eine unscharfe Hochskalierung, ein stark abweichendes Seitenverhältnis riskiert einen ungünstigen Zuschnitt durch die jeweilige Plattform.
Warum sieht meine Link-Vorschau bei WhatsApp oder Slack anders aus als bei Facebook?
Jede Plattform betreibt ihren eigenen Crawler mit eigenen Bildgrößen-Limits, Cache-Verhalten und Fallback-Regeln, daher können dieselben Open-Graph-Tags leicht unterschiedlich dargestellt werden. Solange die Tags selbst gültig sind, ist das normal und lässt sich nicht vollständig über ein einziges Tag-Set steuern.
Wie erzwinge ich eine aktualisierte Vorschau, nachdem ich die Tags geändert habe?
Facebook und LinkedIn cachen die alte Vorschau hartnäckig. Nutze Facebooks Sharing Debugger oder LinkedIns Post Inspector, füge deine URL ein und stoße ein erneutes Crawling an — das leert den Cache, sodass die neuen Tags beim nächsten Teilen greifen.
Was unterscheidet die beiden Twitter/X-Card-Typen?
summary zeigt ein kleines, quadratisches Vorschaubild neben Titel und Beschreibung, während summary_large_image ein breites Banner-Bild oberhalb des Texts zeigt — optisch ähnlich zur Facebook-/LinkedIn-Vorschau. Für die meisten Seiten wirkt summary_large_image im Feed stärker.

Verwandte Tools

SERP Snippet Preview

Zeige deine Google-Vorschau und prüfe die Pixelbreite von Titel & Beschreibung.

Hreflang Generator

Erzeuge gültige, reziproke hreflang-Tags als HTML, XML-Sitemap oder HTTP-Header — kostenlos, ohne Konto.

Breadcrumb Schema Generator

Erzeuge BreadcrumbList-JSON-LD, um Navigationspfade in Google-Ergebnissen zu zeigen.

Robots.txt Generator

robots.txt erstellen und prüfen mit Live-Vorschau — Crawler-Regeln, AI-Bot-Steuerung, Sitemap. Kostenlos.

Robots.txt Tester

robots.txt prüfen und validieren: URL-Zugriff je Crawler testen, AI-Bot-Status, Syntax-Warnungen. Kostenlos.

Schema.org Validator

Prüfe eine live URL oder JSON-LD-Code: SEO-Score, Fehler, Warnungen und Rich-Results-Bereitschaft.