Open-Graph-Generator

VonOleh Soloninaktualisiert 25. September 2026

Ergebnis

9 Zeilen für den Kopf der Seite. Titel 33 Zeichen, Beschreibung 104.

Meta-Tags

Zeichen im Titel

Zeichen in der Beschreibung

104

Was erzeugt wurde

9 Zeilen erzeugt. Das Protokoll schreibt vier Angaben vor — og:title, og:type, og:image und og:url —, alle vier stehen darin. Der Titel hat 33 Zeichen, die Beschreibung 104; die Netze kürzen in der Vorschau bei etwa 60 und 160. Die letzte Zeile ist kein Open Graph: twitter:card sagt X, dass es die breite Vorschau nehmen soll statt des kleinen Bildes.

Hinweise

Keine Auffälligkeiten.

Das Ergebnis ist ein Richtwert und ersetzt keine Beratung.

Meta-Tags für die Vorschau in sozialen Netzen — mit den Bildmaßen, die tatsächlich gelten.

Open Graph ist der Satz Meta-Tags, aus dem Facebook, LinkedIn, WhatsApp, X und Mastodon ihre Linkvorschau bauen. Ohne diese Tags raten die Netze — sie nehmen irgendein Bild von der Seite und den ersten Textabschnitt, und das Ergebnis ist selten das, was man zeigen wollte.

Die Tags gehören in den Kopf der Seite. Der Generator erzeugt sie samt Bildmaßen und dem einen Tag, der für X zusätzlich nötig ist, und weist auf Längen hin, bei denen die Vorschau abschneidet.

So benutzen Sie den Rechner

Tragen Sie Titel, Beschreibung und die vollständige Adresse der Seite ein — relative Pfade versteht kein soziales Netz.
Geben Sie die Adresse des Vorschaubildes an, 1200 × 630 Pixel und ebenfalls vollständig.
Kopieren Sie die Zeilen in den <head> der Seite und prüfen Sie sie anschließend mit dem Debugger des jeweiligen Netzes.

Was das Protokoll verlangt und was hinzukommt

Open Graph schreibt vier Angaben vor: og:title, og:type, og:image und og:url. Alles Weitere ist freiwillig — und trotzdem sinnvoll, weil die Netze ohne Beschreibung nur einen Titel über einem Bild zeigen.

Die letzte Zeile ist kein Open Graph. twitter:card gehört zu X und entscheidet dort zwischen der breiten Vorschau und einem kleinen Bild am Rand. Ohne diese eine Zeile wird aus einem 1200 Pixel breiten Bild ein Quadrat von 120 Pixeln.

Der Rechner erzeugt aus dem voreingestellten Beispiel neun Zeilen und nennt, welche der vier Pflichtangaben fehlen. Die Breiten- und Höhenangabe spart dem Netz einen Ladevorgang — sie muss dann allerdings stimmen.
Zeile	Wofür	Pflicht
og:title	die Überschrift der Vorschau	ja
og:type	website, article, profile oder video	ja
og:image	das Bild, das angeklickt wird	ja
og:url	die endgültige Adresse der Seite	ja
og:description	zwei Zeilen unter dem Titel	nein
og:site_name	der Name der Website	nein
og:image:width / :height	damit das Netz nicht erst laden muss	nein
twitter:card	breite Vorschau statt kleinem Bild bei X	nein

Die Größe des Bildes entscheidet die Form der Vorschau

Ein Beitrag wird wegen des Bildes angeklickt, nicht wegen des Titels. Welche Form die Vorschau bekommt, hängt allein an den Maßen — und die Schwellen sind hart: Unterschreitet ein Bild sie, wechselt die Darstellung, ohne dass irgendwo eine Warnung erscheint.

1200 × 630 Pixel ist die Bildvorlage, mit der dieser Generator rechnet; welche Vorschau daraus wird und welche Mindestmaße gelten, legt jede Plattform selbst fest. Es entspricht dem Seitenverhältnis 1,91 : 1; wer ein quadratisches Bild einsetzt, bekommt es beschnitten, und der Zuschnitt trifft meistens die Bildmitte.

Diese Schwellen nennt der Rechner auch im Hinweis zum Bildfeld. Prüfen lässt sich das Ergebnis nur beim Netz selbst: Jedes hat einen eigenen Debugger, und jedes speichert die Vorschau zwischen — nach einer Änderung sieht man sie erst, wenn der Zwischenspeicher neu geholt wurde.
Größe des Bildes	Was die Netze zeigen
1200 × 630 Pixel	breite Vorschau über die ganze Beitragsbreite
ab 600 × 315 Pixel	breite Vorschau, aber sichtbar unschärfer
unter 600 × 315 Pixel	kleines Bild neben dem Titel
unter 200 × 200 Pixel	gar kein Bild

