Kostenlos · SEO-Tools

Meta-Tag-Generator

Title, Description, Keywords, Canonical und Robots Meta-Tags mit Live-Google-Vorschau

Seitentitel

Meta-Beschreibung

Schlüsselwörter (optional)

Autor (optional)

Themenfarbe

Canonical-URL

Robots

Index Follow

Google-Suchvorschau

https://example.com

Ausgabe

Was dieser Generator ausgibt

Haupt-Tags — title, description, keywords (mit dem ehrlichen Hinweis, dass Google sie ignoriert), author, viewport, charset.
Open Graph Block — og:title/description/image/url/type plus Artikel-Zeitstempel, wenn angegeben.
Twitter Card — summary_large_image-Tags mit Fallback auf summary, wenn kein Bild gesetzt ist.
Robots-Direktiven — index/follow-Schalter geben nur dann einen kombinierten Wert aus, wenn er von der Voreinstellung abweicht.

Tags aus der Live-SERP-Vorschau entwickelt

Das Google-Snippet wird beim Tippen live gerendert — Kürzungen, abgeschnittene Beschreibungen und Pixelbreiten-Überschreitungen zeigen sich, bevor irgendetwas ins CMS eingefügt wird.

⚡

Google-SERP-Vorschau

Titel, Beschreibung und URL erscheinen live als Suchergebnis im Google-Stil, sodass Sie Formulierungen an den Grenzen von 70 Zeichen Titel und 200 Zeichen Beschreibung ausrichten.

🔒

Kompletter Head-Block

Der Generator liefert Titel, Meta-Beschreibung, Keywords, Autor, Canonical, theme-color und Robots-index-follow-Tags in einem bereit zum Einfügen Block.

🎯

Robots-Steuerung integriert

Ein Robots-Schalter schreibt index oder noindex und follow oder nofollow in den Block — Crawling-Anweisungen gehen mit den Metadaten live, ohne separate Bearbeitung.

Häufige Fragen

Wie lang sollten Titel und Beschreibung sein?

Google zeigt in der Regel bis zu ~60 Zeichen des Titels und ~155–160 Zeichen der Beschreibung an, bevor mit einer Ellipse gekürzt wird – die Live-Vorschau hier kürzt genauso, sodass du es vor der Veröffentlichung prüfen kannst.

Was steuert das Robots-Meta-Tag?

„Index“ legt fest, ob Suchmaschinen diese Seite in den Ergebnissen listen dürfen; „Follow“ legt fest, ob sie den auf ihr gefundenen Links folgen. Wird eine der beiden Optionen deaktiviert, wird noindex bzw. nofollow zum generierten Tag hinzugefügt.

Werden meine Inhalte irgendwohin hochgeladen?

Nein – alles läuft mit reinem JavaScript direkt in deinem Browser. Nichts, was du eingibst, wird jemals an einen Server gesendet.

Was ist ein Meta-Tag-Generator?

Im head einer Seite stehen Meta-Tags, die Suchmaschinen darüber informieren, worum es auf der Seite geht — Titel, Beschreibung, Keywords, canonical URL und Crawling-Regeln. Diese richtig zu setzen ist wichtig, denn Titel und Beschreibung sind genau das, was ein Suchender auf der Ergebnisseite sieht; ein sauber aufgebauter Tag-Block hilft Suchmaschinen außerdem, die Seite korrekt zu verstehen und zu indexieren. Dieser Generator baut den Block Feld für Feld auf und zeigt eine Live-Vorschau im Google-Stil, sodass Sie die Formulierungen vor dem Livegang optimieren können. Blogger, SEO-Verantwortliche und Entwickler, die Templates von Hand pflegen, nutzen ihn.

Was der Generator erzeugt

🏷️ Meta-Tags für Titel, Beschreibung, Keywords und Autor
🔗 canonical URL und robots-Schalter für index/follow
🎨 theme-color- und viewport-Tags
🔍 Live-Vorschau des Suchergebnisses mit realistischer Kürzung
📋 Fertigen, vollständig maskierten head-Block zum Einfügen

Wann man ihn einsetzt

Einen neuen Blogbeitrag oder eine Landingpage veröffentlichen
Einen Titel neu schreiben, der in der Suche schwächelt
Eine statische HTML-Seite oder ein Template von Hand anpassen
Prüfen, wie die Beschreibung in den Ergebnissen abgeschnitten wird

Alle Felder werden lokal in Ihrem Browser verarbeitet; nichts wird hochgeladen. Ein ehrlicher Hinweis: Die Vorschau orientiert sich an typischen Anzeigelängen, aber Google entscheidet, was angezeigt wird, und kann Titel umschreiben oder eigene Snippets verwenden — betrachten Sie sie als Orientierung, nicht als Garantie.

Zuletzt aktualisiert · 2026-09-01