Meta-Tag-Generator

Erstelle SEO-, Open-Graph- und Twitter-Card-Meta-Tags für deine Seite aus Titel, Beschreibung, kanonischer URL, Bild, Seitenname und Kartentyp.

Tool wird geladen…

Meta-Tag-Generator — Trage Titel, Beschreibung, kanonische URL, Bild und Seitenname deiner Seite ein und erhalte einen direkt einfügbaren Block aus SEO-, Open-Graph- und Twitter-Card-Meta-Tags für deinen HTML-Head. Live-Vorschauen für die Google-SERP und die Social-Card zeigen, wie die Seite in der Suche und beim Teilen aussehen wird. Alles wird in deinem Browser erzeugt — nichts von deiner Seite wird hochgeladen.

Was ist Meta-Tag-Generator?

Der Meta-Tag-Generator ist ein kostenloses Online-Tool, das ein paar Seitenangaben in einen vollständigen Satz HTML-Meta-Tags verwandelt: die standardmäßigen SEO-Tags (title, meta description, kanonischer Link), Open-Graph-Tags (og:title, og:description, og:type, og:url, og:image, og:site_name) und Twitter-Card-Tags (twitter:card, twitter:title, twitter:description, twitter:image). Marketer, Blogger und Entwickler nutzen ihn beim Veröffentlichen einer Seite oder eines Artikels, um zu steuern, wie er in den Google-Suchergebnissen erscheint und wie sich sein Link auf Facebook, LinkedIn, X/Twitter, Slack und Discord entfaltet. Wähle den og:type (website, article, product, profile oder video.other) und den twitter:card-Stil (summary, summary_large_image, app oder player), und das Tool schreibt nur die Zeilen für die Felder, die du ausfüllst. Es gibt reine HTML-Tags aus — es crawlt deine Website nicht und liest die Seite nicht für dich aus.

So verwendest du Meta-Tag-Generator

  1. Gib deinen Seitentitel ein — daraus entstehen die Tags <title>, og:title und twitter:title.
  2. Schreibe eine Meta-Beschreibung (etwa 150–160 Zeichen) für die Tags description, og:description und twitter:description.
  3. Gib die kanonische URL der Seite und eine absolute Bild-URL für die Linkvorschau ein.
  4. Füge deinen Seitennamen hinzu und wähle og:type und twitter:card aus den Dropdown-Menüs.
  5. Kopiere den erzeugten HTML-Block aus dem Ausgabefeld und füge ihn in den <head> deiner Seite ein.
  6. Nutze die Google-SERP- und Social-Card-Vorschauen, um vor der Veröffentlichung zu prüfen, wie das Ergebnis aussieht.

Beispiele

Tags für einen Blogartikel

Eingabe

Titel: How to Bake Sourdough
Beschreibung: A beginner's guide to baking sourdough bread at home.
URL: https://blog.example.com/sourdough
og:type: article

Ausgabe

<title>How to Bake Sourdough</title>
<meta name="description" content="A beginner's guide to baking sourdough bread at home." />
<link rel="canonical" href="https://blog.example.com/sourdough" />
<meta property="og:title" content="How to Bake Sourdough" />
<meta property="og:type" content="article" />
<meta name="twitter:card" content="summary_large_image" />

Social-Card mit großem Bild

Eingabe

Bild: https://example.com/og.png
twitter:card: summary_large_image

Ausgabe

<meta property="og:image" content="https://example.com/og.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://example.com/og.png" />

Sonderzeichen werden maskiert

Eingabe

Titel: Tips & Tricks for "Pros"

Ausgabe

<title>Tips &amp; Tricks for &quot;Pros&quot;</title>

Häufig gestellte Fragen

Welche Meta-Tags werden erzeugt?
Es erzeugt standardmäßige SEO-Tags (<title>, meta description und einen kanonischen Link), Open-Graph-Tags (og:title, og:description, og:type, og:url, og:image, og:site_name) und Twitter-Card-Tags (twitter:card, twitter:title, twitter:description, twitter:image). Nur die Zeilen für die Felder, die du ausfüllst, werden aufgenommen, sodass du nie leere Platzhalter-Tags erhältst.
Was ist der Unterschied zwischen og:type und twitter:card?
og:type teilt den Plattformen mit, welche Art von Objekt die Seite ist — website, article, product, profile oder video.other —, was sich darauf auswirkt, wie sich der Link entfaltet. twitter:card bestimmt das Layout auf X/Twitter: summary ist ein kleines Vorschaubild, summary_large_image zeigt ein großes Bannerbild, während app und player für Apps und Medien gedacht sind. Wähle die Kombination, die zu deinem Inhalt passt.
Muss die Bild-URL absolut sein?
Ja. og:image und twitter:image müssen vollständige absolute URLs sein, die mit https:// beginnen, weil Scraper sie von außerhalb deiner Website abrufen — ein relativer Pfad wie /og.png lädt nicht. Für beste Ergebnisse verwende für große Karten ein 1200×630-Bild.
Crawlt oder liest dieses Tool meine Live-Seite?
Nein. Es formatiert nur die Werte, die du eingibst, in HTML-Meta-Tags. Es ruft, crawlt oder analysiert keine URL — die kanonische URL und die Bild-URL werden wortwörtlich in die Tags geschrieben und nicht aufgerufen.
Werden meine Daten an einen Server gesendet?
Nein. Die Tags werden vollständig in deinem Browser mit JavaScript erstellt. Nichts, was du eingibst — einschließlich unveröffentlichter Titel, URLs oder Beschreibungen — wird hochgeladen, gespeichert oder irgendwohin gesendet, sodass die Nutzung auf privaten oder noch nicht veröffentlichten Seiten sicher ist.

Verwandte Tools

Hreflang-Tag-Generator

Erstellt hreflang-Link-Tags für eine mehrsprachige Seite aus einer Liste von Sprach-URL-Paaren, mit optionalem x-default und einem selbstreferenzierenden Tag.

JSON-LD-Generator

Erzeuge gültige strukturierte JSON-LD-Daten für die Schemas Article, Product, FAQPage, HowTo, LocalBusiness, Event, Recipe, BreadcrumbList und Organization aus einem einfachen Formular.

Keyword-Dichte-Prüfer

Analysiere beliebigen Text, um Worthäufigkeit und Keyword-Dichte als Phrasen aus 1, 2 oder 3 Wörtern zu zählen – mit Warnung vor Überoptimierung.

Open Graph & Social-Card-Vorschau

Sieh dir an, wie sich ein Link auf X, LinkedIn, Slack, Discord und Facebook aus Titel, Beschreibung, Bild-URL und Seiten-URL zu einer Social Card entfaltet.