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 Blogbeitrags — die Vorschau prüfen bevor du irgendetwas teilst. Ein fehlendes og:image oder ein falscher Titel ist einfach zu beheben vor dem Veröffentlichen — viel schwieriger nachdem der Link geteilt und von Plattformen gecacht wurde. Mehr über Open Graph Protokoll-Standards bei ogp.me. Nach dem Aktualisieren von Meta Tags — Plattformen cachen Social Previews stunden- oder tagelang. Dieses Tool verwenden um zu prüfen ob deine aktualisierten Tags korrekt gelesen werden bevor du Plattform-Caches leerst. Wettbewerber-Seiten prüfen — beliebige Wettbewerber-URL eingeben um genau zu sehen wie sie ihre Open Graph Tags eingerichtet haben. Ein nützlicher Maßstab für dein eigenes SEO- und Social-Setup. Erkenntnisse und Maßnahmen direkt in DailyBuddy Projekte verfolgen — gemeinsame Boards, Zeitpläne und Aufgaben für dein ganzes Team. Eine kaputte Vorschau-Karte debuggen — wenn ein geteilter Link das falsche Bild, ein Standard-Seitenbild oder gar kein Bild zeigt, zeigt dieses Tool genau welcher Tag fehlt oder falsch formatiert ist. Jede Plattform unabhängig prüfen — Facebook, X, LinkedIn und WhatsApp verwenden nicht alle dieselben Tags. Was auf Facebook korrekt aussieht kann auf LinkedIn anders dargestellt werden. Alle 9 Plattformen hier auf einmal prüfen. Vor einem Produkt-Launch oder einer Kampagne — Social Share Previews sind das Erste was Menschen sehen wenn ein Link geteilt wird. Sicherstellen dass jede Plattform das richtige Bild, den richtigen Titel und die richtige Beschreibung vor dem Launch zeigt. Wenn du bereit bist Assets mit deinem Team zu teilen, ermöglicht DailyBuddy Send das Teilen von Dateien über verschlüsselte Links — keine Datei die ungeschützt in irgendeinem Posteingang liegt.
Die häufigsten Open Graph Fehler
Fehlendes og:image — das bei weitem häufigste Problem. Ohne og:image-Tag zeigen die meisten Plattformen eine leere Karte oder wählen ein zufälliges Bild von der Seite. Immer ein spezifisches og:image von mindestens 1200×630px setzen.
Falsche Bildgröße — Facebook und LinkedIn empfehlen 1200×630px. Zu kleine Bilder werden ignoriert oder als winzige Thumbnails dargestellt. Den Seitenverhältnis-Rechner verwenden um die OG-Bild-Abmessungen zu prüfen.
Fehlender twitter:card Tag — ohne diesen Tag fällt X/Twitter auf eine minimale Vorschau zurück. Auf summary_large_image setzen für Vollbreite-Bildkarten.
og:title zu lang — Facebook schneidet Titel bei etwa 65 Zeichen ab. Prägnante og:Titel schreiben und prüfen wie sie in diesem Tool erscheinen bevor du veröffentlichst.
Gecachte alte Vorschau — Plattformen cachen Vorschauen aggressiv. Nach dem Beheben der Tags den Facebook Sharing Debugger oder LinkedIns Post Inspector verwenden um einen Refresh zu erzwingen — dann hier erneut prüfen.
Warum dieses Social Media Preview Tool einen Server-Request benötigt
Das Rendern der Vorschau und die Tag-Analyse erfolgen vollständig in deinem Browser nach dem initialen Abruf. Es ist dieselbe datenschutzorientierte Philosophie wie beim SEO Keyphrase Checker — serverseitiger Abruf, browserseitiges Rendering, keine Datenspeicherung.
Häufig gestellte Fragen
Ja, vollständig kostenlos. Keine Anmeldung erforderlich, keine Nutzungsbeschränkungen.
