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.
<!-- 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" />
Willst du SEO-optimiert sein?
Wir bauen Websites mit perfekten Meta-Tags, strukturierten Daten und Top-Lighthouse-Scores.
So funktioniert das Meta-Tag Generator
// schritt für schrittIn drei Schritten zu deinem Ergebnis — kostenlos, ohne Anmeldung.
Inhalte eingeben
Title, Description, URL und OG-Image — die Pflichtfelder. Site-Name, Twitter-Handle und Author sind optional.
Live-Preview prüfen
Du siehst direkt wie Google, Twitter, Facebook und LinkedIn deine Seite darstellen werden — exakt wie in der echten Vorschau.
Code kopieren
Klick auf Kopieren und füge den HTML-Code in den <head>-Bereich deiner Seite ein. Fertig.
FAQ
// direkt beantwortetHäufige Fragen zum Meta-Tag Generator.
Was sind Meta-Tags?
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.
Was ist ein OG-Image?
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.
Wie lang sollen Title und Description sein?
Title: 50-60 Zeichen (sonst kürzt Google ab). Description: 120-160 Zeichen. Unser Generator zeigt dir live ob du im optimalen Bereich bist.
Brauche ich verschiedene Tags für Facebook und Twitter?
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.
Was ist mit Schema.org / strukturierten Daten?
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.
Wo füge ich die Tags ein?
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>.
Verwandte Tools
// weiter im werkzeugkastenWeitere kostenlose Tools die dir helfen.