Cookie-Einstellungen
Wir verwenden Cookies für Analysen. Datenschutzerklärung Du kannst nicht notwendiges Tracking akzeptieren oder ablehnen.
Praxisleitfaden zu „Open Graph-Bildgrößen für 2026“: zentrale Schritte, typische Fehler und Umsetzung mit OG-Vorschau.
Gehen Sie zu Werkzeug
Visueller Open Graph Tag Editor für soziale Netzwerke.
Jedes Plattform schneidet Open Graph Bilder unterschiedlich. Verwenden Sie die falsche Größe, dann wird Ihre sorgfältig gestaltete Voransicht zerstört -- Text wird abgeschnitten, Gesichter werden geschnitten, Logos fehlen. Hier sind die genauen Spezifikationen, die in 2026 funktionieren.
| Plattform | Größe (px) | Aspektverhältnis | Kartenart |
|---|---|---|---|
| 1200 x 630 | 1,91:1 | Standard-Teilen | |
| 1200 x 630 | 1,91:1 | Artikel/Link-Teilen | |
| Twitter/X | 1200 x 628 | 1,91:1 | summary_large_image |
| Twitter/X | 120 x 120 | 1:1 | summary (kleine Karte) |
| Discord | 1200 x 630 | 1,91:1 | Embed-Vorschau |
| Telegram | 1200 x 630 | 1,91:1 | Link-Vorschau |
| 1200 x 630 | 1,91:1 | Link-Vorschau |
Der universelle sichere Wetteinsatz: 1200 x 630 Pixel bei einem Aspektverhältnis von 1,91:1. Das funktioniert überall.
Facebook, LinkedIn und Twitter schneiden alle leicht unterschiedlich an den Rändern. Halten Sie alle wichtigen Inhalte (Text, Logos, Gesichter) innerhalb des Zentralbereichs von 80% der Bildfläche. Das bedeutet 120px-Puffer auf allen Seiten eines 1200x630-Bildes.
Visueller sicherer Bereich:
|--- 120px ---|---- sichtbare Fläche 960x506 ----|--- 120px ---|<meta property="og:image" content="https://yoursite.com/images/og-cover.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:type" content="image/jpeg" />Verwenden Sie immer eine absolute URL mit HTTPS. Relative Pfade und HTTP-URLs schweigen still auf den meisten Plattformen.
Für Twitter/X, fügen Sie auch hinzu:
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://yoursite.com/images/og-cover.jpg" />?v=2 zur URL hinzu, um den Cache zu knacken (siehe Cache-Debugging-Guide).Fuehre den Workflow direkt in OG Previewer aus und speichere die Baseline.
Dieser Artikel wird von der Tools Hub Redaktion auf fachliche Genauigkeit, praktische Relevanz und Konsistenz mit aktuellen Produkt-Workflows geprüft.
Zuletzt geprüft:
Praxisleitfaden zu „Warum OG-Vorschauen nicht aktualisiert werden: Cache-Debugging“: zentrale Schritte, typische Fehler und Umsetzung mit OG-Vorschau.
Blog-Gliederung AI erstellt SEO-optimierte Artikelstrukturen, Thought-Leadership-Rahmen und Schritt-für-Schritt-Anleitungen.
Praxisleitfaden zu „Meta-Beschreibung CTR-Experimentplan für Redaktionsteams“: zentrale Schritte, typische Fehler und Umsetzung mit Meta-Description-AI.
Praxisleitfaden zu „Programmatischer Meta-Beschreibungs-Workflow für große Kataloge“: zentrale Schritte, typische Fehler und Umsetzung mit Meta-Description-AI.