Open-Graph-VorschauZeigen Sie eine Linkkarte aus og:title, og:description und og:image an, prüfen Sie Bildgröße und Textlänge und kopieren Sie die Open-Graph-Tags.
Twitter-/X-Card-Vorschau
X liest twitter:-Meta-Tags (ersatzweise Open Graph), um Linkkarten darzustellen. Wählen Sie einen Kartentyp, geben Sie Text und Bild ein und kopieren Sie die Tags. Die Vorschau ist eine neutrale Annäherung, keine pixelgenaue Kopie der App.
…oder ein lokales Bild in der Vorschau anzeigen
Ungefähre Vorschau. Die tatsächliche Darstellung in Suche und sozialen Netzwerken hängt von Gerät, Sprache und Plattform-Updates ab.
Läuft vollständig in Ihrem Browser. Ihre Eingaben und Dateien werden auf keinen Server hochgeladen.
So funktioniert’s
- Wählen Sie „Summary“ oder „Summary mit großem Bild“.
- Geben Sie Titel, Beschreibung, Bild und Ihr @Handle ein.
- Kopieren Sie die erzeugten twitter:-Tags in Ihre Seite.
Beispiele
Blogbeitrag
Large-Image-Card mit einem 1200 × 628-Titelbild.
Dokumentationsseite
Summary-Card mit quadratischem Logo.
Datenschutz
Läuft vollständig in Ihrem Browser. Ihre Eingaben und Dateien werden auf keinen Server hochgeladen. In der Datenschutzerklärung steht, was in Ihrem Browser gespeichert wird (nur Favoriten und Verlauf). Datenschutzerklärung
Prüfen Sie es selbst: Öffnen Sie die Entwicklertools des Browsers, wählen Sie den Tab Netzwerk (Network) und nutzen Sie das Tool. Ihre Datei erscheint in keiner Upload-Anfrage. Sobald diese Seite für die Offline-Nutzung gespeichert ist, können Sie auch die Internetverbindung trennen und weiterarbeiten. Werbung und anonyme Besuchsstatistiken senden, wenn aktiviert, eigene Anfragen, erhalten aber nie Ihre Dateien oder Texte.
Häufige Fragen
Brauche ich twitter:-Tags, wenn ich Open Graph habe?
X greift auf og:title, og:description und og:image zurück, aber twitter:card muss vorhanden sein, um den Kartentyp festzulegen.
Warum aktualisiert sich meine Karte nicht?
Plattformen speichern Linkvorschauen im Cache. Änderungen können nach der Aktualisierung der Seite eine Weile brauchen, bis sie erscheinen.
Ähnliche Tools
Alle: SEO-ToolsMeta-Tag-GeneratorErzeugen Sie saubere HTML-Meta-Tags für eine Seite: Title, Description, Canonical, Robots, Open Graph und Twitter Card – mit Hinweisen zur Länge.
Social-Post-VorschauZeigen Sie einen Beitrag in einem neutralen Feed-Layout an, mit optionalem Bild und dem für Instagram, LinkedIn, Facebook und andere typischen „…mehr“-Abschnitt.
Beitragslängen-PrüferFügen Sie einen Beitrag ein und prüfen Sie ihn gleichzeitig gegen typische Zeichenlimits von X, Threads, Bluesky, Mastodon, LinkedIn, Instagram, Facebook und YouTube.
Favicon-GeneratorErzeugen Sie aus einem Bild oder einem Buchstaben ein komplettes Favicon-Set: favicon.ico, PNGs von 16–512 px, Apple-Touch-Icon, Web-Manifest und HTML-Tags in einer ZIP-Datei.
Slug-GeneratorMachen Sie aus Titeln saubere URL-Slugs in Kleinbuchstaben.