Jemand teilt eine Seite in einem Chat oder einem sozialen Netzwerk, und darunter erscheint ein Bild mit Titel und zwei Zeilen Text. Manchmal erscheint auch ein Logo, das gar nicht zur Seite gehört, oder nur die nackte Adresse. Was gezeigt wird, steuern ein paar Angaben im Kopfbereich der Seite. Einmal richtig gesetzt, laufen sie für jede neue Seite mit.
Die Angaben, auf die es ankommt
Das Open Graph Protocol verlangt für jede Seite vier Angaben: og:title, og:type, og:image und og:url [1]. Empfohlen ist außerdem og:description mit einer Beschreibung in ein bis zwei Sätzen [1]. Zum Bild gehört og:image:alt, eine Beschreibung dessen, was auf dem Bild zu sehen ist. Das Protokoll grenzt sie ausdrücklich von einer Bildunterschrift ab und sieht sie für jede Seite mit og:image vor [1]. Sie wird trotzdem regelmäßig vergessen, obwohl sie für Menschen mit Screenreader die einzige Information über das Bild ist.
- og:title: der Titel in der Vorschau. Er muss nicht mit dem title-Element übereinstimmen, der Markenzusatz darf hier fehlen.
- og:description: zwei Sätze, die sagen, was die Seite bietet.
- og:image: die vollständige Adresse des Bildes, keine relative Angabe.
- og:url: die kanonische Adresse, damit geteilte Varianten mit Parametern zusammenfallen.
- twitter:card: der Kartentyp für X. Das SEO CMS setzt summary_large_image, wenn die Seite ein Bild hat, sonst summary.
Die Begriffe erklärt das Glossar unter Open Graph.
Das Format
Meta empfiehlt für geteilte Links Bilder mit mindestens 1200 mal 630 Pixeln, damit sie auf hochauflösenden Geräten gut aussehen. Für die große Darstellung sind mindestens 600 mal 315 Pixel nötig, die kleinste zulässige Größe sind 200 mal 200 Pixel [2]. Wichtiger als die genauen Maße ist das Seitenverhältnis. Meta rät, möglichst nah an 1,91 zu 1 zu bleiben, damit das Bild im Feed ohne Beschnitt erscheint [2].
Text im Bild setzt du groß und mit Abstand zu den Rändern. Andere Darstellungen schneiden das Bild anders zu, und was am Rand steht, ist dann weg. Das Artikelbild für Google ist übrigens eine eigene Frage: Google empfiehlt dort mehrere hochauflösende Bilder in den Verhältnissen 16 zu 9, 4 zu 3 und 1 zu 1, mit mindestens 50.000 Pixeln Fläche [3].
Noch eine Frage offen?
In der gratis Sprechstunde beantworten wir Fragen zu SEO live, jeden ersten Samstag im Monat um 18 Uhr. Oder du rufst einfach an.
Die Zwischenspeicher
Hier kostet die Praxis die meisten Nerven. Meta speichert jedes Bild nach seiner Adresse zwischen. Ersetzt du ein Bild unter derselben Adresse, kommt das neue nicht automatisch an. Meta rät deshalb, ein neues Bild unter einer neuen Adresse abzulegen und das alte zu behalten, weil frühere Beiträge noch darauf verweisen [2]. Mit dem Sharing Debugger lässt sich ein Bild vorab abrufen und zwischenspeichern. Die Vorschau bereits geteilter Beiträge ändert sich durch ein neues Bild allerdings nicht automatisch, der Beitrag muss laut Meta aktualisiert werden [2].
Daraus folgt die Reihenfolge: erst prüfen, dann teilen. Ein Blick in den Quelltext oder ein Durchlauf im Debugger vor der ersten Verbreitung erspart dir eine falsche Vorschau, die tagelang in Gruppen und Chats hängt.
Wenn gar kein Bild besser ist
Fehlt die Bildangabe, greifen manche Plattformen nach unserer Erfahrung zu irgendeinem ausreichend großen Bild der Seite. Das kann das Logo eines erwähnten Unternehmens sein, ein Symbol oder eine Grafik ohne Zusammenhang. Deshalb gilt: entweder ein passendes eigenes Bild oder gar keine Bildangabe. Ohne Bild zeigen viele Dienste eine schlichte Vorschau aus Titel und Beschreibung, und die sieht sauber aus.
Bei vielen Seiten
Für jede einzelne Seite ein eigenes Bild von Hand zu gestalten, hält kaum jemand durch. Eine Staffelung ist realistischer: ein gutes Bild für das Projekt, eigene Bilder für die wichtigsten Seiten, für den Rest das Projektbild. Bei Hunderten gleichartiger Seiten, etwa Ortsseiten, lohnt sich ein erzeugtes Bild mit dem Titel der Seite.
Das SEO CMS zeichnet solche Bilder beim Bauen selbst, 1200 mal 630 Pixel groß, als PNG und WebP. Es nutzt dafür die Bildbibliothek GD, die PHP mitbringt, damit der nächtliche Build keine zusätzliche Programmumgebung auf dem Server braucht. Ändern sich Titel und Farbe einer Seite nicht, entsteht das Bild nicht neu. Der Dateiname bleibt bewusst gleich, damit Vorschauen bereits geteilter Seiten nicht ins Leere zeigen. Ändert sich ein Bild doch, liest du die Seite im Sharing Debugger neu ein.
Im Kopf jeder Seite stehen dazu og:image mit Typ, Breite und Höhe, og:image:alt und die Angaben für X. Hat die Seite keinen eigenen Alternativtext, setzt das System Titel und Namen der Website ein. Ohne Bild schaltet es auf die kleine Karte summary um. Wie Meta-Angaben, Vorschaubilder und Web-App-Manifest im System zusammenhängen, steht unter Meta-Angaben, Vorschaubilder und Web-App-Manifest.
Wie du Bilder für die Website selbst vorbereitest, beschreibt media im Ratgeber Bilder für Websites optimieren.
Deine Seiten erscheinen beim Teilen mit dem falschen Bild oder ganz ohne? Bring die Adresse einer betroffenen Seite in die gratis Sprechstunde mit, dann sprechen wir darüber.
- Organisation The Open Graph protocol. ogp.me. Stand laufend. abgerufen am 31.10.2026
- Organisation Images in Link Shares. Meta for Developers. Stand laufend. abgerufen am 31.10.2026
- Organisation Strukturierte Daten für Artikel. Google Search Central. Stand 12.09.2026. abgerufen am 31.10.2026
Häufige Fragen
Warum zeigt die Vorschau noch das alte Bild?
Meta speichert Bilder nach ihrer Adresse zwischen. Leg ein geändertes Bild unter einer neuen Adresse ab und lies die Seite im Sharing Debugger neu ein. Bereits geteilte Beiträge übernehmen das neue Bild nicht automatisch.
Brauche ich für jede Seite ein eigenes Bild?
Nein. Ein gutes Bild für das Projekt, eigene Bilder für die wichtigsten Seiten und für den Rest das Projektbild reichen oft. Bei vielen gleichartigen Seiten hilft ein erzeugtes Bild mit dem Seitentitel.
Muss das Bild auf derselben Domain liegen wie die Seite?
Nein. Es muss über eine vollständige Adresse erreichbar sein und darf nicht hinter einer Anmeldung liegen.
Welche Größe ist richtig?
Meta empfiehlt mindestens 1200 mal 630 Pixel und ein Seitenverhältnis nah an 1,91 zu 1. Die große Darstellung braucht mindestens 600 mal 315 Pixel, die kleinste zulässige Größe sind 200 mal 200 Pixel.
Was steht in og:image:alt?
Eine kurze Beschreibung dessen, was auf dem Bild zu sehen ist. Das Open Graph Protocol grenzt sie von einer Bildunterschrift ab.
Noch eine Frage offen?
In der gratis Sprechstunde beantworten wir Fragen zu SEO live, jeden ersten Samstag im Monat um 18 Uhr. Oder du rufst einfach an.
Zuletzt geprüft am 03.11.2026, nächste Prüfung spätestens im November 2027. Fehler entdeckt? Schreib uns.
