Social Share Preview
Kostenloses Tool zur Vorschau von Social-Sharing-Inhalten. Sehen Sie, wie Ihre Seite auf Facebook, X/Twitter, LinkedIn, Discord, Slack und WhatsApp gerendert wird, mit Live-Vorschau von og:title, og:description und og:image. Zeichenanzahl-Prüfung für jede Plattform. 100 % privat.
Live previews (6 platforms)
Check this out: https://serpview.com/tools/serp-simulator
SERP Simulator: Free Snippet Preview Tool | SERPView https://serpview.com/tools/serp-simulator
So funktioniert es
Ein kurzer, klarer Ablauf — eingeben, ausführen, Ergebnis lesen.
Füllen Sie die Open-Graph-Felder aus
Titel, Beschreibung, Bild-URL, Seiten-URL und Website-Name. Standardwerte sind vorgegeben, sodass Sie das Tool in Aktion sehen, bevor Sie eigene Daten eingeben.
Prüfen Sie das Echtzeit-Problemfeld
Leere Felder, zu lange Titel, defekte Bild-URLs und fehlende Canonicals werden im gelben Feld über den Vorschauen markiert. Korrigieren Sie die Eingaben, und die Probleme werden sofort aktualisiert.
Scannen Sie die Vorschauen der 6 Plattformen
Facebook, X, LinkedIn, Discord, Slack und WhatsApp rendern jeweils leicht unterschiedlich. Vergleichen Sie das Layout und passen Sie Titel oder Bild an, bis jede Vorschau klickenswert aussieht.
Kopieren Sie die finale URL zum Teilen
Verwenden Sie die Seiten-URL in Ihrem Beitrag, sobald die Vorschauen korrekt aussehen. Für die eigentlichen Meta-Tags wechseln Sie zu unserem Meta-Tags-Generator, um einen fertigen <head>-Block zum Einfügen zu kopieren.
Was ist eine Open-Graph-Vorschau, und warum sieht dieselbe URL auf jeder Social-Plattform anders aus?
Eine Open-Graph-Vorschau ist die Karte, die eine Social-Plattform rendert, wenn jemand Ihre URL teilt. Facebook, X, LinkedIn, Discord, Slack und WhatsApp lesen alle Ihre og:title-, og:description- und og:image-Tags aus, und jede Plattform beschneidet, kürzt und gestaltet die Karte anders. Ein Titel, der auf Facebook passt, kann auf LinkedIn in derselben Zeile abgeschnitten werden.
Was diese Social-Share-Vorschau leistet
Jedes Kartenlayout und jedes Problem, auf das soziale Plattformen achten – in einem Tool.
- Facebook-Kartenvorschau — rendert die vollständige og:-Karte mit Bild oben, genau so, wie Facebook den Link im Feed und in Messenger anzeigt.
- X / Twitter-Kartenvorschau — rendert die summary_large_image-Karte mit der Zeichenbegrenzung und Schriftart von X.
- LinkedIn-Kartenvorschau — rendert die og:-Karte mit der Domain-Kennzeichnung von LinkedIn und der Begrenzung auf 220 Zeichen für die Überschrift.
- Discord- und Slack-Vorschauen — rendern das Embed-Layout mit prominentem Bild und auf eine Zeile gekürzter Beschreibung.
- WhatsApp-Linkvorschau — rendert die kleine mobile Vorschau, die nur Titel und Domain anzeigt.
- Echtzeit-Problemfeld — markiert leere Felder, zu lange Titel, defekte Bild-URLs und fehlende Canonicals, bevor Sie veröffentlichen.
- Prüfung der og:title-Länge — vergleicht Ihren og:title mit dem 60-Zeichen-Ziel, das auf jeder Plattform passt.
- Prüfung der og:image-Dimensionen — überprüft, ob die Bild-URL aufgelöst wird und die Maße der sicheren Zone von 1200x630 entsprechen.
Wer nutzt diese Social-Share-Vorschau
Jeder, dessen Inhalte in sozialen Medien geteilt werden und dessen Karte auf jeder Plattform professionell aussehen soll.
Sie veröffentlichen vier Beiträge pro Woche und möchten, dass jeder geteilte Link auf LinkedIn, X und Slack klickenswert aussieht.
Vorschau aller sechs Plattformen, Anpassung des og:title auf unter 60 Zeichen, Veröffentlichung ohne schlechten ersten Eindruck.
Sie planen 20 Beiträge pro Monat auf Facebook, LinkedIn und X und benötigen ein einheitliches Kartenformat.
Standardisierung des og:title und der og:description pro Plattform, Vorschau und Festlegung des Formats für den gesamten Kalender.
Sie kündigen eine Pressemitteilung an, und die og:-Karte muss auf jeder Plattform der Journalisten perfekt aussehen.
Vorschau der Karte auf allen sechs Plattformen, Erkennen der gekürzten LinkedIn-Überschrift und Veröffentlichung einer sauberen Ankündigung.
Sie implementieren Open-Graph-Tags auf einer neuen Website und müssen das Layout vor dem Launch überprüfen.
Test mit Beispieldaten, dann mit dem echten Artikel, Bestätigung, dass og:image und og:title auf jeder Plattform korrekt gerendert werden.
Sie prüfen eine Website mit 200 Seiten und müssen Seiten mit fehlenden oder zu langen og:-Tags identifizieren.
Jede Seite durch die Vorschauen laufen lassen, leere og:description- und defekte og:image-URLs in einem Durchgang erkennen.
Sie starten 50 Produktseiten und benötigen Share-Karten, die Traffic zurück zur Produktdetailseite leiten.
og:image auf das Produktfoto setzen, Titel prüfen und sicherstellen, dass jeder Share eine funktionierende Landingpage ist.
Verwandte Glossarbegriffe
Sie möchten tiefer einsteigen? Diese Glossareinträge erklären die Konzepte hinter diesem Tool.
Häufig gestellte
Fragen
Alles Wissenswerte zur Social-Share-Vorschau.
Open Graph ist ein Protokoll, das Facebook 2010 eingeführt hat und das jeder Webseite ermöglicht, zu steuern, wie sie erscheint, wenn sie in sozialen Medien geteilt wird. Sie fügen <meta property='og:...'>-Tags zum <head> Ihrer Seite hinzu, und Plattformen wie Facebook, LinkedIn, Discord und Slack lesen diese, um eine Vorschaukarte mit Titel, Beschreibung und Bild zu erstellen. Das Protokoll wurde durch Twitters „Twitter Cards“ erweitert und ist heute der De-facto-Standard für plattformübergreifende Link-Vorschauen.
1200 × 630 Pixel (Seitenverhältnis 1,91:1) ist die sichere Größe für Facebook, LinkedIn und Slack. X / Twitter verwendet 1200 × 675 (oder 1200 × 600 für die kleinere Karte). Discord und WhatsApp beschneiden Bilder automatisch, aber mit 1200 × 630 als Ausgangsgröße und dem zentralen Bereich von 1080 × 600 für wichtige Inhalte erzielen Sie die besten Ergebnisse auf allen Plattformen. Die maximale Dateigröße, die Facebook akzeptiert, beträgt 8 MB; ein sicheres Ziel liegt unter 1 MB für schnelles Laden.
Jede Plattform rendert die og:-Tags leicht unterschiedlich. Facebook zeigt die vollständige Karte mit Bild oben. X / Twitter kürzt die Beschreibung stark und zeigt manchmal eine kleinere Karte. LinkedIn zeigt eine ähnliche Karte, aber mit anderer Schriftart und Domain-Kennzeichnung. Slack und Discord zeigen das Bild prominent, kürzen die Beschreibung jedoch auf eine Zeile. WhatsApp zeigt eine kleine Vorschau mit nur Titel und Domain. Die einzige Möglichkeit, für alle Plattformen zu optimieren, besteht darin, den Titel unter 60 Zeichen und die Beschreibung unter 100 Zeichen zu halten.
Jede Plattform speichert Ihre Vorschau-Bilder und Metadaten im Cache. Facebook bietet ein „Sharing Debugger“-Tool unter developers.facebook.com/tools/debug/, um ein erneutes Auslesen zu erzwingen. X / Twitter hat einen „Card Validator“ unter cards-dev.twitter.com/validator. LinkedIn bietet einen „Post Inspector“ unter linkedin.com/post-inspector/. Nach dem Aktualisieren Ihrer Tags führen Sie die URL durch das Debug-Tool der Plattform, um den Cache zu leeren, bevor Sie erneut teilen. Der Cache beträgt typischerweise 7 Tage bei Facebook, 7 Tage bei X und 7 Tage bei LinkedIn.
Ja, beides. Vollständig kostenlos, ohne Registrierung, ohne Begrenzung der Vorschauen. 100 % privat: Jede Vorschau wird in Ihrem Browser gerendert. Ihre og:-Tags, Bild-URLs und Seiten-URLs werden niemals an unsere Server gesendet, niemals protokolliert und niemals zum Trainieren von KI verwendet. Öffnen Sie die Entwicklertools → Netzwerk, während Sie das Tool nutzen: Es werden keine ausgehenden Anfragen mit Ihren Daten gesendet. Die einzige Netzwerkaktivität ist die og:image-URL, die Sie angegeben haben und die der Browser direkt lädt, um die Vorschau zu rendern – genau so, als würden Sie die URL in einem neuen Tab öffnen.
Weitere kostenlose Tools
Kostenlos, ohne Anmeldung. Entwickelt vom Team hinter SERPView.
Google-SERP-Simulator-Tool
Simulieren Sie exakt, wie Ihre Seite in den Google-Suchergebnissen erscheint. Live-Vorschau der SERP mit Titel, URL und Beschreibung sowie Warnungen zu Zeichenanzahl und Pixelbreite vor der Veröffentlichung.
Meta-Beschreibung-Generator
Generieren Sie 5 KI-Meta-Beschreibungsvarianten aus Ihrem Seitentitel. Sehen Sie die Live-SERP-Vorschau und kopieren Sie die beste Variante in Ihr CMS.
Möchten Sie das automatisiert für Ihre gesamte Website?
SERPView überwacht Title-Tags, Meta-Beschreibungen und strukturierte Daten für jede URL — und benachrichtigt Sie, sobald etwas kaputtgeht oder sich verbessern lässt.
Kostenlos starten