Meta-Tag-Generator

SEO-Meta-Tags generieren

Gib deine Seitendaten ein und erhalte einen einfügefertigen Block aus Standard-, Open-Graph- und Twitter-Card-Meta-Tags — mit Live-Vorschau.

Standard-Meta-Tags

0 / 60

0 / 160

Open Graph

Twitter Card

Google-Suchvorschau

beispiel.de

Dein Seitentitel erscheint hier

Deine Meta-Beschreibung erscheint hier, sobald du zu tippen beginnst

Social-Card-Vorschau

beispiel.de

Dein Seitentitel erscheint hier

Deine Meta-Beschreibung erscheint hier, sobald du zu tippen beginnst

Teilen

Über den Meta-Tag-Generator

Meta-Tags teilen Suchmaschinen und sozialen Plattformen mit, wie deine Seite in Ergebnissen, Link-Vorschauen und geteilten Beiträgen dargestellt werden soll. Dieses Tool erstellt aus einem einfachen Formular einen vollständigen, korrekt escapten Tag-Block mit Live-Vorschau, damit du vor der Veröffentlichung genau siehst, wie deine Seite aussehen wird.

Funktionen:

  • Standard-SEO-Tags: Titel, Beschreibung, kanonische URL, Robots und mehr
  • Open-Graph-Tags für ansprechende Link-Vorschauen auf Facebook, LinkedIn und mehr
  • Twitter-Card-Tags mit Zusammenfassungs- und Großbild-Layouts
  • Live-Vorschau für Google-Ergebnis und Social Card beim Tippen

So verwendest du den Meta-Tag-Generator

  1. Trage Seitentitel, Beschreibung und kanonische URL ein
  2. Füge Open-Graph-Details für Social-Link-Vorschauen hinzu
  3. Wähle einen Twitter-Card-Typ und füge dein Site-Handle hinzu
  4. Kopiere die generierten Tags oder lade sie als HTML-Snippet herunter

Häufig gestellte Fragen

Wo füge ich diese Meta-Tags ein?

Füge den gesamten Block innerhalb des <head>-Bereichs deiner Seiten-HTML ein, idealerweise weit oben, bevor andere Ressourcen geladen werden.

Was ist der Unterschied zwischen Meta-Beschreibung und Open-Graph-Beschreibung?

Die Meta-Beschreibung wird von Suchmaschinen in den Ergebnislisten verwendet, während og:description von sozialen Plattformen wie Facebook und LinkedIn beim Teilen deines Links genutzt wird. Beide können denselben Text enthalten, aber eine speziell für soziale Netzwerke angepasste og:description (kürzer, ansprechender) schneidet oft besser ab.

Warum wird mein Titel oder meine Beschreibung in Bernstein angezeigt?

Das bedeutet, dass du die Länge überschritten hast, die Suchmaschinen normalerweise vollständig anzeigen — etwa 60 Zeichen für Titel und 160 für Beschreibungen. Längerer Text wird meist mit Auslassungspunkten abgeschnitten.

Welche Meta-Tags wirken sich tatsächlich auf das SEO-Ranking aus?

Ehrlich gesagt beeinflussen nur wenige das Ranking direkt. Der Title-Tag und die Meta-Beschreibung wirken sich hauptsächlich auf die Klickrate aus den Suchergebnissen aus, nicht auf deine Position — das Keywords-Meta-Tag ignoriert Google heute weitgehend. Robots- und kanonische Tags sind eher für die Indexierung als für das Ranking relevant.

Sendet dieses Tool meine Daten irgendwohin?

Nein. Jedes Feld, der generierte Tag-Block und die Vorschauen werden alle lokal in deinem Browser mit JavaScript erstellt — nichts wird an einen Server gesendet.

Brauche ich sowohl Open-Graph- als auch Twitter-Tags?

Nicht zwingend — Twitter/X liest Open-Graph-Tags als Fallback —, aber eigene Twitter-Card-Tags erlauben dir, für Twitter/X-Shares ein anderes Bild oder Zusammenfassungs-Layout zu wählen.

Datenschutz

Jedes eingegebene Feld und der gesamte generierte Tag-Block bleiben in deinem Browser. Nichts wird hochgeladen, protokolliert oder auf unseren Servern gespeichert.

Standards & Referenzen

Zuletzt aktualisiert: 2026-07-24