Zum Hauptinhalt springen

Meta-Tag-Generator

Ein paar Felder ausfüllen und sofort SEO-title/description, Open Graph und Twitter-Card-Tags erzeugen — mit Suchvorschau.

Google-Suchvorschau

Was ist ein Meta-Tag-Generator?

Meta-Tags sind Informationen im HTML-<head>, die Suchmaschinen und soziale Plattformen auslesen. Dieser Meta-Tag-Generator lässt dich ein paar Felder ausfüllen und erzeugt sofort die SEO-title/description, Open Graph- und Twitter-Card-Tags, plus eine Google-Snippet-Vorschau, damit du die Wirkung beim Tippen siehst. Alles läuft lokal im Browser.

So funktioniert es

  1. Titel, Beschreibung, Seiten-URL und Vorschaubild-URL eingeben.
  2. Rechts aktualisieren sich Suchvorschau und Zeichenzahlen live; unten werden die vollständigen Tags erzeugt.
  3. Auf „Alles kopieren" klicken und in den <head> deiner Seite einfügen.

Typische Anwendungen

  • Einer neuen Seite in einem Zug einen kompletten Satz SEO- und Social-Sharing-Tags geben.
  • Prüfen, ob Titel und Beschreibung in Suchergebnissen abgeschnitten werden.
  • Strukturierte Daten oder andere Tools nötig? Nutze den JSON-Formatter, um JSON-LD aufzuräumen.

Warum wurden Vorschaubild und Titel beim Teilen nicht aktualisiert?

Du hast gerade die Open-Graph-Tags ausgefüllt, die Seite live gestellt, sie eifrig in Facebook oder Slack eingefügt — und das Vorschaubild ist noch das alte oder leer. Das liegt fast nie an einem falschen Tag, sondern daran, dass soziale Plattformen die Vorschau zwischenspeichern. Beim ersten Abruf deiner Seite legt die Plattform eine Kopie an und holt danach dieselbe URL nicht jedes Mal neu. Die Lösung ist, den offiziellen Debugger / das Re-Scrape-Tool der Plattform (etwa den Facebook Sharing Debugger) zu nutzen, um einen frischen Abruf zu erzwingen. Die drei anderen Klassiker-Fallen: erstens ein og:image mit relativem Pfad, den die Plattform nicht auflösen kann — es muss eine absolute URL sein, die mit https:// beginnt; zweitens ein zu kleines Bild — die meisten wollen mindestens 200×200 und empfehlen 1200×630; drittens die Tags am falschen Ort — sie müssen im <head> stehen und werden im <body> ignoriert. Stimmt all das und es rührt sich trotzdem nichts, lass zuerst das Re-Scrape-Tool laufen. Um die JSON-LD-strukturierten Daten einer Seite aufzuräumen, kombiniere dies mit dem JSON-Formatter.

Häufig gestellte Fragen

Was ist der Unterschied zwischen Open Graph und normalen Meta-Tags?

Das schlichte <title> und <meta name="description"> sind für Suchmaschinen; Open Graph (og:) und Twitter-Card-Tags steuern Titel, Beschreibung und Vorschaubild, die erscheinen, wenn dein Link auf Facebook, X, LinkedIn und Co. geteilt wird. Sie erfüllen verschiedene Zwecke, also füllst du am besten beide aus.

Wie lang sollte die Beschreibung sein?

Google zeigt im Snippet meist etwa 150–160 Zeichen, bevor es abschneidet. Das Tool zeigt eine Live-Zeichenzählung, damit du im Rahmen bleibst.

Welche Größe sollte og:image haben?

Ein Social-Thumbnail funktioniert am besten mit 1200×630 Pixeln (1,91:1) und einer absoluten URL (mit https). Zu klein oder ein relativer Pfad, und es wird beim Teilen womöglich nicht angezeigt.

Wohin gehören diese Tags?

Alle gehören in den HTML-<head>. Die meisten statischen Seiten und CMS haben ein Feld „Custom Head" oder SEO, in das du sie einfügst.

Weiterlesen

Open Graph und Meta-Tags: Was deine Link-Vorschau wirklich steuert →

Dieses Tool einbetten

Binde dieses Tool kostenlos auf deiner Website oder deinem Blog ein — kopiere einfach den Code unten (er enthält einen Link zurück zu dieser Seite).