UTILS.
Privat von Anfang an
og

Open-Graph-Generator

Erzeuge Open-Graph- und Twitter-Card-Meta-Tags mit einer Live-Vorschau für Social Shares.

Deine Dateien bleiben auf diesem Gerät

Dateien werden im Browser verarbeitet, nie hochgeladen. Die Website lädt den benötigten Code und die Ressourcen herunter. Ohne Konto und Tracker.

Speichere dieses Tool über Herunterladen als einzelne HTML-Datei zur Offline-Nutzung.

Datenschutz →
— Ausgabe erscheint hier —

Probiere ein durchgerechnetes Beispiel

Beispiel

Gib Trail Mug als Titel, Acme als Seitennamen, https://example.com/mug als URL und https://example.com/mug.jpg als Bild ein. Die Ausgabe enthält die Tags og:title, og:url, og:image und og:site_name sowie Twitter-Card-Tags mit dem Kartentyp summary_large_image.

Gut zu wissen

Verwende eine absolute Bild-URL, denn die meisten Plattformen lösen relative Pfade nicht auf; 1200 × 630 Pixel passen für die meisten Linkvorschauen. Plattformen cachen Vorschauen – nutze nach Änderungen das Debugging-Tool der jeweiligen Plattform, um sie zu aktualisieren.

Über dieses Tool

Erstellt Open-Graph- und Twitter-Card-Tags und zeigt, wie dein Link beim Teilen aussehen wird. Alles läuft in deinem Browser.

Häufig gestellte Fragen

Was ist Open Graph?
Ein Protokoll, mit dem soziale Netzwerke beim Teilen deiner Seite eine ansprechende Vorschau (Titel, Beschreibung, Bild) anzeigen können.
Welche Twitter-Card wird verwendet?
summary_large_image, wenn du ein Bild angibst, andernfalls die kleinere summary-Card.

Weitere Tools