Öffnen Sie den Diagrammgenerator
Generieren Sie Open Graph-Meta-Tags – perfekte Vorschau zum Teilen, Kopieren und Einfügen möglich.
So verwenden Sie Öffnen Sie den Diagrammgenerator
- Füllen Sie die Felder aus: Seitentitel, eine ca. 110 Zeichen lange Beschreibung, die absolute Bild-URL (1200 × 630 Pixel) und die Seiten-URL.
- Kopieren Sie die generierten Meta-Tags aus dem Ausgabefeld.
- Fügen Sie sie in der Seite ein – über Ihre Vorlage, Ihr CMS-SEO-Plugin oder Ihren Theme-Editor.
- Ü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.