So korrigieren Sie die Linkvorschau in Facebook und WhatsApp

Wenn beim Teilen einer URL auf Facebook oder WhatsApp kein Bild erscheint, ein falscher Titel angezeigt wird oder eine alte Version bestehen bleibt, prüfen Sie zuerst, welche Daten diese Seite veröffentlicht und ob sie sich ohne Anmeldung abrufen lassen.

Die Vorschau verwendet in der Regel die Open-Graph-Tags im HTML. Wenn Sie nur das Bild ändern, das Sie auf der Seite sehen, ändert sich das Bild, das die Seite zum Teilen angibt, womöglich nicht.

Zuerst das Problem eingrenzen

WhatsApp erlaubt es, Linkvorschauen zu deaktivieren. Ist diese Option aktiv, beweist eine fehlende Vorschau beim Senden keinen Fehler der Website.

1. Prüfen Sie die Open-Graph-Tags

Öffnen Sie genau die URL, die Sie teilen, und sehen Sie sich ihren Quelltext an. Im <head> sollten entsprechende Angaben stehen, angepasst an diese Seite:

<meta property="og:type" content="website">
<meta property="og:url" content="https://ihredomain.com/articulo">
<meta property="og:title" content="Seitentitel">
<meta property="og:description" content="Beschreibung der geteilten Seite.">
<meta property="og:image" content="https://ihredomain.com/imagenes/compartir.jpg">

Die URL in og:image muss absolut sein. Prüfen Sie, dass sie nicht auf das Bild einer anderen Seite, auf eine Testumgebung oder auf eine Datei zeigt, die nicht mehr existiert. Veröffentlichen Sie die Tags im ursprünglichen HTML: Verlassen Sie sich nicht darauf, dass sie erst nach der Ausführung von JavaScript erscheinen.

In WordPress kann Ihr SEO-Plugin Titel, Beschreibung und Social-Media-Bild verwalten. Prüfen Sie das endgültige HTML, um auszuschließen, dass Theme und ein anderes Plugin widersprüchliche Tags erzeugen. Wenn Sie mehrere Bilder angeben, setzen Sie das bevorzugte an die erste Stelle.

2. Prüfen Sie, ob sich das Bild abrufen lässt

Öffnen Sie die URL aus og:image in einem privaten Fenster. Sie muss das Bild direkt über HTTPS anzeigen, ohne Login, erforderliche Cookies oder eine Bot-Abwehr.

Verwenden Sie ein Bild im Querformat mit lesbarem Text; Sie können zum Beispiel eines mit 1200 × 630 Pixeln vorbereiten. Komprimieren Sie die Datei und prüfen Sie, wie sie in beiden Apps aussieht: Die Abmessungen allein garantieren keine Vorschau. Liefern Sie kein riesiges Bild aus, wenn eine leichte Version dasselbe Ergebnis bringt.

Erhalten Sie einen 403, 404, einen Zertifikatsfehler oder eine Anmeldeseite, beheben Sie zuerst diese Antwort. Prüfen Sie die Regeln von Firewall, CDN oder Hotlink-Schutz, die die Datei betreffen.

3. Fordern Sie in Facebook ein erneutes Auslesen an

Öffnen Sie den Sharing Debugger von Facebook, geben Sie die genaue URL ein und prüfen Sie die abgerufenen Informationen. Nachdem Sie die Quelle korrigiert haben, verwenden Sie die Option zum erneuten Auslesen, um einen neuen Abruf anzufordern.

Erscheinen weiterhin alte Daten, leeren Sie den Cache der Anwendung und des CDN und prüfen Sie den öffentlichen Quelltext erneut. Wenn Sie die Datei eines Social-Media-Bildes ändern, hilft ein neuer Dateiname, die veröffentlichte Version von einer alten Kopie zu unterscheiden; aktualisieren Sie auch og:image.

Der Debugger wirkt nur auf Facebook. Er leert nicht den Cache von WhatsApp und zeigt nicht, welches Bild dort erscheinen wird.

4. Testen Sie den Link in WhatsApp

Fügen Sie die vollständige URL in das Eingabefeld eines Chats ein, ohne sie zu senden, und warten Sie, bis die Vorschau entsteht. Prüfen Sie vorher, dass Sie sie in den Einstellungen nicht deaktiviert haben. Eine bereits gesendete Vorschau ist kein verlässlicher Test für den aktuellen Zustand der Seite.

Tritt der Fehler nur in WhatsApp auf, prüfen Sie erneut das Bild, die öffentliche Antwort und das ursprüngliche HTML. Notieren Sie Gerät und App-Version, damit Sie das Verhalten vergleichen können.

Prüfung im Terminal

Wenn Sie die HTTP-Antwort untersuchen müssen, laden diese Befehle die Seite mit der Kennung des Facebook-Crawlers herunter:

curl -L --compressed -A 'facebookexternalhit/1.1' https://ihredomain.com/articulo
curl -L --compressed -A 'facebookexternalhit/1.1' -o /dev/null -w '%{http_code} %{content_type} %{size_download}\n' https://ihredomain.com/imagenes/compartir.jpg

Der erste muss die richtigen Tags enthalten. Der zweite zeigt HTTP-Code, Inhaltstyp und heruntergeladene Größe. Ein 200 mit text/html bei der Bild-URL kann bedeuten, dass Sie eine Fehlerseite oder eine Bot-Abwehr erhalten haben.

Diese Tests laufen über Ihre eigene Verbindung: Eine geänderte Kennung bildet weder IP noch Cache noch alle Bedingungen des echten Crawlers nach. Gleichen Sie das Ergebnis mit dem Debugger und den Serverprotokollen ab.

Was Sie dem Support senden, wenn das Problem bleibt

Wenn Ihre Website bei Hostsuar gehostet ist, nennen Sie uns die geteilte URL, die URL aus og:image, die Uhrzeit des Tests und wo der Fehler auftritt. Wir können Zugriffsfehler oder Sperren des Hostings prüfen. Ein Serverwechsel ist nicht nötig, wenn die Ursache in den Tags Ihres Themes oder in den Einstellungen der Anwendung liegt.