← alle tools Meta Tags
SEO Meta-Tag Generator
Generiere alle nötigen Meta-Tags für SEO und Social Media. Live-Preview wie Google, Twitter, Facebook und LinkedIn deine Seite anzeigen.
Eingabe
34 / 60 Zeichen
132 / 160 Zeichen
1200×630px empfohlen
index.html
<!-- Primary Meta Tags -->
<title>Meine Website — Beste Lösung für X</title>
<meta name="title" content="Meine Website — Beste Lösung für X" />
<meta name="description" content="Eine kurze, prägnante Beschreibung deiner Seite. Sollte zwischen 120 und 160 Zeichen liegen für optimale Anzeige in Suchergebnissen." />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com" />
<meta property="og:title" content="Meine Website — Beste Lösung für X" />
<meta property="og:description" content="Eine kurze, prägnante Beschreibung deiner Seite. Sollte zwischen 120 und 160 Zeichen liegen für optimale Anzeige in Suchergebnissen." />
<meta property="og:image" content="https://example.com/og-image.png" />
<meta property="og:site_name" content="Meine Website" />
<meta property="og:locale" content="de_DE" />
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://example.com" />
<meta name="twitter:title" content="Meine Website — Beste Lösung für X" />
<meta name="twitter:description" content="Eine kurze, prägnante Beschreibung deiner Seite. Sollte zwischen 120 und 160 Zeichen liegen für optimale Anzeige in Suchergebnissen." />
<meta name="twitter:image" content="https://example.com/og-image.png" />
<meta name="twitter:site" content="@meinhandle" />Live-Previews
Google Suchergebnis
example.com
Meine Website — Beste Lösung für X
Eine kurze, prägnante Beschreibung deiner Seite. Sollte zwischen 120 und 160 Zeichen liegen für optimale Anzeige in Suchergebnissen.
Twitter / X
example.com
Meine Website — Beste Lösung für X
Eine kurze, prägnante Beschreibung deiner Seite. Sollte zwischen 120 und 160 Zeichen liegen für optimale Anzeige in Suchergebnissen.
Facebook / Meta
example.com
Meine Website — Beste Lösung für X
Eine kurze, prägnante Beschreibung deiner Seite. Sollte zwischen 120 und 160 Zeichen liegen für optimale Anzeige in Suchergebnissen.
LinkedIn
Meine Website — Beste Lösung für X
example.com
Willst du SEO-optimiert sein?
Wir bauen Websites mit perfekten Meta-Tags, strukturierten Daten und Top-Lighthouse-Scores.
Kontakt aufnehmenSo funktioniert das Meta-Tag Generator
In drei Schritten zu deinem Ergebnis — kostenlos, ohne Anmeldung.
- 01
Inhalte eingeben
Title, Description, URL und OG-Image — die Pflichtfelder. Site-Name, Twitter-Handle und Author sind optional.
- 02
Live-Preview prüfen
Du siehst direkt wie Google, Twitter, Facebook und LinkedIn deine Seite darstellen werden — exakt wie in der echten Vorschau.
- 03
Code kopieren
Klick auf Kopieren und füge den HTML-Code in den <head>-Bereich deiner Seite ein. Fertig.
FAQ
Häufige Fragen zum Meta-Tag Generator.
thenotperfect --help meta-tags
THENOTPERFECT(META-TAGS) — Häufig gestellte Fragen
Q:Was sind Meta-Tags?
A: Meta-Tags sind unsichtbare HTML-Tags im <head> deiner Seite, die Suchmaschinen und Social-Media-Plattformen sagen worum es auf der Seite geht. Sie sind essentiell für SEO und wie deine Seite geteilt aussieht.
Q:Was ist ein OG-Image?
A: Open Graph Image — das Bild das angezeigt wird wenn jemand deinen Link auf Facebook, LinkedIn, Twitter, Slack oder WhatsApp teilt. Ideale Größe: 1200×630px.
Q:Wie lang sollen Title und Description sein?
A: Title: 50-60 Zeichen (sonst kürzt Google ab). Description: 120-160 Zeichen. Unser Generator zeigt dir live ob du im optimalen Bereich bist.
Q:Brauche ich verschiedene Tags für Facebook und Twitter?
A: Twitter und LinkedIn nutzen Open Graph Tags als Fallback, Twitter hat aber zusätzlich eigene 'twitter:'-Tags für mehr Kontrolle. Unser Generator setzt beides automatisch — Best Practice.
Q:Was ist mit Schema.org / strukturierten Daten?
A: Das ist eine andere Ebene von SEO (JSON-LD im <body>). Meta-Tags decken die Basics ab — strukturierte Daten sind zusätzlich für Rich Snippets in Google. Brauchst du mehr? Wir helfen gerne.
Q:Wo füge ich die Tags ein?
A: In den <head>-Bereich jeder Seite. Bei Next.js: über die Metadata-API in jeder page.tsx. Bei statischen HTML-Seiten: einfach zwischen <head> und </head>.
Weitere Fragen? → thenotperfect.de/kontakt
Verwandte Tools
Weitere kostenlose Tools die dir helfen.