Erzeuge Open-Graph- und Twitter-Card-Tags, damit deine Seiten beim Teilen gut aussehen, mit einer Live-Vorschau der Social-Card. Kostenlos und läuft in deinem Browser.

Alles läuft in deinem Browser. Nichts, was du eingibst, wird irgendwohin hochgeladen.

Tags
Empfohlene Größe: 1200 × 630 px.

Twitter / X
Facebook- / LinkedIn-Vorschau
Noch kein Bild
Twitter- / X-Vorschau
Erzeugte Meta-Tags

Über Open-Graph-Generator

Der Open-Graph-Generator erstellt die og:- und twitter:-Meta-Tags, die steuern, wie sich ein Link beim Teilen auf Facebook, LinkedIn, X und anderen Plattformen entfaltet. Legen Sie den Inhaltstyp (Website, Artikel, Produkt oder Profil), Titel, Beschreibung, kanonische URL, Bild, Site-Name und Sprache fest, plus Twitter-Card-Optionen einschließlich Kartentyp und Site-/Autor-Handles.

Zwei Live-Vorschauen – eine im Facebook/LinkedIn-Freigabekarten-Stil, eine im X-Karten-Stil – aktualisieren sich beim Tippen, sodass Sie genau sehen, wie Titel, Beschreibung, Domain und das 1200 × 630 px große Bild erscheinen werden, bevor die Seite überhaupt live geht.

Alles läuft in Ihrem Browser; nichts, was Sie eingeben, wird hochgeladen. Kopieren Sie die generierten Open-Graph- und Twitter-Card-Tags in Ihre Zwischenablage oder laden Sie sie als HTML-Snippet herunter, bereit zum Einfügen in den <head> Ihrer Seite.

So verwenden Sie Open-Graph-Generator

  1. Wählen Sie den og:type – Website, Artikel, Produkt oder Profil – oder klicken Sie auf „Beispiel ausfüllen“, um von einem Muster zu starten.
  2. Geben Sie Titel, Beschreibung, kanonische URL und Bild-URL ein (1200 × 630 px empfohlen) sowie Site-Name und Sprache.
  3. Legen Sie den Twitter-Card-Typ fest (Summary oder Summary mit großem Bild) und optionale @site- und @creator-Handles.
  4. Prüfen Sie beide Social-Card-Vorschauen, während sie sich live aktualisieren.
  5. Kopieren Sie die generierten Meta-Tags oder laden Sie die .html-Datei herunter und fügen Sie sie zu Ihrer Seite hinzu.

Häufig gestellte Fragen

Verwenden Sie 1200 × 630 Pixel. Dieses Seitenverhältnis wird auf Facebook, LinkedIn und X scharf als große Karte dargestellt, ohne unerwartetes Zuschneiden.

X greift bei den meisten Feldern auf Open Graph zurück, aber twitter:card wird benötigt, um das Kartenlayout zu wählen, und twitter:site / twitter:creator fügen Zuordnung hinzu – der Generator gibt alle zusammen aus.

Soziale Plattformen zwischenspeichern Link-Vorschauen. Scrapen Sie die URL nach dem Ausrollen neuer Tags mit dem Sharing-Debugger oder Karten-Validator der Plattform erneut, um den Cache zu aktualisieren.

Nein. Formulardaten, Vorschauen und generiertes Markup existieren nur in Ihrem Browser – nichts wird an einen Server gesendet.

Ja, völlig kostenlos ohne Beschränkungen.

Brauchen Sie Hilfe?
Ein Problem mit diesem Tool gefunden? Sagen Sie es unserem Team.
Problem melden

Füge dieses kostenlose Tool zu deiner eigenen Website hinzu — kopiere den Code unten und füge ihn ein.