Meta-Tag-Generator
Meta-Tags und Open-Graph-Tags mit Live-Vorschau erstellen
Erstelle die perfekten Meta-Tags für deine Website — inklusive Open-Graph-Tags für Facebook und Twitter Cards. Die Live-Vorschau zeigt dir sofort, wie deine Seite in Google-Suchergebnissen und auf Social Media aussieht.
So funktioniert's
Fülle die Felder aus — Seitentitel, Beschreibung, URL und optional Open-Graph-Daten. Die Vorschau aktualisiert sich in Echtzeit. Wenn alles passt, kopiere den generierten HTML-Code und füge ihn in den <head>-Bereich deiner Seite ein.
Features
- Seitentitel und Meta-Description mit Zeichenzähler
- Open-Graph-Tags für Facebook und Social Media
- Twitter Card Tags
- Live Google-SERP-Vorschau
- Live Social-Media-Vorschau
- Fertigen HTML-Code mit einem Klick kopieren
Häufige Fragen
Meta-Tags sind HTML-Elemente im <head>-Bereich einer Webseite, die Suchmaschinen und Social-Media-Plattformen Informationen über die Seite liefern — z.B. Titel, Beschreibung und Vorschaubild.
Der Seitentitel sollte 50–60 Zeichen lang sein, die Meta-Description 150–160 Zeichen. Längere Texte werden in Google-Suchergebnissen abgeschnitten.
Open-Graph-Tags (og:title, og:description, og:image) steuern, wie deine Seite aussieht, wenn sie auf Facebook, LinkedIn, WhatsApp oder anderen Plattformen geteilt wird.
Twitter Cards sind spezielle Meta-Tags für Twitter/X. Der Typ 'summary_large_image' zeigt ein großes Vorschaubild, 'summary' ein kleines Thumbnail neben dem Text.
Gefällt dir unser Design?
Wir bauen auch deine Website — modern, schnell und suchmaschinenoptimiert.
Gespräch buchen