Mit der Open-Graph-Vorschau sehen Sie, wie ein Link auf Ihre Seite aussehen könnte, wenn ihn jemand in einem sozialen Netzwerk oder Messenger teilt. Sie geben Titel, Beschreibung und Adresse ein und wählen ein Bild, das Werkzeug zeigt die Karten und schreibt die meta-Tags. Alles bleibt in Ihrem Browser, nichts wird übertragen oder gespeichert.
Werkzeug
Open-Graph-Vorschau
Tragen Sie Titel, Beschreibung und Adresse ein und wählen Sie ein Bild. Das Werkzeug zeigt die Karte und erzeugt die meta-Tags.
Karte in Facebook und LinkedIn (Näherung)
EXAMPLE.COM
Titel der Seite
Hier erscheint die Beschreibung der Seite.
Karte auf X (Näherung)
EXAMPLE.COM
Titel der Seite
Hier erscheint die Beschreibung der Seite.
meta-Tags für den Head
Die Netzwerke gestalten ihre Karten selbst und ändern sie ohne Ankündigung. Die Vorschau zeigt nur die Richtung. Ihre Eingaben und das gewählte Bild bleiben in diesem Browser. Sie werden weder übertragen noch gespeichert.
| Wert | Angabe | Herkunft |
|---|---|---|
| Titel, Zeichen | bis 60 | Arbeitswert von SEO NW |
| Beschreibung, Zeichen | bis 160 | Arbeitswert von SEO NW |
| Bild, empfohlene Breite | 1200 Pixel | Meta für Entwickler, Bilder in Link-Vorschauen [2] |
| Bild, empfohlene Höhe | 630 Pixel | Meta für Entwickler, Bilder in Link-Vorschauen [2] |
| Bild, Mindestbreite für die große Darstellung | 600 Pixel | Meta für Entwickler, Bilder in Link-Vorschauen [2] |
So funktioniert es
Titel, Beschreibung und Adresse der Seite tippen Sie von Hand ein. Das Bild wählen Sie als Datei von Ihrem eigenen Gerät. Das Werkzeug zeigt es nur in Ihrem Browser an, es lädt nichts aus dem Netz und sendet nichts. Die spätere Adresse des Bildes, also den Wert für og:image, tragen Sie in ein eigenes Feld ein. Sie landet nur im erzeugten Code.
Aus den Angaben baut das Werkzeug zwei Karten: eine für Facebook und LinkedIn und eine für X. Darunter stehen die meta-Tags zum Kopieren, auf Wunsch zusätzlich mit den twitter:-Tags. Zum gewählten Bild meldet das Werkzeug Breite und Höhe und vergleicht sie mit den Werten aus der Tabelle. Überschreiten Titel oder Beschreibung die Zeichenwerte, erscheint ein Hinweis.
Fragen zu Ihrer Website?
Rufen Sie an, stellen Sie Ihre Frage in der gratis Sprechstunde oder vereinbaren Sie ein Erstgespräch.
Welche Angaben eine Seite braucht
Das Open Graph Protocol nennt vier Pflichtangaben für jede Seite [1]:
- og:title, der Titel, wie er in der Vorschau erscheinen soll,
- og:type, die Art des Inhalts, zum Beispiel website oder article,
- og:image, die Adresse eines Bildes, das die Seite darstellt,
- og:url, die kanonische Adresse der Seite, die als dauerhafte Kennung dient.
Optional sind unter anderem og:description für eine Beschreibung aus ein bis zwei Sätzen, og:site_name für den Namen der Website und og:locale für die Sprache [1]. Das Werkzeug schreibt og:type, og:title und og:url in jedem Fall. Das Bild nimmt es nur auf, wenn Sie eine Bildadresse eintragen, sonst erscheint ein Hinweis. Beschreibung und Seitenname schreibt es, sobald Sie sie eintragen. Den Begriff selbst erklärt das Glossar unter Open Graph.
Das richtige Bild
Meta empfiehlt Bilder mit mindestens 1200 mal 630 Pixeln, damit sie auf hochauflösenden Geräten gut aussehen [2]. Für eine Darstellung mit großem Bild sollten es mindestens 600 mal 315 Pixel sein, die absolute Untergrenze liegt bei 200 mal 200 Pixeln [2]. Das Seitenverhältnis sollte möglichst nahe an 1,91 zu 1 liegen, dann zeigt Facebook das Bild ohne Beschnitt [2]. Die Datei darf höchstens 8 MB groß sein [2].
Wenn Sie og:image:width und og:image:height mit angeben, kennt der Crawler von Meta die Maße sofort und kann das Bild gleich darstellen [2]. Ein Motiv mit wichtigen Teilen am Rand ist ungünstig, weil Netzwerke Bilder unterschiedlich beschneiden. Prüfen Sie in der Vorschau, ob das Motiv in beiden Karten noch erkennbar ist.
Grenzen
Die Karten sind Näherungen. Jedes Netzwerk gestaltet seine Vorschau selbst und ändert das Aussehen von Zeit zu Zeit. Netzwerke speichern Bilder außerdem zwischen. Meta legt Bilder nach ihrer Adresse im Zwischenspeicher ab. Wer ein Bild austauscht, braucht deshalb eine neue Bildadresse [2]. Bei Beiträgen, die schon geteilt wurden, reicht eine neue Bildadresse allein nicht, die Vorschau muss separat aktualisiert werden [2].
Ob eine geteilte Seite überhaupt ein Bild bekommt, hängt davon ab, ob das Netzwerk die Bildadresse abrufen kann. Das prüft das Werkzeug nicht, weil es keine Adressen aus dem Netz lädt. Die Zeichenwerte für Titel und Beschreibung sind Arbeitswerte von SEO NW. Sie orientieren sich an unseren Werten für Suchergebnisse und sind keine Vorgabe eines Netzwerks.
Ihre Eingaben bleiben auf Ihrem Gerät
Die Open-Graph-Vorschau rechnet vollständig in Ihrem Browser. Das gewählte Bild liest der Browser direkt von Ihrem Gerät, es wird nicht hochgeladen. Texte und Bild werden weder übertragen noch gespeichert, Cookies setzt das Werkzeug keine. Mehr dazu in der Datenschutzerklärung.
Weitere Werkzeuge und Hilfe
Wie derselbe Titel als Suchergebnis wirkt, zeigt die SERP-Vorschau. Alle Rechner finden Sie unter kostenlose SEO-Werkzeuge. Wenn Sie Beiträge für Facebook planen, hilft der Artikel zur Facebook Content-Strategie weiter.
Ihre Links erscheinen beim Teilen ohne Bild oder mit dem falschen Text? Bringen Sie ein Beispiel in die gratis Sprechstunde, dort prüfen wir mit Ihnen die Angaben im Quelltext.
- Organisation The Open Graph protocol. Open Graph Protocol (ogp.me). Stand ohne Datum. abgerufen am 01.11.2026
- Organisation Images in Link Shares. Meta for Developers. Stand ohne Datum. abgerufen am 01.11.2026
Häufige Fragen
Welche Open-Graph-Tags braucht eine Seite?
Das Open Graph Protocol nennt vier Pflichtangaben: og:title, og:type, og:image und og:url. Eine Beschreibung mit og:description ist optional, aber für die Vorschau sinnvoll.
Welche Größe sollte ein Open-Graph-Bild haben?
Meta empfiehlt mindestens 1200 mal 630 Pixel und ein Seitenverhältnis nahe 1,91 zu 1. Die Datei darf höchstens 8 MB groß sein.
Warum zeigt Facebook nach einer Änderung noch das alte Bild?
Meta speichert Bilder nach ihrer Adresse zwischen. Ein neues Bild braucht deshalb eine neue Bildadresse, und die Seite muss neu eingelesen werden.
Wird mein Bild hochgeladen?
Nein. Der Browser liest das Bild direkt von Ihrem Gerät und zeigt es nur an. Es wird weder gesendet noch gespeichert.
Sieht die Karte in jedem Netzwerk genau so aus?
Nein. Die Karten im Werkzeug sind Näherungen. Jedes Netzwerk gestaltet seine Vorschau selbst und kann Bilder anders beschneiden.
Fragen zu Ihrer Website?
Rufen Sie an, stellen Sie Ihre Frage in der gratis Sprechstunde oder vereinbaren Sie ein Erstgespräch.
Zuletzt geprüft am 03.11.2026, nächste Prüfung spätestens im November 2027. Haben Sie einen Fehler entdeckt? Schreiben Sie uns.
