Meta-Tag-Generator

Meta-Tags sind HTML-Snippets im Head einer Seite, die diese für Browser und Suchmaschinen beschreiben, ohne auf der Seite selbst zu erscheinen. Die wichtigsten sind der Title-Tag und die Meta-Beschreibung, die Ihr Google-Snippet bestimmen. Darüber hinaus benötigen Sie einen Viewport-Tag für mobile Skalierung, eine Charset-Deklaration, einen Robots-Tag zur Indexierungssteuerung, eine Canonical-URL zur Vermeidung von Duplicate-Content-Problemen sowie Open-Graph- und Twitter-Card-Tags für reichhaltige Social-Vorschauen.

Geben Sie Ihren Seitentitel, die Beschreibung, die URL und ein Vorschaubild (1200×630) in das Formular ein, und dieser Generator schreibt den vollständigen Tag-Satz: Title, Meta-Description, Canonical, Robots, Open Graph und Twitter Card. Halten Sie den Titel bei etwa 60 Zeichen und die Beschreibung bei etwa 155, verwenden Sie auf jeder Seite ein einzigartiges Paar, und kopieren Sie den Block in den Head Ihres HTMLs.

Die Tags, die noch ihren Platz verdienen, sind der Title-Tag, die Meta-Beschreibung, der Viewport-Tag, die Charset-Deklaration, der Robots-Tag und der Canonical-Link. Zusätzlich steuern Open-Graph- und Twitter-Card-Tags, wie Ihr Link beim Teilen auf Social-Media-Plattformen aussieht. Der alte Keywords-Meta-Tag beeinflusst Google-Rankings nicht mehr — er wird seit 2009 ignoriert.

Streben Sie einen Titel von 50–60 Zeichen und eine Meta-Beschreibung von 145–155 Zeichen an. Google schneidet Titel bei etwa 600 Pixeln Breite ab und Beschreibungen bei rund 155–160 Zeichen und fügt Auslassungspunkte hinzu. Die Zeichenzähler hier werden bernsteinfarben, wenn Sie die empfohlene Länge überschreiten.

Open-Graph-Tags — die mit 'og:' beginnen — sind ein von Facebook erstellter Standard, der steuert, wie Ihr Link beim Teilen in sozialen Netzwerken und Chat-Apps erscheint. Der Kernsatz ist og:title, og:description, og:image, og:url und og:type. Mit diesen Tags zeigt ein geteilter Link eine reichhaltige Karte mit Ihrer gewählten Überschrift, Beschreibung und Vorschaubild.

Ja. Dieser Meta-Tag-Generator läuft vollständig in Ihrem Browser per JavaScript — Titel, Beschreibung, URLs und Bild-URL, die Sie eingeben, werden nie an einen Server gesendet, nie protokolliert und nirgends gespeichert. Das Tool funktioniert offline, sobald die Seite geladen ist.

Ja. Das Formular und die Vorschaukarten sind vollständig responsiv und funktionieren in Mobile Safari auf iPhone und Chrome auf Android. Sie können die Felder ausfüllen, die Google- und Social-Vorschauen überprüfen und den generierten Code direkt auf dem Smartphone kopieren. Das Tool läuft im Browser ohne App-Installation.