Facebook Link-Vorschau Leitfaden

Facebook OG Image Größe & Anforderungen 2026: Der vollständige Leitfaden

Erfahre die exakten Facebook OG Image Größen-Anforderungen für 2026. Optimiere Bildabmessungen (1200x630), Seitenverhältnisse und Meta-Tags für perfekte Link-Vorschauen auf Facebook.

Aktualisiert Januar 2026 Verifizierte Anforderungen

Wichtige Spezifikationen im Überblick

OG:Image

Essentiell für jede Vorschau-Anzeige

Mindestabmessungen

200×200 Pixel (Vorschau schlägt darunter fehl)

Dateiformat

JPG, JPEG, PNG, WebM, GIF oder SVG

Erweiterte Vorschau

Breite > 445px, Höhe > 232px, Verhältnis > 0,797

OG:Title

Empfohlen für bessere Präsentation

OG:Description

Empfohlen für zusätzlichen Kontext

Einzelnes Bild

Verwende einen primären OG:Image Tag

Ideales Verhältnis

1,91:1 (1200×630px) für beste Ergebnisse

Drei Facebook Link-Vorschau Anzeigetypen

Alex
1d ·
Schaut mal was ich gefunden habe...
Like
Comment
Share

Fehlende Vorschau-Bild

Facebook zeigt kein Bild-Vorschau an, wenn wichtige Kriterien nicht erfüllt sind. Dies passiert, wenn:

  • Entweder Breite oder Höhe unter 200×200 Pixeln liegt
  • Das Bildformat von Facebook nicht unterstützt wird
  • Der og:image Meta-Tag vollständig fehlt

Wichtig: Ohne diese Kriterien zeigt Facebook nur die reine URL ohne visuelle Vorschau an, was das Engagement und die Klickrate drastisch senkt.

Alex
1d ·
Schaut mal was ich gefunden habe...
Like
Comment
Share

Kompakte Hochformat-Vorschau

Facebook zeigt eine kompakte Thumbnail-Vorschau an, wenn Bilder die Grundanforderungen erfüllen, aber Hochformat-Orientierung oder eingeschränkte Abmessungen haben:

  • Breite beträgt 445 Pixel oder weniger
  • Erfüllt die 200×200 Pixel Mindestanforderung
  • Seitenverhältnis von 0,797 oder niedriger (Hochformat)
  • Verwendet ein akzeptiertes Format (JPG, PNG, WebM, GIF oder SVG)

Wichtig: Kompakte Hochformat-Vorschauen erscheinen als Seiten-Thumbnails neben dem Link und bieten geringere visuelle Präsenz als erweiterte Vorschauen und können zu niedrigeren Engagement-Metriken als Vollbreite-Anzeigen führen.

Alex
1d ·
Schaut mal was ich gefunden habe...
Like
Comment
Share

Erweiterte Rechteck-Vorschau

Facebook rendert eine erweiterte Vollbreite-Vorschau, wenn Bilder die optimalen Kriterien erfüllen:

  • Breite übersteigt 445 Pixel
  • Höhe übersteigt 232 Pixel
  • Seitenverhältnis übersteigt 0,797
  • Erfüllt die 200×200 Pixel Mindestanforderung
  • Ideale Abmessungen: 1200 × 630 Pixel (1,91:1 Seitenverhältnis) für beste Ergebnisse

Wichtig: Erweiterte Vorschauen werden als Vollbreite-Karten mit Bild, Titel und Beschreibung gerendert, was maximale Engagement-Möglichkeiten und überlegene visuelle Präsentation für geteilte Links bietet.

Validiere deine Link-Vorschau

Überprüfe, ob deine Website allen Facebook Open Graph Anforderungen entspricht, mit unserem kostenlosen Validierungstool.

Link prüfen

Wichtige Open Graph Tags

og:title Empfohlen

Die Überschrift in der Vorschau-Karte. Facebook bevorzugt og:title statt des standardmäßigen <title>-Elements.

<meta property="og:title" content="Dein überzeugender Seitentitel" />
og:description Empfohlen

Eine prägnante Zusammenfassung unter dem Titel. Facebook bevorzugt og:description gegenüber standardmäßigen Meta-Beschreibungen.

