Open-Graph-Vorschau — so sieht dein Link in Social Media aus
Gib eine URL ein und sieh genau die Karte, die Facebook, LinkedIn, X und Slack anzeigen, alle gefundenen Tags und was fehlt.
Nur die Tags der Seite werden auf deine Anfrage von unserem Server abgerufen; über dich wird nichts gespeichert. Alle kostenlosen Tools ansehen.
Ein Problem gefunden oder etwas, das besser sein könnte? Wir lesen jede Nachricht und beheben Fehler schnell.
Dieses kostenlose Open-Graph-Vorschau-Tool ruft jede öffentliche Seite ab und zeigt die Link-Karte, die Facebook, LinkedIn, X und Slack aus ihren Tags bauen – so, wie sie sie bauen: Titel, Beschreibung, Bild, Seitenname, zugeschnitten und gekürzt wie auf der jeweiligen Plattform. Es listet alle gefundenen og:- und twitter:-Tags auf, vermisst das Vorschaubild und bewertet die Seite mit einer konkreten Lösung für jeden Fehler.
Link-Vorschauen hängen allein von einer Handvoll Meta-Tags ab, und sie scheitern lautlos: Ein fehlendes og:image macht aus einem geteilten Artikel einen nackten grauen Link, ein Bild unter 600 px Breite wird zum Thumbnail, ein Titel über 70 Zeichen wird mitten im Wort abgeschnitten. Hier vor dem Teilen oder nach einem Deployment zu prüfen, dauert zehn Sekunden und deckt all das auf. Weil der Abruf auf deine Anfrage hin von unserem Server erfolgt, zeigt er außerdem, was ein Crawler sieht, und nicht, was dein eingeloggter Browser sieht.
So funktioniert’s
- Füge die URL der Seite ein und klicke auf „Vorschau“. Die Seite muss öffentlich erreichbar sein; localhost und passwortgeschützte Staging-Sites können nicht abgerufen werden.
- Sieh dir die drei Karten an. Zeigen sie nur einen Titel oder kein Bild, fehlen die Tags oder das Bild lädt nicht.
- Lies die Prüfungen. Jede fehlgeschlagene Zeile sagt, was hinzuzufügen oder zu ändern ist; der Meta-Tag-Generator erzeugt die fehlenden Tags.
- Korrigieren, deployen, dann „Erneut prüfen“. Zeigen Facebook oder LinkedIn immer noch die alte Karte, haben sie sie zwischengespeichert: Lass die Seite im Sharing Debugger von Facebook oder im Post Inspector von LinkedIn neu einlesen.
Häufige Fragen
Warum unterscheidet sich die Vorschau von dem, was LinkedIn oder Facebook anzeigt?
Wegen des Caches. Beide Plattformen speichern die erste Version der Karte eines Links, die sie sehen, manchmal wochenlang. Dieses Tool ruft immer die aktuellen Tags ab. Um den Cache einer Plattform zu aktualisieren, nutze den Sharing Debugger von Facebook (der auch Instagram und WhatsApp aktualisiert) oder den Post Inspector von LinkedIn. X aktualisiert sich innerhalb von etwa einem Tag von selbst.
Welche Größe sollte og:image haben?
1200 × 630 Pixel, Seitenverhältnis 1,91:1, unter etwa 5 MB, per HTTPS unter einer absoluten URL ausgeliefert. Damit entsteht überall die große Karte. Bilder schmaler als 600 px fallen auf Facebook und LinkedIn auf ein kleines Thumbnail zurück. Quadratische Bilder werden zugeschnitten; halte das Motiv mittig.
Welche Tags brauche ich mindestens?
og:title, og:description, og:image und og:url. Ergänze og:site_name und og:type sowie twitter:card mit dem Wert summary_large_image, damit X das große Bild verwendet. X liest og:-Tags als Fallback für alles, was twitter: nicht angibt.
Das Tool sagt, die Seite wurde weitergeleitet. Ist das ein Problem?
Meist nicht: Weiterleitungen von http auf https und von ohne www auf www sind normal, und das Tool folgt ihnen. Zum Problem wird es, wenn ein geteilter Link über eine Tracking-Domain ohne Tags weiterleitet oder eine Weiterleitungskette so langsam ist, dass der Crawler einer Plattform aufgibt. Teile wenn möglich direkt die endgültige URL.
Kann es eine Seite hinter einem Login oder auf localhost anzeigen?
Nein. Der Abruf erfolgt von unserem Server, er sieht also nur, was jeder anonyme Besucher sieht – und das ist auch das, was Social-Media-Crawler sehen. Für eine lokale Seite deploye sie zuerst auf eine Vorschau-URL. Anfragen an private Netzwerkadressen werden bewusst abgelehnt.
Wird etwas gespeichert?
Die URL wird auf Anfrage abgerufen, die Tags werden an deinen Browser zurückgegeben, und nichts wird aufbewahrt. Gelesen werden nur die Tags im Head der Seite, bis zu 1 MB.
Wie die einzelnen Plattformen die Karte bauen
Facebook und LinkedIn lesen og:* und zeigen Bild, Titel und Domain (LinkedIn lässt die Beschreibung im Feed weg). X liest zuerst twitter:* und og:* als Fallback und wählt das große oder kleine Layout anhand von twitter:card. Slack, Discord und iMessage lesen og:* und zeigen Seitenname, Titel, Beschreibung und Bild in dieser Reihenfolge. WhatsApp zeigt ein Thumbnail aus og:image und den Titel. Keine davon führt JavaScript aus, clientseitig eingefügte Tags sind für sie also unsichtbar; rendere die Tags auf dem Server.
Häufige Ursachen für eine kaputte Vorschau
• og:image ist ein relativer Pfad oder eine http-URL auf einer https-Seite.
• Das Bild ist durch robots.txt gesperrt oder erfordert einen Login.
• Ein CDN oder eine Bot-Schutz-Schicht liefert Crawlern eine Challenge-Seite aus.
• Die Seite setzt die Tags nach dem Laden per JavaScript.
• og:url verweist auf eine andere Seite, sodass die Plattform stattdessen diese anzeigt.
Ähnliche kostenlose Tools
- Meta-Tag-Generator — Gib Title, Description und Social-Card-Angaben einer Seite ein und erhalte einen vollständigen, korrekt maskierten <head>-Block mit Live-Längenzählern.
- SERP-Snippet-Vorschau — Sieh dir an, wie dein Seitentitel und deine Meta-Description bei Google aussehen werden – mit Live-Prüfung der Zeichenzahl.
- UTM-Link-Builder — Erstelle saubere, einheitliche UTM-Tracking-Links, damit du genau weißt, welche Kampagnen dir Kunden bringen.