Twitter-/X-Card-VorschauZeigen Sie eine Summary- oder Large-Image-Card für X (Twitter) an, prüfen Sie Hinweise zu Text und Bild und erzeugen Sie die twitter:-Meta-Tags.
Open-Graph-Vorschau
Wenn Sie einen Link auf Facebook, LinkedIn, WhatsApp oder Slack teilen, liest die App Open-Graph-Tags, um eine Karte zu erstellen. Geben Sie Ihre Werte ein (oder fügen Sie das <head>-HTML Ihrer Seite ein), um eine neutrale Karte zu sehen und fehlende Bilder oder zu lange Texte vor der Veröffentlichung zu erkennen.
…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
- Geben Sie Titel, Beschreibung, URL und ein Bild (URL oder lokale Datei) ein oder fügen Sie vorhandenes HTML ein und klicken Sie auf „Tags auslesen“.
- Prüfen Sie die Vorschau und die Warnungen.
- Kopieren Sie die og:-Tags in Ihre Seite.
Beispiele
Produktlaunch
Prüfen Sie vor der Ankündigung, dass das 1200 × 630-Bild nicht ungünstig beschnitten wird.
Bestehende Seite
Fügen Sie den Seitenquelltext ein, um zu sehen, welche og:-Tags fehlen.
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
Ruft das Tool meine Live-Seite ab?
Nein. Browser verhindern, dass eine Webseite das HTML anderer Websites liest, und wir verwenden keinen Server. Fügen Sie das HTML ein oder geben Sie die Werte selbst ein. Wenn Sie eine Bild-URL angeben, lädt Ihr Browser dieses Bild direkt, um es anzuzeigen.
Welche Bildgröße ist am besten?
1200 × 630 Pixel (etwa 1,91:1) werden allgemein empfohlen. Halten Sie wichtige Inhalte von den Rändern fern, da manche Apps auf ein Quadrat zuschneiden.
Ist das genau das, was Facebook anzeigt?
Nein. Es ist eine neutrale Annäherung. Jede Plattform gestaltet und kürzt Karten anders und ändert sie im Laufe der Zeit.
Ä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.
Bildgröße ändernÄndern Sie die Größe von JPG-, PNG- und WebP-Bildern auf exakte Pixelmaße oder per Prozentwert, optional mit fixiertem Seitenverhältnis.
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.