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.

Seitentitel

0 Zeichen

Beschreibung

0 Zeichen

Seiten-URL

Bild-URL

Empfohlene Größe: 1200×630px

Seitentyp

Weitere Angaben

Site-Name

Sprache (Locale)

Bildbreite (px)

Bildhöhe (px)

Bild-Alt-Text

Twitter/X-Card-Typ

Twitter/X-Site-Handle

@ wird automatisch vorangestellt

Twitter/X-Creator-Handle

@ wird automatisch vorangestellt

Bonus: Favicon-Tag

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

Favicon-URL

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.