Du schickst einen Link in WhatsApp und die Vorschau zeigt ein altes Bild, den falschen Titel oder einen zufälligen Screenshot deiner Seite. WhatsApp liest deine Seite nicht bei jeder Nachricht neu. Es nutzt Metas gecachte Open-Graph-Daten, dasselbe System wie Facebook und Messenger.
Kurzantwort
WhatsApp-Link-Vorschauen kommen aus Open-Graph-Tags (og:title, og:description, og:image), die Metas Crawler abruft. Falsche Vorschauen bedeuten meist veralteten Cache, fehlende Tags oder eine kaputte Bild-URL. Tags auf der Live-Seite fixen, Cache über den Facebook Sharing Debugger leeren, dann den Link in einem neuen Chat testen.
Wie WhatsApp Link-Vorschauen baut
Beim Einfügen einer URL fragt WhatsApp Metas Server nach Preview-Daten. Der Crawler (facebookexternalhit) holt dein HTML und liest OG-Tags. WhatsApp rendert eine kleine Karte mit Titel, Beschreibung und Thumbnail.
WhatsApp nutzt nicht:
- Nur Twitter-Card-Tags (braucht
og:*-Tags) - JSON-LD-Schema
- Per JavaScript gesetzte Meta-Tags (nur initiales HTML zählt)
Fehlt og:image, nimmt WhatsApp ein zufälliges großes Bild von der Seite oder zeigt nur Text.
Falsche vs. keine Vorschau
| Symptom | Wahrscheinliche Ursache |
|---|---|
| Altes Bild nach Update | Meta-OG-Cache nicht aktualisiert |
| Falscher Titel (nicht dein og:title) | og:title fehlt, Fallback auf <title> oder H1 |
| Zufälliges Produktbild | Kein og:image, Crawler nahm Seiteninhalt |
| Gar keine Vorschau | Crawler blockiert, Timeout oder keine Tags |
| In einem Chat OK, in anderem falsch | Alte Nachricht lokal gecached; neuen Chat testen |
Schritt 1: Open-Graph-Tags prüfen
- Seitenquelltext anzeigen (nicht DevTools nach JS).
- Diese Tags mit absoluten HTTPS-URLs bestätigen:
<meta property="og:title" content="Dein Titel"><meta property="og:description" content="Deine Beschreibung."><meta property="og:image" content="https://beispiel.de/og.jpg"><meta property="og:url" content="https://beispiel.de/seite">og:image-URL direkt öffnen. Muss ohne Login laden.
Mit OpenGraph Check vor dem Teilen testen.
Schritt 2: Meta-Cache leeren (betrifft WhatsApp)
WhatsApp teilt Facebooks Link-Preview-Cache. Zum Aktualisieren:
- Facebook Sharing Debugger öffnen.
- URL eingeben und Debuggen.
- Zweimal Erneut scrapen.
Ausführlich: Open-Graph-Cache auf Facebook leeren.
Schritt 3: In neuem WhatsApp-Chat testen
Bereits gesendete Nachrichten behalten ihre Vorschau. WhatsApp aktualisiert Karten in alten Chats nicht rückwirkend.
Richtig testen:
- Chat öffnen, in dem du diese URL noch nicht geteilt hast.
- Link einfügen und 3-5 Sekunden warten.
- Oder Query-String:
https://deineseite.de/seite?w=1
Bildanforderungen für WhatsApp
WhatsApp ist weniger streng als LinkedIn, scheitert aber an kaputten Bildern.
| Anforderung | Empfehlung |
|---|---|
| Mindestgröße | 300 × 200 px (1200 × 630 px nutzen) |
| Format | JPG oder PNG |
| URL | Absolute HTTPS, kein Auth |
| Dateigröße | Unter 300 KB für schnelle Loads |
Kleine oder langsame Bilder können ohne Thumbnail enden. Siehe Open-Graph-Bildgrößen-Guide.
Typische Ursachen falscher WhatsApp-Vorschauen
Veralteter Cache nach Bildtausch
Du hast og.jpg ersetzt, URL gleich gelassen. Metas CDN liefert noch die alte Datei. Fix: umbenennen zu og-v2.jpg, og:image anpassen, neu scrapen.
SPA ohne serverseitige Meta-Tags
React, Vue oder Angular setzen Tags clientseitig. Initiales HTML bleibt leer. Metas Crawler sieht kein og:image. Fix: SSR oder statische Meta-Tags im <head>.
robots.txt blockiert Crawler
facebookexternalhit in robots.txt erlauben:
User-agent: facebookexternalhit
Allow: /
Falsche Seite gecached
Du teilst https://beispiel.de, og:url zeigt auf https://beispiel.de/alte-seite. Kanonische URL und og:url angleichen.
CDN liefert Bots anderes HTML
Manche CDNs cachen Fehlerseiten für Bots. Cache nach Deploy leeren, 200-Antworten für Bots bestätigen.
WhatsApp Business API vs. normales WhatsApp
Normales WhatsApp und WhatsApp Business nutzen dasselbe Preview-System für URL-Unfurling. Custom Template Messages sind ein anderes Thema.
FAQ
Warum stimmt die Vorschau auf meiner Seite, in WhatsApp aber nicht?
Dein On-Site-Preview-Tool rendert vielleicht JavaScript-Tags. WhatsApp sieht nur Server-HTML. Raw-Quelltext prüfen.
Nutzt WhatsApp denselben Cache wie Facebook?
Ja. Beide nutzen Metas Infrastruktur. Cache-Leeren im Sharing Debugger aktualisiert WhatsApp-Vorschauen für neue Shares.
Kann ich eine alte Nachricht zur Aktualisierung zwingen?
Nein. Link erneut in neuer Nachricht senden oder URL mit Cache-Buster.
Warum nur Text, kein Bild?
og:image fehlt, ist blockiert, zu klein oder zu langsam. Zuerst Bild-URL fixen.
Beeinflussen WhatsApp-Vorschauen SEO?
Kein direkter SEO-Effekt. Sie beeinflussen Klicks, wenn Leute deine Links in Chats teilen.
Wie lange bis WhatsApp die aktualisierte Vorschau zeigt?
Nach erfolgreichem Scrape meist Minuten bei neuen Shares. Alte Nachrichten nie.
Fazit
Falsche WhatsApp-Vorschauen hängen an Open-Graph-Tags und Metas gemeinsamem Cache. Korrekte og:*-Tags im Server-HTML, Bild-URLs versionieren, im Sharing Debugger scrapen, in frischem Chat testen. Das löst die meisten Meldungen.
