HTML Meta Tag Generator
Erstelle vollständige HTML Meta Tags in Sekunden: title, description, robots, canonical, Open Graph und Twitter Cards. Code zum Kopieren und Einfügen bereit.
Aktualisiert Mai 2026
Geprüft von Rafael Duarte
Leave blank to inherit values from SEO Essentials.
Recommended: 1200×630px, JPEG or PNG
<!-- Primary Meta Tags --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="content-language" content="en"> <meta name="robots" content="index, follow"> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image">
https://example.com/your-page
Page Title
Your meta description will appear here…
So funktioniert's
Von den SEO-Grundlagen bis zum kompletten Social Graph
1. SEO Essentials ausfüllen
Title (unter 60 Zeichen), Meta Description (unter 160), Canonical-URL und die Robots-Direktive.
2. Social Graph ergänzen
Open Graph und Twitter Cards — leere Felder übernehmen die Werte aus den SEO Essentials automatisch.
3. HTML kopieren und einfügen
Den fertigen Code direkt in den <head>-Bereich deiner Seite einfügen — startklar für die Veröffentlichung.
Das kann der Meta-Tag-Generator
Alles, was eine Seite 2026 braucht — an einem Ort
Vollständige SEO Essentials
Title, Description, Robots und Canonical — die Tags, die Suchmaschinen beim Crawlen zuerst auswerten.
Open Graph für soziale Netzwerke
og:title, og:description, og:image und og:type für saubere Vorschauen bei Facebook, LinkedIn und WhatsApp.
Twitter Cards für X
Bestimmt, wie dein Link auf X aussieht, inklusive Summary Card mit großem Bild.
Automatische Vererbung zwischen Feldern
Leer gelassene Social-Felder übernehmen Title und Description aus den SEO Essentials — nichts wird doppelt getippt.
Technische Tags (Charset, Viewport, Theme-Color)
Charset, Viewport, Theme-Color und Sprachangabe der Seite — wichtig für mobiles Rendering und grundlegende Barrierefreiheit.
SERP-Vorschau in Echtzeit
Sieh live, wie Title und Description im Google-Suchergebnis erscheinen — mit Zeichenzähler bei jedem Tastendruck.
Kurzreferenz: Meta-Tags im Überblick
Wann du dieses Tool brauchst
Die häufigsten Situationen im Alltag
Eine neue Seite launchen
Erstelle den kompletten Meta-Tag-Block vor der Veröffentlichung, damit nichts vergessen wird.
Technisches SEO-Audit durchführen
Prüfe, ob Title und Description innerhalb der empfohlenen Längen liegen, bevor du Änderungen live schaltest.
Korrekte Social-Media-Vorschau sicherstellen
Richte Open Graph und Twitter Cards ein, damit der Link beim Teilen ordentlich aussieht.
Duplicate Content lösen
Setze das Canonical-Tag auf die bevorzugte URL der Seite, um doppelte Inhalte zu vermeiden.
Korrektes Rendering auf Mobilgeräten sicherstellen
Konfiguriere Viewport und Theme-Color, damit sich die Seite an Smartphones anpasst und der Browser die Adressleistenfarbe übernimmt.
Die richtige Seitensprache deklarieren
Passe das Sprach-Tag an, wenn die Seite nicht auf Englisch ist — sonst bekommen Suchmaschinen und Screenreader falsche Signale.
Häufige Fehler
Meta Keywords aus Gewohnheit eintragen
Google ignoriert dieses Tag seit 2009 vollständig und hat das 2014 offiziell bestätigt — es verrät nur der Konkurrenz die eigene Keyword-Strategie.
Title-Tag über 60 Zeichen
Google kürzt nicht nach Zeichen, sondern nach Pixelbreite (Desktop ca. 600px, entsprechend grob 60 Zeichen) — die wichtigste Keyword gehört an den Anfang, damit sie nicht abgeschnitten wird.
Selbstreferenzierendes Canonical-Tag vergessen
Jede Seite sollte auf ihre eigene, saubere URL verweisen — auch wenn aktuell keine doppelten Parameter bekannt sind.
Viewport-Tag entfernen
Ohne dieses Tag rendert der Browser die Seite auf kleinen Bildschirmen wie eine Desktop-Version — Google wertet das bei der Mobile-First-Indexierung als klares Negativsignal.
Ohne og:image oder mit zu kleinem Bild veröffentlichen
Ohne og:image zeigen soziale Netzwerke eine generische oder leere Vorschau. Mindestens 1200×630px verwenden — kleinere Bilder werden beschnitten oder wirken unscharf.
Dieselbe Description auf mehreren Seiten wiederverwenden
Google erkennt doppelte Descriptions zwischen Seiten und schreibt sie in den Suchergebnissen häufig automatisch um — dein eigener Text wird dann ignoriert.
Warum dieser Meta-Tag-Generator
Er erzeugt das vollständige Set, das eine Seite 2026 braucht — nicht nur Title und Description, sondern Robots, Canonical, Open Graph und Twitter Cards zusammen in einem Durchgang.
Die automatische Vererbung zwischen SEO- und Social-Feldern verhindert doppelte Eingaben und sorgt dafür, dass das, was bei Google erscheint, mit der Vorschau beim Teilen des Links übereinstimmt.
Alles läuft direkt im Browser — keine Registrierung, keine Installation, keine Datenübertragung an einen Server. Ein Punkt, der gerade für deutsche Nutzer mit hohen Datenschutzansprüchen zählt: Es gibt schlicht nichts zu senden. Dazu gibt es eine Echtzeit-Vorschau, wie Title und Description im Google-Suchergebnis aussehen werden, samt Zeichenzähler, damit die empfohlene Länge nicht überschritten wird.
Open Graph vs. Twitter Cards
Zwei Standards, eine gemeinsame Konfiguration
Häufig gestellte Fragen
Nein. Google hat das Tag bereits 2009 als Rankingsignal abgeschafft und 2014 offiziell bestätigt, dass es komplett ignoriert wird. Man kann das Feld ohne jeden Nachteil weglassen.
Weiterführende Ressourcen
Offizielle Google-Dokumentation dazu, wie Title-Tags und Meta Descriptions in der Suche verwendet werden.
Die offizielle Spezifikation der Open-Graph-Tags, gepflegt von Meta.
Offizielle X/Twitter-Dokumentation zur Implementierung von Twitter Cards.
Verwandter Artikel
Subdomínio vs subdiretório: qual estrutura prejudica menos seu SEO
Verwandte Tools
- robots.txt Generator Marketing Kostenloser robots.txt-Generator mit KI-Bot-Presets (GPTBot, ClaudeBot, PerplexityBot), URL-Tester und llms.txt-Generator. Keine Anmeldung erforderlich.
- Google SERP Vorschau Marketing Kostenloses Google Vorschau-Tool: Sehen Sie, wie Ihr Titel und Beschreibung in den Suchergebnissen erscheinen. Desktop, Mobil, Rich Snippets. Keine Anmeldung.
- Lesezeit Rechner Marketing Füge deinen Text ein oder gib die Wortanzahl ein, um sofort die Lesezeit für stilles Lesen, Vorlesen und Hörbuch-Narration zu schätzen. Kostenlos, ohne...
- Wörter Zähler Marketing Wörter, Zeichen, Absätze und Lesezeit sofort zählen. Detaillierte Textanalyse mit Keyword-Dichte. Kostenloser Online-Textzähler.
- Wortfrequenz Analysator Marketing Kostenloser Wortfrequenz-Analysator — Vorkommen zählen, Keyword-Dichte prüfen, Bi- und Trigramme finden. 100% im Browser, keine Anmeldung.
