Du hast den Post geschrieben, die URL gewählt und die Kampagne geplant. In der Vorschau erscheint das Logo von letztem Monat statt deines Launch-Bildes. Die Website-Vorschau vor dem Teilen dauert fünf Minuten und verhindert einen öffentlichen Fehler, den kein Edit-Knopf vollständig rückgängig macht.
Kurzantwort
Füge deine Live-URL in ein Multi-Plattform-Vorschau-Tool wie OpenGraph Check ein, prüfe die Karte für jedes Netzwerk, auf dem du postest, und bestätige die Tags im Seitenquelltext. Öffne die og:image-URL direkt. Für Facebook, Instagram und WhatsApp zusätzlich den Facebook Sharing Debugger nutzen. Für LinkedIn den Post Inspector. Erst teilen, wenn Titel, Bild und Description auf allen Zielplattformen stimmen.
Warum vor dem Teilen prüfen
Link-Vorschauen sind der erste Eindruck in Feeds, Slack-Kanälen und Gruppenchats. Eine kaputte Karte bedeutet:
- Niedrigere Klickrate bei Organic und Paid
- Vertrauensverlust durch veraltete oder falsche Bilder
- Verschwendetes Werbebudget bei hässlichen Karten
- Support-Anfragen von verwirrten Lesern
Plattformen cachen Vorschauen aggressiv. Was du nach dem Klick auf Teilen siehst, bleibt oft wochenlang. Erst prüfen, dann posten.
Was eine Link-Vorschau zeigt
Jede große Plattform liest Open-Graph-Meta-Tags aus deinem HTML:
| Element | Quell-Tag |
|---|---|
| Überschrift | og:title |
| Beschreibung | og:description |
| Bild | og:image |
| URL | og:url |
Fehlt ein Tag oder ist er falsch, rät die Plattform. Das ergibt zufällige Crops, falsche Titel oder leere Karten. Referenz: Open-Graph-Tags erklärt.
Schritt-für-Schritt-Vorschau-Workflow
1. Exakt die URL nutzen, die du teilst
Kopiere den finalen Link inklusive oder ohne www, Trailing Slash und UTM-Parameter wie geplant. Teste genau diesen String. Abweichung zwischen getesteter und geteilter URL ist eine häufige Fehlerquelle.
2. Seitenquelltext prüfen
Rechtsklick → Seitenquelltext anzeigen. Nach og:image suchen. Tags müssen im rohen HTML stehen, nicht nur in DevTools nach JavaScript.
3. Multi-Plattform-Vorschau scannen
OpenGraph Check lädt deine URL wie Crawler und rendert Vorschauen für:
- X (Twitter)
- Discord
Ein Scan, alle wichtigen Netzwerke, unter 30 Sekunden. Titel-Länge, Bild-Crop und Description-Kürzung vergleichen.
4. Bild direkt validieren
og:image-Wert kopieren und in neuem Tab öffnen. HTTP 200, HTTPS, kein Login erwarten. Kaputte Bilder sind die häufigste Ursache. Fix: Fehlendes OG-Bild beheben.
5. Plattform-Debugger für deine Zielnetzwerke
| Plattform | Tool | Wann |
|---|---|---|
| Facebook, Instagram, WhatsApp | Facebook Sharing Debugger | Meta-Kampagnen, Cache-Refresh |
| LinkedIn Post Inspector | B2B-Posts, Unternehmensseiten | |
| X | Card Validator | X-spezifische Card-Probleme |
Anleitungen: Facebook Sharing Debugger, LinkedIn Post Inspector.
6. Privaten Test-Share senden
URL an dich selbst auf WhatsApp schicken oder in privatem Slack-Channel posten. Echte Apps weichen manchmal leicht vom Debugger ab, wenn der Cache warm ist.
Vorschau-Tools im Vergleich
OpenGraph Check (empfohlener Default)
- Multi-Plattform-Vorschauen in einem Scan
- Zeigt erkannte Raw-Tags
- Markiert fehlende Felder
- Kein Account nötig
- Ideal für Pre-Launch-Checks über alle Netzwerke
Facebook Sharing Debugger
- Offizielles Meta-Scrape-Tool
- Leert Facebook-, Instagram- und WhatsApp-Cache
- Zeigt Scrape-Fehler und Warnungen
- Pflicht nach Tag-Änderung an zuvor geteilter URL
LinkedIn Post Inspector
- Offizielles LinkedIn-Scrape
- Aktualisiert LinkedIn-Cache
- Zeigt letzten Scrape-Zeitstempel
Browser-Extensions
Praktisch für schnelle Checks beim Surfen. Allein nicht zuverlässig für Kampagnen-Launches. Immer gegen Seitenquelltext bestätigen.
URL in Plattform-Compose-Box einfügen
Facebook und LinkedIn zeigen beim Entwurf eine Vorschau. Gut als finale Plausibilitätsprüfung, aber Cache kann veraltet sein. Frühere Validierungsschritte nicht überspringen.
Worauf du in jeder Vorschau achtest
Titel
- Auf Mobile-Breite lesbar
- Unter 60 Zeichen gegen Kürzung
- Passt zur Kampagnen-Botschaft, nicht nur zum HTML-
<title>
Description
- Klarer Nutzen in der ersten Zeile
- 80-125 Zeichen ideal
- Kein Duplikat des Titels
Bild
- Richtiges Seitenverhältnis (1200 × 630 px sicherer Default)
- Kein wichtiger Text an den Rändern abgeschnitten
- Markenfarben und Logo in Thumbnail-Größe sichtbar
- Maße: Open-Graph-Bildgröße
URL-Domain
- Zeigt deine Marken-Domain, keinen Redirect oder Shortener (außer beabsichtigt)
- HTTPS sichtbar in der Vorschau
Timing der Vorschau im Launch-Prozess
Vorschau-Checks an diesen Punkten einbauen:
Vor Veröffentlichung: Staging-URL scannen, wenn öffentlich erreichbar, dann Production direkt nach Go-Live.
Vor Social-Planung: Marketing scannt jede URL im Content-Kalender mit OpenGraph Check.
Vor Paid-Ad-Launch: Media Buyer bestätigt Vorschau im Debugger plus OpenGraph Check. Kaputtes OG bei Ads verbrennt Budget.
Nach Site-Migration: Jede High-Traffic-URL neu scannen. CMS- und DNS-Wechsel brechen Tags still.
Nach Bild- oder Titel-Update: Plattform-Debugger erneut scrapen. Siehe Link-Vorschau-Cache erklärt.
Typische Vorschau-Überraschungen
Veraltetes gecachtes Bild
Du hast das Beitragsbild aktualisiert, die Vorschau zeigt das alte. Plattformen haben den vorherigen Scrape gecacht. Refresh im Facebook Sharing Debugger oder LinkedIn Post Inspector erzwingen.
Unterschiedliche Vorschau pro Plattform
LinkedIn cropt höher. X bevorzugt manchmal quadratische Bilder. WhatsApp nutzt Meta-Cache. Ein Bild sieht selten überall identisch aus. Für den strengsten Crop designen und jede Plattform in OpenGraph Check prüfen.
Vorschau im Debugger OK, in der App nicht
Seltene Timing- oder CDN-Probleme. 5 Minuten warten, erneut scrapen, in frischem Chat testen. Siehe Open-Graph-Cache-Busting.
Gar keine Vorschau
Fehlendes og:image, blockierte Crawler in robots.txt oder Seite liefert nicht-200. Start: Open-Graph-Tags testen.
Vorschau-Checkliste für Marketer
Vor jedem wichtigen Share kopieren:
- Live-HTTPS-URL getestet (nicht localhost)
- Seitenquelltext enthält
og:title,og:description,og:image,og:url - Bild öffnet direkt im Browser
- OpenGraph-Check-Vorschauen für Zielplattformen OK
- Plattform-Debugger-Scrape erfolgreich (falls relevant)
- Privater Test-Share sieht korrekt aus
- UTM-Parameter brechen keine Tags oder Redirects
Vorschau-Checkliste für Entwickler
- Tags im Server-HTML, nicht in Client-JavaScript
- Absolute HTTPS-URLs für alle OG-Werte
-
og:urlentspricht kanonischer Share-URL - Bild mindestens 1200 × 630 px, unter 8 MB
- Keine Auth-Wall auf Bild- oder Seiten-URL
- Cache nach Deploy geleert
FAQ
Kann ich vor der Veröffentlichung prüfen?
Die URL muss für externe Crawler über HTTPS erreichbar sein. Staging-Subdomain ohne Auth oder versteckter Pfad ohne Navigation.
Wie lange dauert ein voller Vorschau-Check?
Zwei bis fünf Minuten für OpenGraph Check plus einen Debugger. Zehn Minuten bei gründlichem Test auf drei Plattformen.
Beeinflusst die Vorschau Analytics?
Nein. Vorschau-Tools laden die Seite wie Crawler. Das zählt nicht als Social Share.
Warum sieht meine Vorschau anders aus als die eines Kollegen?
Plattform-Cache variiert nach Region und Account. Offizielle Debugger erneut scrapen zum Sync.
Jeden Blogpost prüfen oder nur Landing Pages?
Jede URL, die du aktiv bewirbst. Organic-Posts auf Accounts mit vielen Followern verdienen denselben Check wie Paid Landing Pages.
Slack und iMessage vorab prüfen?
OpenGraph Check deckt Discord ab. Für Slack und iMessage einen privaten Test-Link senden. Bei Problemen: Slack Link-Vorschau und iMessage Link-Vorschau.
Brechen URL-Shortener Vorschauen?
Shortener leiten zur finalen URL weiter. Crawler folgen Redirects, extra Hops können scheitern. Kanonische URL bevorzugen, wenn möglich.
Fazit
Die Vorschau vor dem Teilen ist das günstigste Qualitäts-Gate im Social Marketing. Mit OpenGraph Check scannen, Bild-URL validieren, Plattform-Debugger bestätigen und einen privaten Test senden. Fünf Minuten Check schlagen eine Erklärung für eine kaputte Launch-Karte gegenüber dem Chef.