Das Bild entscheidet

1200 × 630 Pixel, also rund 1,91 : 1, ist das Maß, auf das alle großen Netze ausgelegt sind. Deutlich kleinere Bilder stellen manche Netze nur als kleines Vorschaubildchen an den Rand statt breit über den Beitrag; unter 200 × 200 Pixeln zeigen sie gar keines. Die Angabe von og:image:width und og:image:height beschleunigt zusätzlich die erste Anzeige, weil der Platz reserviert werden kann, bevor das Bild geladen ist.

Für X reicht Open Graph fast vollständig — die Plattform liest og:title, og:description und og:image selbst. Die eine Ausnahme ist twitter:card: Ohne diese Zeile erscheint das kleine Vorschaubildchen statt der breiten Darstellung. Deshalb setzt der Generator sie immer mit.

Der Zwischenspeicher der Netze

Jedes Netz holt sich die Tags einmal und merkt sie sich, teils wochenlang. Wer nach dem ersten Teilen den Titel korrigiert, sieht die Änderung im Beitrag nicht — und schließt daraus gern, die Tags seien falsch.

Auffrischen lässt sich das nur über die Debug-Werkzeuge der Netze, die die Seite auf Anforderung neu abrufen. Der praktische Rat: die Tags fertig haben, bevor der erste Link geteilt wird. Ändert sich das Bild später, hilft ein neuer Dateiname mehr als jede Einstellung.

Was Open Graph nicht ist

Diese Tags steuern die Vorschau in sozialen Netzen, nicht die Anzeige in Suchmaschinen. Sie ersetzen weder das title-Element noch die meta description; Google kann og:title allerdings als eine der Quellen für den Titel eines Suchergebnisses heranziehen. Wer beides braucht, braucht beides.

Auch der Typ hat keine Wirkung auf die Suche: „article“ gegen „website“ ändert allenfalls, wie ein Netz die Vorschau gestaltet. Strukturierte Daten für Google sind eine andere Sache: Sie können als JSON-LD, Microdata oder RDFa auf der Seite stehen, Google empfiehlt JSON-LD.

Quellen

Stand der Werte: 2026. Die Ergebnisse sind Orientierungswerte und ersetzen keine fachliche Beratung.

Häufige Fragen

Welche Bildgröße brauche ich für die Vorschau?

1200 × 630 Pixel. Das Verhältnis von rund 1,91 : 1 passt zu allen großen Netzen. Unter 600 × 315 wird das Bild oft nicht mehr breit dargestellt, sondern als kleines Vorschaubildchen; unter 200 × 200 gar nicht mehr.

Warum zeigt Facebook meine Änderung nicht an?

Weil das Netz die Tags zwischenspeichert. Über das Debug-Werkzeug der Plattform lässt sich ein neuer Abruf auslösen. Bei Bildern hilft zusätzlich ein geänderter Dateiname.

Brauche ich neben Open Graph noch Twitter-Tags?

Nur twitter:card. Alles andere liest X aus den Open-Graph-Tags. Ohne diese eine Zeile erscheint statt der breiten Vorschau das kleine Bild am Rand.

Warum zeigt Facebook noch das alte Bild?

Weil die Netze die Vorschau zwischenspeichern, teils wochenlang. Eine Änderung an den Tags wirkt erst, wenn der Debugger des Netzes die Seite neu einliest — bei Facebook der Sharing Debugger, bei LinkedIn der Post Inspector. Ohne diesen Schritt teilt die alte Vorschau weiter.

Brauche ich zusätzlich Twitter-Tags?

Nur eine: twitter:card. Alles andere liest X aus den Open-Graph-Angaben, wenn die eigenen fehlen. Ein vollständiger zweiter Satz Tags verdoppelt nur die Pflege — und die beiden Sätze laufen mit der Zeit auseinander.

Ersetzt Open Graph die Meta-Description?

Nein, die beiden haben verschiedene Leser. og:description sieht, wer den Link in einem sozialen Netz oder in einem Messenger teilt; die Meta-Description sieht, wer die Seite in der Suche findet. Sie dürfen gleich lauten, müssen es aber nicht — die Längen unterscheiden sich ohnehin.

Nützliche Links

Entwicklung und Web Alle Rechner

Open-Graph-Generator

Ergebnis

Passt dazu

Title und Meta-Description prüfen

FAQ-Schema-Generator

UTM-Link-Generator

robots.txt-Generator

Slug-Generator

SQL-Formatierer

Nützliche Links