OpenGraph-Snippet-Generator
Erstelle die passenden HTML-Meta-Tags für Open Graph, Twitter Cards, Discord-Einbettungen und weitere Social-Media-Vorschauen deiner Website.
Ausgabe
Weitere Entwickler-Tools
Open-Graph-Meta-Tags erstellen
Wofür sind Open-Graph-Tags da?
Sie steuern, wie eine Seite beim Teilen in sozialen Netzwerken, Messengern und Diensten wie Discord dargestellt wird.
Welche Angaben sind am wichtigsten?
Seitentitel, Beschreibung, URL und ein passendes Vorschaubild bilden die Grundlage. Ein aussagekräftiger Alternativtext verbessert zusätzlich die Zugänglichkeit.
Werden Twitter- beziehungsweise X-Cards unterstützt?
Ja. Der Generator ergänzt die passenden Card-Tags und übernimmt Titel, Beschreibung und Bild aus den Open-Graph-Angaben.
Gibt es Felder für Artikel und Profile?
Ja. Je nach Seitentyp erscheinen zusätzliche Eingaben für Veröffentlichungsdaten, Autor, Tags oder Profilinformationen.
Wo füge ich das Snippet ein?
Kopiere den erzeugten Code in den <head>-Bereich deiner HTML-Seite und teste danach die Vorschau auf den gewünschten Plattformen.