Social-Media-Vorschau
Sieh wie deine Seite auf Facebook, X, LinkedIn, WhatsApp, Slack, Discord, Telegram, Pinterest und Google aussieht.
Was ist ein Social Media Preview Tool — und warum brauchst du es?
Ein Social Media Preview Tool zeigt dir genau wie eine Webseite beim Teilen auf Social Media aussieht — bevor jemand anderes es sieht. Wenn du eine URL auf Facebook, X, LinkedIn oder WhatsApp teilst, lesen diese Plattformen die Open Graph Meta Tags von deiner Seite und generieren eine Vorschau-Karte. Wenn diese Tags fehlen oder falsch sind, sieht die Vorschau kaputt, unprofessionell aus oder zeigt das falsche Bild.
Dieses Tool prüft jede URL gleichzeitig auf 9 Plattformen, zeigt die gerenderte Vorschau-Karte für jede einzelne und listet jeden erkannten Meta Tag mit einem Bestanden- oder Fehler-Status auf.
So verwendest du dieses kostenlose Social Media Preview Tool
- Beliebige URL eingeben in das Eingabefeld
- Preview klicken — das Tool ruft die Seite ab und liest alle Meta Tags
- Zwischen Plattformen wechseln — Google, Facebook, X/Twitter, LinkedIn, WhatsApp, Slack, Discord, Telegram, Pinterest
- Desktop und Mobile umschalten — sehen wie die Vorschau auf beiden aussieht
- Erkannte Meta Tags prüfen — vollständige Liste aller gefundenen Tags mit grünen Häkchen oder roten Fehlern
- Probleme beheben — rote Tags müssen im HTML deiner Seite oder in den CMS-Einstellungen hinzugefügt oder korrigiert werden
Welche Meta Tags dieses Tool prüft
| Tag | Was er steuert |
|---|---|
og:title |
Titel der in der Social-Share-Karte angezeigt wird |
og:description |
Beschreibungstext unterhalb des Titels |
og:image |
Vorschaubild das in der Karte angezeigt wird |
og:url |
Kanonische URL der geteilten Seite |
og:site_name |
Name der Website unterhalb der Karte |
og:type |
Inhaltstyp — article, website, product |
twitter:card |
Kartenformat auf X — summary oder large image |
twitter:title |
Titel speziell für X/Twitter-Karten |
twitter:description |
Beschreibung speziell für X/Twitter-Karten |
twitter:image |
Bild speziell für X/Twitter-Karten |
twitter:site |
Dein X/Twitter-Handle |
meta description |
Beschreibung in Google-Suchergebnissen |
favicon |
Kleines Icon in Browser-Tabs und einigen Karten |
Wann du ein Social Media Preview Tool brauchst
Vor dem Veröffentlichen einer neuen Seite oder eines Blogartikels – prüfe die Vorschau, bevor du irgendetwas teilst. Ein fehlendes og:image oder ein falscher Titel lässt sich vor der Veröffentlichung leicht korrigieren – deutlich schwieriger wird es, wenn der Link bereits geteilt und von den Plattformen im Cache gespeichert wurde. Mehr über die Standards des Open-Graph-Protokolls erfährst du auf ogp.me.
Nach dem Aktualisieren der Meta-Tags – Plattformen speichern Social-Media-Vorschauen stunden- oder sogar tagelang im Cache. Prüfe mit diesem Tool, ob deine aktualisierten Tags korrekt ausgelesen werden, bevor du die Caches der Plattformen leerst.
Seiten der Konkurrenz prüfen – gib eine beliebige URL eines Wettbewerbers ein und sieh dir genau an, wie dort die Open-Graph-Tags eingerichtet sind. Ein hilfreicher Maßstab für dein eigenes SEO- und Social-Media-Setup. Halte deine Erkenntnisse und To-dos direkt in DailyBuddy Projects fest – mit gemeinsamen Boards, Zeitplänen und Aufgaben für dein ganzes Team.
Fehlerhafte Vorschaukarten debuggen – wenn ein geteilter Link das falsche Bild, ein Standardbild der Website oder gar kein Bild anzeigt, zeigt dir dieses Tool genau, welcher Tag fehlt oder fehlerhaft ist.
Jede Plattform einzeln prüfen – Facebook, X, LinkedIn und WhatsApp nutzen nicht alle dieselben Tags. Was auf Facebook korrekt aussieht, kann auf LinkedIn ganz anders dargestellt werden. Prüfe hier alle 9 Plattformen auf einen Schlag.
Vor einem Produktlaunch oder einer Kampagne – Social-Media-Vorschauen sind das Erste, was Leute sehen, wenn ein Link geteilt wird. Stell sicher, dass jede Plattform vor deinem Launch das richtige Bild, den richtigen Titel und die richtige Beschreibung anzeigt. Wenn du Assets mit deinem Team teilen willst, kannst du mit DailyBuddy Send Dateien per verschlüsseltem Link verschicken – ohne dass eine Datei ungeschützt in irgendeinem Posteingang liegt.
Die häufigsten Open Graph Fehler
Fehlendes og:image – das mit Abstand häufigste Problem. Ohne og:image-Tag zeigen die meisten Plattformen eine leere Karte an oder wählen ein beliebiges Bild von der Seite aus. Leg immer ein eigenes og:image mit mindestens 1200×630 px fest.
Falsche Bildgröße – Facebook und LinkedIn empfehlen 1200×630 px. Zu kleine Bilder werden ignoriert oder nur als winzige Thumbnails angezeigt. Mit dem Seitenverhältnis-Rechner kannst du die Maße deines OG-Bilds überprüfen.
Fehlender twitter:card-Tag – ohne diesen Tag greift X/Twitter auf eine minimale Vorschau zurück. Setze ihn auf summary_large_image, um Bildkarten in voller Breite zu erhalten.
og:title zu lang – Facebook kürzt Titel ab etwa 65 Zeichen. Formuliere deine og:titles knapp und prüfe vor der Veröffentlichung mit diesem Tool, wie sie angezeigt werden.
Veraltete Vorschau im Cache – Plattformen speichern Vorschauen sehr hartnäckig im Cache. Nachdem du deine Tags korrigiert hast, kannst du mit dem Sharing Debugger von Facebook oder dem Post Inspector von LinkedIn eine Aktualisierung erzwingen – und das Ergebnis anschließend hier noch einmal prüfen.
Warum dieses Social Media Preview Tool einen Server-Request benötigt
Anders als die anderen DailyBuddy Browser-Tools muss dieses Tool die Ziel-URL abrufen um ihre Meta Tags zu lesen — das erfordert eine serverseitige Anfrage da Browser Cross-Origin-Fetches direkt blockieren. Die eingegebene URL wird serverseitig abgerufen, die Meta Tags werden extrahiert und die Vorschau wird in deinem Browser gerendert. Keine Daten werden gespeichert, kein Tracking, kein Logging.
Nach dem ersten Abruf werden die gerenderte Vorschau und die Tag-Analyse vollständig in deinem Browser verarbeitet. Dahinter steckt dieselbe Privacy-first-Philosophie wie beim SEO-Keyphrase-Checker – Abruf auf dem Server, Darstellung im Browser, keine Datenspeicherung.
Häufig gestellte Fragen
Ja, vollständig kostenlos. Keine Anmeldung erforderlich, keine Nutzungsbeschränkungen.
