Open Graph & Social-Card-Vorschau

Was ist Open Graph & Social-Card-Vorschau?

Dies ist eine visuelle Vorschau für Open-Graph- (OG) und Social Cards. Open-Graph- und Twitter-Card-Meta-Tags teilen Plattformen mit, welchen Titel, welche Zusammenfassung und welches Bild sie anzeigen sollen, wenn jemand deinen Link teilt. Dieses Tool rekonstruiert diese Link-Card, damit du sie vor der Veröffentlichung prüfen kannst. Marketer, Texter und Entwickler nutzen es beim Start eines Blogbeitrags, einer Landingpage oder einer Produktseite, um sicherzustellen, dass die Überschrift nicht abgeschnitten wird, das Bild den Rahmen füllt und die Domain korrekt lesbar ist. Wähle mit der segmentierten Steuerung eine Plattform aus, um ihr spezifisches Layout zu sehen: X, Facebook und LinkedIn rendern ein großes Bannerbild mit Titel und Beschreibung darunter, während Slack und Discord eine kompakte Card mit Akzentleiste, Domain und kleinem Thumbnail zeigen. Die Domain-Zeile wird automatisch aus der Seiten-URL abgeleitet. Es modelliert die Card nur aus den von dir eingegebenen Werten – es crawlt nicht deine Live-Seite und liest keine vorhandenen Meta-Tags aus.

So verwendest du Open Graph & Social-Card-Vorschau

1. Gib den Seitentitel ein, der als Überschrift der Card erscheinen soll.
2. Schreibe die Beschreibung (die Zusammenfassungszeile unter dem Titel).
3. Füge eine absolute Bild-URL ein (idealerweise 1200×630), um das Vorschaubild zu laden.
4. Gib die Seiten-URL ein – die auf der Card angezeigte Domain wird daraus abgeleitet.
5. Wechsle zwischen X, LinkedIn, Slack, Discord und Facebook, um das Layout jeder Plattform zu vergleichen.
6. Passe Titel und Beschreibung an, bis nichts abgeschnitten wird und die Card stimmig aussieht.

Beispiele

Häufig gestellte Fragen

Welche Plattformen kann ich in der Vorschau ansehen?

Fünf: X (Twitter), LinkedIn, Slack, Discord und Facebook. X, Facebook und LinkedIn werden als Banner-Cards mit großem Bild gezeichnet, während Slack und Discord den kompakten Unfurl-Stil mit Akzentleiste und kleinem Thumbnail verwenden. Mit dem Plattform-Umschalter wechselst du sofort zwischen ihnen.

Liest es die Open-Graph-Tags von meiner Live-Seite?

Nein. Es crawlt oder ruft deine Seite nicht ab und analysiert keine vorhandenen Meta-Tags. Es baut die Card ausschließlich aus dem Titel, der Beschreibung, der Bild-URL und der Seiten-URL, die du eingibst – es ist also eine Was-wäre-wenn-Vorschau, kein Validator einer veröffentlichten Seite.

Woher kommt das Vorschaubild?

Das Bild wird direkt von deinem Browser aus der eingegebenen Bild-URL geladen – es gelangt vom Host des Bildes zu deinem Browser, nicht über unsere Server. Wenn das Bild nicht erscheint, prüfe, ob die URL absolut ist (mit https:// beginnt) und öffentlich erreichbar ist.

Warum wird mein Titel oder meine Beschreibung in der Card abgeschnitten?

Soziale Plattformen kürzen lange Titel und Beschreibungen, und die Vorschau ahmt das nach, indem sie die Zeilen begrenzt. Wenn Text hier abgeschnitten wird, wird er beim Teilen wahrscheinlich auch abgeschnitten – kürze ihn also, bis er passt.

Werden meine Daten an einen Server gesendet?

Nein. Der Titel, die Beschreibung und die URLs, die du eingibst, bleiben in deinem Browser und werden von uns nie hochgeladen, protokolliert oder gespeichert. Die einzige externe Anfrage ist, dass dein Browser das Vorschaubild von der angegebenen URL abruft, was normales Browserverhalten ist.