<meta property="og:description" content="Eine kurze, ansprechende Beschreibung deiner Seite" />
og:image Erforderlich

Die Bild-URL für die Vorschau-Karte. Dies ist das wichtigste Element für Facebook-Vorschauen. Ohne dieses erscheint kein Bild in der Vorschau.

<meta property="og:image" content="https://deineseite.de/bilder/vorschau.jpg" />

Bildanforderungen

Open Graph Bildanforderungen

Vorschau-Bilder erzielen die höchsten Engagement-Raten

Mindestbreite

200 Pixel

Bilder schmaler als 200px werden vollständig ignoriert

Mindesthöhe

200 Pixel

Bilder kürzer als 200px werden vollständig ignoriert

Empfohlene Größe

1200 × 630 px

Beste für erweiterte Vorschau-Anzeige (Breite >445px, Höhe >232px, Verhältnis >0,797)

Unterstützte Bildformate

.jpg .jpeg .png .webm .gif .svg

Hinweis: Alle gängigen Bildformate werden für Facebook Link-Vorschauen unterstützt, einschließlich GIF und SVG.

Wie Vorschau-Größen bestimmt werden

❌

Keine Vorschau

Bild unter 200px oder nicht unterstütztes Format

Reine URL erscheint ohne visuelle Vorschau. Engagement sinkt erheblich.

📎

Kompakte Vorschau

Bild ≤445px Breite oder Hochformat/Quadrat-Orientierung

Wird als kompaktes Thumbnail neben dem Link gerendert. Geringere visuelle Präsenz als erweiterte Vorschauen.

✅

Erweiterte Vorschau

Bild >445px Breite, >232px Höhe, Verhältnis >0,797

Vollbreite Karten-Vorschau mit Bild, Titel und Beschreibung. Höchstes Engagement-Potenzial.

Implementierungs-Checkliste

OG:Image Tag vorhanden

Kritisch

Füge einen og:image Meta-Tag mit einer gültigen Bild-URL hinzu. Dies ist obligatorisch für Vorschauen.

Unterstütztes Bildformat (JPG, PNG, WebM, GIF, SVG)

Kritisch

Facebook akzeptiert alle Standard-Bildformate einschließlich GIF und SVG. JPG und PNG bieten die breiteste Kompatibilität.

Bildbreite mindestens 200px

Kritisch

Stelle sicher, dass Bilder mindestens 200 Pixel breit sind. Bilder schmaler als 200px werden vollständig ignoriert.

Bildhöhe mindestens 200px

Kritisch

Stelle sicher, dass Bilder mindestens 200 Pixel hoch sind. Bilder kürzer als 200px werden vollständig ignoriert.

OG:Title Tag vorhanden

Warnung

Füge einen og:title Meta-Tag hinzu. Facebook verwendet <title> als Standard, wenn fehlend, aber og:title ist empfohlen.

OG:Description Tag vorhanden

Warnung

Füge einen og:description Meta-Tag für zusätzlichen Kontext hinzu. Fällt auf standardmäßige Meta-Beschreibung zurück, wenn abwesend.

Einzelner OG:Image Tag

Warnung

Verwende genau einen og:image Tag. Mehrere Tags können zu inkonsistentem Verhalten führen.

Beispiel-Implementierungscode

<head> Abschnitt
<!-- Facebook Link-Vorschau Meta-Tags -->

<!-- Erforderlich: Titel -->
<meta property="og:title" content="Dein Seitentitel" />

<!-- Erforderlich: Beschreibung -->
<meta property="og:description" content="Eine überzeugende Beschreibung deiner Seite" />

<!-- Erforderlich: Bild (am wichtigsten!) -->
<meta property="og:image" content="https://deineseite.de/bild.jpg" />

<!-- Empfohlen: Bildabmessungen -->
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

<!-- Empfohlen: URL und Typ -->
<meta property="og:url" content="https://deineseite.de/seite" />
<meta property="og:type" content="website" />

Häufige Fragen beantwortet

Validiere deine Facebook Open Graph Konfiguration

Analysiere die Einhaltung der Facebook Open Graph Spezifikationen durch deine Website und erhalte konkrete Verbesserungsvorschläge.

Links validieren