Encoders & Utilities

Meta-Tag-Generator

Generiert Open Graph, Twitter Card und SEO-Meta-Tags mit Live-Vorschau für Google, Facebook, Twitter und LinkedIn.

Page basics Page title Aim for 50–60 characters. Browser tab + Google SERP. / 60 Meta description Aim for 120–160 characters. Drives SERP click-through. / 160 Canonical URL

Open Graph / Facebook OG image URL Recommended 1200×630px. Used by FB / LinkedIn / Twitter (large card).

og:type og:locale

Site name Author

Twitter / X

twitter:card Twitter @site (optional)

Copy-paste into your <head>

Live preview

Google SERP

Facebook / LinkedIn

Twitter / X

Über dieses Tool

Meta Tag Generator erzeugt einen vollständigen Satz HTML-Meta-Tags für SEO und Social Sharing. Sie geben Title, Description, URL, Bild, Autor und Schlüsselwörter ein; wir generieren standardkonforme <title>-, <meta description>-, OpenGraph- (Facebook, LinkedIn), Twitter-Card- und Schema.org-JSON-LD-Markup, die Sie direkt in den <head> Ihrer Seite kopieren.

Das Tool berücksichtigt Best Practices: empfohlene Längen für Title (50–60 Zeichen, sichtbare SERP-Anzeige) und Description (150–160 Zeichen), Vorschau wie Google die Seite anzeigen würde, Vorschau wie Facebook/Twitter die Karte rendern. Bildauflösungen werden geprüft (mind. 1200×630 für OG-Bilder, sonst Warnung). Canonical, Robots-Meta und Hreflang werden ebenfalls unterstützt.

Wann Sie dieses Tool nutzen sollten

Bei jedem neuen Seitentyp. Blog-Artikel, Landing Page, Produktseite — jeweils eigene Meta-Tags.
SEO-Audit. Eigene Tags mit Best Practices vergleichen, Längen prüfen.
Social-Sharing-Vorschau. Wie sieht der Tweet/Facebook-Post mit dem geteilten Link aus?
Wiederverwendbare Templates. Aus den Eingaben ein Boilerplate für CMS-/SSG-Themen ableiten.

OpenGraph und Twitter Cards

OpenGraph (Facebook, LinkedIn, fast alle anderen Plattformen) verwendet og:title, og:description, og:image, og:url, og:type. Twitter nutzt ergänzend twitter:card (summary, summary_large_image), das die Layoutvariante bestimmt. Beide Standards sind ergänzend — manche Plattformen lesen nur OG, manche nur Twitter, viele kombinieren beides mit Priorität OG. Wir generieren beide parallel.

Häufige Fragen

Welche Title-Länge ist optimal für SEO?

Google zeigt typisch die ersten 50–60 Zeichen in den Suchergebnissen — danach wird mit "…" abgeschnitten. Sie können längere Titles haben (die Suchmaschine indexiert den vollen Text), aber für maximale Sichtbarkeit halten Sie den wichtigsten Teil in den ersten 50 Zeichen. Achten Sie auch auf Pixel-Breite: 580 px ist Googles Schwellwert, was bei breiten Zeichen wie "W" weniger Zeichen erlaubt als bei schmalen wie "i".

Sind Meta Keywords noch relevant?

Für Google: nein, seit 2009 ignoriert. Für die meisten Suchmaschinen ebenfalls. Wir lassen das Feld optional, weil manche internen Suchen (Intranet-Suchen, Plone, manche Shop-Systeme) Meta-Keywords noch lesen — aber für externe SEO ist es verschwendete Zeit. Konzentrieren Sie sich stattdessen auf Title, Description und strukturierte Inhalte.

Welche Bildgröße für OG-Tags?

Empfohlen 1200×630 (das von Facebook offiziell vorgegebene Format). Bilder unter 600×315 werden auf Facebook nicht als große Karte gezeigt, sondern nur als Thumbnail. Twitter ist großzügiger, aber 1200×630 ist auch dort sicher. Halten Sie das Bild unter 5 MB; PNG oder JPG. WebP funktioniert auf modernen Crawlern, fällt aber auf älteren um.

Was ist JSON-LD und brauche ich es?

JSON-LD ist strukturiertes Daten-Markup nach Schema.org, das Suchmaschinen Rich-Snippets ermöglicht: Sterne-Bewertungen, Veranstaltungsdetails, Rezept-Boxen, Breadcrumbs. Nicht alle Seiten brauchen es, aber für E-Commerce, lokale Unternehmen, Artikel und FAQ-Seiten gibt es klare Vorteile. Wir generieren einen Basis-JSON-LD-Block, den Sie an Ihren Inhaltstyp anpassen können.