HTML-Meta-Tag-Generator

Geben Sie die Metadaten der Seite ein, um Title- und Meta-Tags zu erzeugen. Prüfen Sie das Markup und kopieren Sie es in den head-Bereich.

Läuft lokal in deinem Browser

So erzeugen Sie HTML-Meta-Tags

Füllen Sie Seitentitel, Beschreibung und Keywords aus und wählen Sie Viewport, Zeichenkodierung, Caching und Robots; das Werkzeug setzt die passenden Head-Tags zusammen und zeigt sie als reinen Text zum Kopieren.

Der Block entsteht im Browser: Ihre Eingaben werden nicht hochgeladen, und das Werkzeug funktioniert auch offline. Das Ergebnis ist ein Ausgangspunkt für den head-Bereich einer Seite, kein fertiges SEO-Audit.

  1. Tragen Sie den Seitentitel und, falls vorhanden, Beschreibung und Keywords ein. Nur ausgefüllte Felder erscheinen im Ergebnis.
  2. Lassen Sie die Auswahlfelder auf den Standardwerten oder wählen Sie Viewport, Zeichenkodierung, Caching und Robots passend zur Seite.
  3. Klicken Sie auf Meta-Tags erstellen. Title-Element und Meta-Tags erscheinen unter dem Formular als reiner Text.
  4. Klicken Sie auf Kopieren und fügen Sie den Block im head-Element der Seite ein, hinter der charset-Deklaration.
  5. Ändern Sie ein Feld und erstellen Sie erneut, um zwei Varianten zu vergleichen; Leeren setzt alle Felder zurück und blendet das Ergebnis aus.

Was die erzeugten Tags leisten — und was nicht mehr

Was die einzelnen Tags bewirken

Das title-Element ist die Überschrift, auf die ein Suchergebnis verlinkt, und die description ist die Zusammenfassung darunter; Suchmaschinen können beides unverändert zeigen oder durch anderen Seitentext ersetzen. Das viewport-Tag steuert, wie mobile Browser das Layout dimensionieren, und die charset-Deklaration sagt dem Browser, wie er die Datei dekodieren soll.

author, copyright und designer sind eigene Metadaten: nützlich für interne Werkzeuge und Archive, aber keine Ranking-Signale. Das robots-Tag hat echte Wirkung: noindex hält die Seite aus den Suchergebnissen heraus, und nofollow bittet Crawler, kein Link-Ansehen weiterzugeben.

Was aktuell ist und was veraltet

Das Content-Type-Meta-Tag stammt aus der Zeit vor HTML5; die kurze Form <meta charset="utf-8"> ist das moderne Äquivalent und für neue Dokumente die richtige Wahl. Auch die Cache-Tags sind Altbestand: moderne Browser ignorieren sie, und das tatsächliche Verhalten steuert der HTTP-Header Cache-Control. Sie bleiben für Altsysteme und Lehrmaterial erhalten.

Das keywords-Tag hat seit Jahren keinen Einfluss auf Google oder Bing; behalten Sie es nur, wenn ein internes System es verlangt. Die Wörter in der Beschreibung und im sichtbaren Text wiegen deutlich mehr als jede Keyword-Liste.

Nach dem Einfügen

Behalten Sie ein title-Element und eine description pro Seite. Doppelte Titel lassen Suchmaschinen selbst wählen, und eine fehlende oder zu späte charset-Deklaration kann Akzente zu Zeichensalat machen.

Prüfen Sie nach dem Deployment den Quelltext der live geschalteten Seite: Template-Engines und CMS-Plugins können Head-Tags umschreiben oder einfügen. Vergleichen Sie, was der Browser zeigt, mit dem, was Sie eingefügt haben, und korrigieren Sie das Template statt die Ausgabe.

Zuletzt verwendet: