Meta-Tags stehen im <head> einer Seite und sagen Suchmaschinen und sozialen Plattformen, wie sie angezeigt werden soll. Dieser Generator erstellt den kompletten Satz auf einmal: den Titel und die Meta-Description, die Google in den Ergebnissen zeigt, die canonical- und robots-Direktiven sowie die Open-Graph- und Twitter-Card-Tags, die Bild, Titel und Text steuern, wenn jemand deinen Link teilt. Er escaped jeden eingegebenen Wert, sodass ein verirrtes Anführungszeichen oder eine spitze Klammer im Titel das Markup niemals kaputt machen kann, und lässt jedes leer gelassene Feld weg, statt ein leeres Tag auszugeben.
Kostenloser Meta Tag Generator
Läuft komplett in deinem Browser - kein Upload, keine Anmeldung.
Seitendaten
Erzeugte Meta-Tags
Live-Vorschau
example.com
Hier erscheint der Titel deiner Seite
Hier erscheint deine Meta-Description, im Suchausschnitt und in der Social Card.
og:image-Vorschau
example.com
Hier erscheint der Titel deiner Seite
Hier erscheint deine Meta-Description, im Suchausschnitt und in der Social Card.
Was ist ein Meta Tag Generator?
Ein Meta Tag Generator verwandelt Titel, Beschreibung und Social-Media-Angaben deiner Seite in genau die HTML-Meta-Tags, die sie braucht: den SEO-Titel und die Description sowie die Open-Graph- (og:) und Twitter-Card-Tags. Fülle die Felder aus, und er erzeugt live ein escaptes, kopierfertiges Markup. Alles läuft im Browser, es wird also nichts hochgeladen.
So funktioniert’s
- 1Seitendaten eingeben. Gib den Seitentitel und die Meta-Description ein, dann füge die canonical-URL und, falls gewünscht, ein og:image und einen Seitennamen hinzu.
- 2Social-Optionen festlegen. Wähle den og:type, entscheide dich für eine Twitter-Card-Größe und trage deinen Twitter-Handle ein. Die og:url übernimmt standardmäßig die canonical-URL.
- 3Live-Vorschau beobachten. Ein Ergebnis im Google-Stil und eine Social Card aktualisieren sich beim Tippen, damit du siehst, wie die Seite beim Finden oder Teilen aussehen wird.
- 4Meta-Tags kopieren. Das HTML wird live neu erzeugt. Kopiere es und füge es in den head deiner Seite ein.
Für wen
- SEO-Spezialisten, die einen sauberen Titel und eine Meta-Description schreiben und gegen Googles Längenlimits prüfen.
- Webentwickler, die fertige Open-Graph- und Twitter-Card-Tags zum Einfügen in ein Seitentemplate brauchen.
- Marketer, die Bild, Titel und Beschreibung festlegen, die beim Teilen eines Links in sozialen Medien erscheinen.
- Blogger und Shop-Betreiber, die korrekte Meta-Tags ohne Plugin oder CMS-Einstellung ergänzen.
Häufige Fragen
Ist der Meta Tag Generator kostenlos?
Ja, er ist völlig kostenlos, ohne Anmeldung und ohne Limits. Er läuft vollständig in deinem Browser.
Werden meine Daten irgendwohin hochgeladen?
Nein. Titel, Beschreibung und URLs, die du eingibst, werden lokal in deinem Browser in HTML-Meta-Tags umgewandelt und nie an einen Server gesendet.
Welche Meta-Tags werden erzeugt?
Er erstellt das title-Tag, die Meta-Description, den canonical-Link, die robots-Direktive, den kompletten Open-Graph-Satz (og:type, og:title, og:description, og:url, og:image, og:site_name) sowie die Twitter-Card-Tags (twitter:card, twitter:title, twitter:description, twitter:image, twitter:site).
Wie lang sollten Titel und Beschreibung sein?
Ziel sind ein Titel unter etwa 60 Zeichen und eine Meta-Description von rund 50 bis 160 Zeichen. Das Tool markiert alles, was länger ist, da Google zu lange Titel und Descriptions in den Suchergebnissen abschneidet.
Was ist der Unterschied zwischen og:image und twitter:image?
og:image ist das Bild, das beim Teilen deines Links auf Facebook, LinkedIn und den meisten Plattformen angezeigt wird; twitter:image ist das Gegenstück für X/Twitter-Cards. Dieses Tool verwendet für beide dieselbe Bild-URL, was der übliche Aufbau ist - ein einziges Bild mit 1200x630 funktioniert überall.
Wo füge ich die erzeugten Meta-Tags ein?
Setze sie in das <head>-Element im HTML deiner Seite, zusammen mit bereits vorhandenen Meta-Tags. Danach kannst du die Social-Tags mit Facebooks Sharing Debugger oder dem Twitter Card Validator prüfen.