ToolHub
Tool öffnen

Social-Media-Vorschau

Vorschau, wie Websites beim Teilen auf Twitter, Facebook, LinkedIn und anderen sozialen Plattformen erscheinen

Entwickler-Tools
Tool starten Alle Tools

Über dieses Tool

Vorschau, wie Websites beim Teilen auf Twitter, Facebook, LinkedIn und anderen sozialen Plattformen erscheinen. Geben Sie Seitentitel, Beschreibung, URL und Bild ein, um sofort Kartenvorschauen zu sehen und Open Graph Meta-Tags zu generieren – alle Verarbeitung erfolgt lokal im Browser.

Hauptfunktionen

Vorschau

Anwendungsfälle

social

Häufig gestellte Fragen

Welche Social-Media-Plattformen werden in der Vorschau unterstützt?

Das Tool zeigt eine Vorschau, wie Ihre Seite auf Twitter (X), Facebook, LinkedIn und anderen Plattformen erscheint, die Open Graph und Twitter Card Meta-Tags unterstützen. Jede Plattform hat ein etwas anderes Kartenlayout.

Was sind Open Graph Meta-Tags?

Open Graph Meta-Tags (og:title, og:description, og:image, og:url) sind HTML-Meta-Elemente, die steuern, wie Inhalte beim Teilen in sozialen Medien erscheinen. Sie definieren Titel, Beschreibung, Bild und URL, die soziale Plattformen in der Linkvorschau anzeigen.

Wie unterscheiden sich Twitter Cards von Open Graph?

Twitter verwendet eigene Meta-Tags (twitter:card, twitter:title usw.), greift aber auf Open Graph-Tags zurück, wenn Twitter-Tags fehlen. Das Tool ermöglicht es Ihnen, zwischen Twitter- und Open Graph-Vorschauen zu wechseln, um sicherzustellen, dass beide korrekt gerendert werden.

Was sind die besten Bildgrößen für Social-Media-Vorschauen?

Bilder für Facebook und LinkedIn benötigen mindestens 1200x630 Pixel. Für die Twitter Summary Card mit großem Bild wird ein Seitenverhältnis von 2:1 empfohlen, z. B. 1200x600 oder 800x400. Die Vorschau hilft Ihnen zu sehen, ob Ihr Bild korrekt angezeigt wird.

Warum wird mein Bild in der Vorschau nicht angezeigt?

Häufige Gründe sind fehlende oder falsche og:image-URLs, Bilddateien kleiner als 200x200 Pixel, nicht unterstützte Bildformate oder Caching durch soziale Plattformen. Verwenden Sie absolute URLs und stellen Sie sicher, dass die Bilder die Mindestgrößenanforderungen erfüllen.

Verwandte Tools

JSON-ValidatorFarbwählerHash-GeneratorUUID-Generator