WhatsApp Link-Vorschau Anforderungen: Der vollständige technische Leitfaden
Alle Spezifikationen für perfekte WhatsApp Link-Vorschauen. Mehr Klicks, Shares und Engagement durch optimal konfigurierte Open Graph Tags.
Anforderungen auf einen Blick
OG:Image
Erforderlich für Vorschau-Anzeige
Bild-Dateigröße
Maximal 600KB
Mindestabmessungen
100×100 Pixel (darunter keine Vorschau)
Dateiformat
JPG, JPEG, PNG oder WebP
OG:Title
Empfohlen für Anzeige
OG:Description
Empfohlen für Kontext
Einzelnes Bild
Verwende ein primäres OG:Image
Große Vorschau
300px+ Breite für volle Anzeige
4 Arten von Link-Vorschauen in WhatsApp
Keine Link-Vorschau Bild
Es wird kein Bild-Vorschau angezeigt, weil die Mindestanforderungen nicht erfüllt sind. Dies tritt auf, wenn:
- Bildabmessungen unter 100×100 Pixeln liegen (Breite oder Höhe)
- Bild-Dateigröße 600KB überschreitet
- Ein nicht unterstütztes Bildformat verwendet wird (GIF oder SVG)
- Der og:image Meta-Tag vollständig fehlt
Wichtigste Erkenntnis: Wenn diese Anforderungen nicht erfüllt sind, zeigt WhatsApp nur die URL ohne visuelle Vorschau an, was das Engagement und die Klickraten erheblich reduziert.
Kleine Link-Vorschau
Eine kleine Thumbnail-Vorschau wird angezeigt, wenn das Bild die Mindestanforderungen erfüllt, aber begrenzte Abmessungen hat:
- Bildbreite liegt zwischen 100-299 Pixeln
- Bild erfüllt die Mindestanforderung von 100×100 Pixeln
- Bild-Dateigröße ist unter 600KB
- Bild verwendet ein unterstütztes Format (JPG, PNG oder WebP)
Wichtigste Erkenntnis: Kleine Vorschauen werden als Thumbnail neben dem Link angezeigt und bieten weniger visuellen Impact als große Vorschauen und können das Engagement im Vergleich zu vollbreiten Vorschauen reduzieren.
Große rechteckige Link-Vorschau
Eine vollbreite Vorschau wird angezeigt, wenn das Bild die optimalen Anforderungen erfüllt:
- Bildbreite ist 300 Pixel oder größer
- Bild erfüllt die Mindestanforderung von 100×100 Pixeln
- Bild-Dateigröße ist unter 600KB
- Bild verwendet ein unterstütztes Format (JPG, PNG oder WebP)
- Empfohlene Größe: 1200 × 630 Pixel für optimale Anzeige
Wichtigste Erkenntnis: Große Vorschauen werden als vollbreite Vorschau mit Bild, Titel und Beschreibung angezeigt, bieten maximales Engagement-Potenzial und den besten visuellen Impact für deine Links.
Große quadratische Link-Vorschau
Im Gegensatz zu Facebook unterstützt WhatsApp verschiedene Bildseitenverhältnisse. Quadratische Bilder (1:1) werden auch als vollbreite Vorschauen angezeigt, wenn sie die optimalen Anforderungen erfüllen:
- Bildbreite ist 300 Pixel oder größer
- Bild erfüllt die Mindestanforderung von 100×100 Pixeln
- Bild-Dateigröße ist unter 600KB
- Bild verwendet ein unterstütztes Format (JPG, PNG oder WebP)
- Quadratische Bilder (1:1 Seitenverhältnis) wie 1200×1200 Pixel funktionieren gut
Wichtigste Erkenntnis: Im Gegensatz zu Facebook akzeptiert WhatsApp verschiedene Seitenverhältnisse einschließlich quadratischer Bilder und bietet Flexibilität bei gleichzeitig maximalem Engagement-Potenzial mit vollbreiten Vorschauen.
Teste deine Link-Vorschau jetzt
Nutze unser kostenloses Link-Checker-Tool, um zu prüfen, ob deine Website alle WhatsApp Link-Vorschau-Anforderungen erfüllt.
Erforderliche Meta-Tags
og:title
Empfohlen
Der in der Link-Vorschau angezeigte Titel. WhatsApp verwendet og:title vor dem regulären <title>-Tag.
og:description
Empfohlen
Eine kurze Beschreibung unter dem Titel. WhatsApp priorisiert og:description gegenüber der Meta-Beschreibung.
og:image
Erforderlich
Die URL des Vorschau-Bildes. Dies ist das wichtigste Element für WhatsApp Link-Vorschauen. Ohne dieses wird kein Vorschau-Bild angezeigt.
Bild-Anforderungen
OG:Image Spezifikationen
Das Vorschau-Bild ist das wichtigste Element für Engagement
Maximale Dateigröße
600 KB
Bilder größer als 600KB werden nicht angezeigt
Mindestbreite
100 Pixel
Bilder unter 100px Breite werden gar nicht angezeigt
Mindesthöhe
100 Pixel
Bilder unter 100px Höhe werden gar nicht angezeigt
Empfohlene Größe
1200 × 630 px
Optimal für große Vorschau-Anzeige (300px+ Breite)
Unterstützte Bildformate
Hinweis: GIF- und SVG-Formate werden für WhatsApp Link-Vorschauen nicht unterstützt.
Vorschau-Größen-Verhalten
Keine Vorschau
Bild unter 100px, zu groß oder falsches Format
Nur URL wird ohne visuelle Vorschau angezeigt. Reduziert das Engagement erheblich.
Kleine Vorschau
Bild 100-299px Breite
Wird als kleines Thumbnail neben dem Link angezeigt. Weniger visueller Impact als große Vorschauen.
Große Vorschau
Bild 300px+ Breite, alle Anforderungen erfüllt
Vollbreite Vorschau mit Bild, Titel und Beschreibung. Maximales Engagement-Potenzial.
Technische Checkliste
Hat OG:Image Tag
KritischFüge einen og:image Meta-Tag mit einer gültigen Bild-URL hinzu. Dies ist essentiell für jede Vorschau-Anzeige.
Bild-Dateigröße unter 600KB
KritischKomprimiere dein Bild mit Tools wie TinyPNG oder Squoosh. Ziele auf 100-300KB für optimales Laden.
Gültiges Bildformat (JPG, PNG, WebP)
KritischKonvertiere GIF, SVG oder andere Formate zu JPG oder PNG. WebP wird unterstützt, aber JPG hat die breiteste Kompatibilität.
Bild mindestens 100px Breite
KritischVerwende Bilder mit mindestens 100 Pixeln Breite. Bilder unter 100px werden gar nicht angezeigt.
Bild mindestens 100px Höhe
KritischVerwende Bilder mit mindestens 100 Pixeln Höhe. Bilder unter 100px werden gar nicht angezeigt.
Hat OG:Title
WarnungFüge einen og:title Meta-Tag hinzu. WhatsApp fällt auf <title> zurück wenn nicht vorhanden, aber og:title ist bevorzugt.
Hat OG:Description
WarnungFüge einen og:description Meta-Tag für Kontext hinzu. Fällt auf Meta-Beschreibung zurück wenn nicht vorhanden.
Einzelnes OG:Image
WarnungVerwende nur einen og:image Tag. Mehrere Bilder können zu unvorhersehbarem Verhalten führen.
Vollständiges Code-Beispiel
<!-- WhatsApp Link-Vorschau Meta-Tags -->
<!-- Erforderlich: Titel -->
<meta property="og:title" content="Dein Seitentitel" />
<!-- Erforderlich: Beschreibung -->
<meta property="og:description" content="Eine ansprechende 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äufig gestellte Fragen
Teste deine WhatsApp Link-Vorschauen
Nutze unser kostenloses Link-Checker-Tool, um zu prüfen, ob deine Website alle WhatsApp Link-Vorschau-Anforderungen erfüllt, und erhalte konkrete Empfehlungen.
Link-Vorschauen prüfen