TontonTools

Öffnen Sie den Diagrammgenerator

Generieren Sie Open Graph-Meta-Tags – perfekte Vorschau zum Teilen, Kopieren und Einfügen möglich.

100% Kostenlos Keine Anmeldung Datenschutzfreundlich SEO-Tools
Sep 2026 aktualisiert
Share X / Twitter Facebook LinkedIn WhatsApp

So verwenden Sie Öffnen Sie den Diagrammgenerator

  1. Füllen Sie die Felder aus: Seitentitel, eine ca. 110 Zeichen lange Beschreibung, die absolute Bild-URL (1200 × 630 Pixel) und die Seiten-URL.
  2. Kopieren Sie die generierten Meta-Tags aus dem Ausgabefeld.
  3. Fügen Sie sie in der Seite ein – über Ihre Vorlage, Ihr CMS-SEO-Plugin oder Ihren Theme-Editor.
  4. Überprüfen Sie mit dem Öffnen Sie Graph Checker und aktualisieren Sie die Plattform-Caches, wenn die Seite zuvor geteilt wurde.

Was ist Öffnen Sie den Diagrammgenerator?

Ein Open Graph-Generator erstellt die Meta-Tags, die die Freigabevorschau Ihres Links steuern – Sie geben Titel, Beschreibung, Bild und URL ein und er gibt das genaue Markup für den Ihrer Seite aus:




Das Schreiben von Hand führt zu kleinen Fehlern, die die Vorschau beeinträchtigen – Eigenschafts- oder Namensattribute, relative Bildpfade, fehlender og:type – was genau das ist, was durch deren Generierung vermieden wird.

Über den Öffnen Sie den Diagrammgenerator

Füllen Sie die vier Felder – Titel, Beschreibung, Bild-URL und Seiten-URL – sowie den Inhaltstyp aus und kopieren Sie den vollständigen Open Graph-Block in Ihre Seitenvorlage oder Ihren CMS-Kopfbereich.

Schreiben Sie die Felder gut: og:title kann aussagekräftiger sein als Ihr SEO-Titel (kein Markensuffix erforderlich – die Plattform zeigt Ihre Domain ohnehin an) und hat eine Gesamtlänge von bis zu ~60 Zeichen; og:description hat auf den meisten Plattformen ungefähr 2 Zeilen (~110 Zeichen), also laden Sie den Hook von vorne; og:image muss eine absolute https-URL zu einem 1200 × 630 Pixel großen Bild sein, bei dem der Betreff zentriert ist.

Wo die Tags hinkommen: innerhalb von auf jeder gemeinsam nutzbaren Seite, jede mit ihren eigenen Werten – ein auf der gesamten Website identischer OG-Block lässt jeden geteilten Link wie die Homepage aussehen. Überprüfen Sie das Live-Ergebnis mit unserem Open Graph Checker und fügen Sie Twitter Card-Tags (unseren Begleitgenerator) für das erweiterte Format von X hinzu.

Häufig gestellte Fragen

Das Protokoll erfordert vier: og:title, og:type (normalerweise „Website“ oder „Artikel“), og:image und og:url. Fügen Sie in der Praxis auch og:description hinzu – Plattformen zeigen es an und die Vorschau sieht ohne es leer aus.
Ja, und das sollte oft der Fall sein – der Titel-Tag ist auf die Suche abgestimmt (Schlüsselwörter, Marke), og:title auf den sozialen Feed (Neugier, kein Markensuffix). Zwei Zielgruppen, zwei Schlagzeilen, dieselbe Seite.
Jede Seite, von der Sie erwarten, dass sie geteilt wird, ja – mit seitenspezifischen Werten. CMS-SEO-Plugins (Yoast, Rank Math) generieren sie automatisch pro Seite; Dieses Tool deckt benutzerdefinierte Websites und handgefertigte Vorlagen ab.
„Website“ für die meisten Seiten, „Artikel“ für Blogbeiträge und Nachrichten (auf einigen Plattformen werden Artikelmetadaten wie Veröffentlichungszeit und Autor freigeschaltet). Produkte, Videos und Musik haben ihre eigenen Typen, aber die beiden Grundlagen decken die meisten Websites ab.
Nicht direkt – sie sind für soziale Plattformen. Indirekt führen bessere Vorschauen zu mehr Shares und Klicks, und Google kann og:image als Hinweis bei der Auswahl von Miniaturansichten verwenden. Behandeln Sie sie als Click-through-Optimierung für die soziale Seite des Webs.

We use cookies for analytics and to keep the tools free via ads. See our Privacy Policy.