Warum der Link zu Ihrer Website auf WhatsApp oder Facebook hässlich aussieht (und wie Sie das OG-Bild reparieren)

Sie schicken einem Kunden den Link zu Ihrer Website per WhatsApp, drücken Senden und ... es erscheint ein leeres Rechteck, ohne Bild, mit einem seltsamen Titel oder mit der Webadresse quer durchgeschrieben. Erster Eindruck, verpatzt. Und Sie haben beim Verschicken nichts falsch gemacht: Das Problem liegt in der Website.

Diese Vorschau (Bild, Titel und Beschreibung, die beim Teilen eines Links erscheinen) wird nicht einfach so von WhatsApp oder Facebook erzeugt. Sie kontrollieren sie selbst, über versteckte Tags im Seitencode, die Open Graph heißen. Wenn sie fehlen oder falsch gesetzt sind, rät die App, was sie kann, und rät dabei oft falsch. Die gute Nachricht: Es lässt sich reparieren, und meistens ist es nicht kompliziert. Schauen wir uns genau an, warum das passiert und was Sie tun müssen.

Was das OG-Bild eigentlich ist (und warum Sie es überall sehen)

OG steht für Open Graph, ein von Facebook erfundenes und von fast allen übernommenes Regelwerk: WhatsApp, Facebook, LinkedIn, Telegram, Slack, sogar iMessage. Wenn jemand Ihren Link einfügt, ruft die App die Seite auf und liest bestimmte spezielle Tags aus dem Code:

• `og:title` — der Titel, der in der Vorschau erscheint
• `og:description` — die Textzeile unter dem Titel
• `og:image` — das große Bild
• `og:url` — die offizielle Adresse der Seite

Wenn diese Tags vorhanden und korrekt sind, erhalten Sie eine schöne Karte mit Ihrem Bild, Ihrem Titel und einer klaren Beschreibung. Wenn sie fehlen, behilft sich die App selbst: Sie nimmt den ersten gefundenen Titel, vielleicht ein kleines Bild von der Seite, vielleicht gar keines. Daher die leeren oder seltsamen Karten.

Die häufigsten Gründe, warum das Bild nicht erscheint

Nach unserer Erfahrung lassen sich fast alle Fälle auf ein paar einfache Probleme zurückführen:

• Das Tag `og:image` fehlt komplett. Die Website teilt der App nicht mit, welches Bild sie zeigen soll, also zeigt sie keines.
• Das Bild ist zu klein oder hat die falschen Proportionen. Facebook verlangt ein Bild von mindestens 200x200 px; ideal sind 1200x630 px (Verhältnis 1,91:1). Unter dem Minimum wird es ignoriert.
• Die Bildadresse ist relativ, nicht vollständig. Es muss eine komplette Adresse sein, die mit `https://` beginnt, nicht `/img/bild.jpg`. Die App befindet sich nicht auf Ihrer Website, sie weiß nicht, woher sie es holen soll.
• Das Bild ist nicht öffentlich zugänglich — es liegt hinter einem Login, ist durch robots.txt blockiert, oder die Website läuft nicht über HTTPS.
• Die Datei ist zu groß. Besonders WhatsApp verwirft sehr große Bilder; halten Sie das Bild unter ein paar hundert KB.

Oft ist es nur eine einzige Ursache. Sie finden sie, beheben sie, fertig.

Der versteckte Übeltäter: der Cache. Warum es trotz Reparatur immer noch hässlich aussieht

Das bringt viele Leute zur Verzweiflung: Sie ändern die Website, verschicken den Link erneut, und die Vorschau ist immer noch die alte (oder immer noch leer). Sie haben nichts falsch gemacht — Facebook und WhatsApp speichern (cachen) die erste Version, die sie gesehen haben, damit sie die Seite nicht bei jedem Versand neu laden müssen. Also sehen sie weiterhin die alte Variante.

Die Lösung besteht darin, sie zum erneuten Lesen der Seite zu zwingen. Facebook hat ein kostenloses Tool, den Sharing Debugger (suchen Sie nach "Facebook Sharing Debugger"): Fügen Sie den Link ein, klicken Sie auf "Scrape Again" und sehen Sie sofort, welches OG-Tag gelesen wird, welches Bild gefunden wird und welche Fehler auftreten. WhatsApp nutzt denselben Facebook-Cache, also wird sich nach dem Klick auf Scrape Again auch WhatsApp aktualisieren. Ein kleiner Ersatztrick: Fügen Sie beim Versenden `?v=2` am Ende des Links hinzu, damit die App ihn als neue Adresse erkennt.

So reparieren Sie es, Schritt für Schritt

Wenn Sie Zugriff auf die Website haben (oder auf die Person, die sie verwaltet), sind das die Schritte:

1. Bereiten Sie ein gutes Bild vor — 1200x630 px, mit Logo oder einem klaren Motiv, wenig und großer Text, gespeichert unter ein paar hundert KB.

2. Fügen Sie die OG-Tags im `<head>` der Seite hinzu: `og:title`, `og:description`, `og:image` (mit vollständiger `https://`-Adresse), `og:url`.

3. Prüfen Sie über HTTPS, dass sich das Bild von selbst öffnet, direkt im Browser, ohne Login.

4. Führen Sie den Facebook Sharing Debugger aus, klicken Sie auf Scrape Again und korrigieren Sie angezeigte Fehler.

5. Testen Sie es in der Praxis — schicken Sie sich selbst den Link auf WhatsApp.

Bei WordPress setzt ein SEO-Plugin (Yoast, Rank Math) diese Felder ohne Code. Bei einer sauber von Grund auf gebauten Website wird das einmal eingerichtet und funktioniert überall.

Wenn es nichts ist, das Sie selbst reparieren können

Manchmal gibt es nichts, worauf Sie klicken können: Die Website läuft auf einer geschlossenen Plattform, Sie haben keinen Zugriff auf den `<head>`, oder Sie wollen an einem vollen Nachmittag einfach nicht mit Code und Plugins kämpfen. Völlig in Ordnung.

So arbeiten wir bei MPO Web Studio: Wir bauen Websites, bei denen die Vorschau auf WhatsApp und Facebook von Anfang an korrekt aussieht, weil wir sie beim Erstellen der Website einrichten, nicht erst, wenn sich der erste Kunde beschwert. Wir liefern remote, im ganzen Land, mit transparenten Preisen, und erstellen Ihnen eine kostenlose Demo, bevor Sie irgendetwas bezahlen — Sie sehen genau, wie es aussieht, bevor Sie sich entscheiden.

Wenn Sie nur die Vorschau eines aktuell schlecht aussehenden Links reparieren möchten, schreiben Sie uns auf WhatsApp mit der Adresse der Seite. Meistens nennen wir Ihnen noch am selben Tag die Ursache.