Meta-Tag-Builder

Generiere vollständige HTML-Meta-Tags, Open Graph und Twitter Card Tags für SEO und Social Sharing. Trage deine Daten ein und kopiere fertiges HTML.

SEO Meta Tag Builder

Generate standard HTML meta tags and Open Graph tags for social sharing.

Site Title0/60 chars

Description0/160 chars

Page URL

Image URL

HTML Output

<!-- Primary Meta Tags -->
<title>Page Title</title>
<meta name="title" content="Page Title">
<meta name="description" content="Description of the page content">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://yoursite.com/">
<meta property="og:title" content="Page Title">
<meta property="og:description" content="Description of the page content">
<meta property="og:image" content="https://yoursite.com/image.jpg">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://yoursite.com/">
<meta property="twitter:title" content="Page Title">
<meta property="twitter:description" content="Description of the page content">
<meta property="twitter:image" content="https://yoursite.com/image.jpg">

So verwendest du den Meta-Tag-Builder

Gib deinen Seitentitel ein (bis zu 60 Zeichen).
Schreibe eine Meta-Beschreibung (bis zu 160 Zeichen).
Füge deine Seiten-URL und optionale Open-Graph-Bild-URL hinzu.
Kopiere die generierten HTML-Tags und füge sie in den Head-Bereich deiner Seite ein.

Über Meta-Tags

Meta-Tags steuern, wie deine Website in Suchergebnissen und Social-Media-Vorschauen erscheint. Das Open-Graph-Protokoll (von Facebook, LinkedIn verwendet) und Twitter Cards sorgen für aussagekräftige Link-Vorschauen.

Dieser Builder generiert alle drei Tag-Sets auf einmal — Standard-Meta-Tags, Open-Graph-Tags und Twitter-Card-Tags — und erspart dir das Schreiben von sich wiederholendem HTML.

Häufig gestellte Fragen

Was sind Open-Graph-Tags? ▼

Open-Graph-Tags (OG) sind Meta-Tags, die steuern, wie deine Seite beim Teilen auf sozialen Plattformen wie Facebook, LinkedIn und Discord erscheint.

Wie lang sollte meine Meta-Beschreibung sein? ▼

Ziele auf 150-160 Zeichen. Längere Beschreibungen können in Suchergebnissen abgeschnitten werden.

Brauche ich sowohl OG-Tags als auch Twitter-Card-Tags? ▼

Twitter verwendet OG-Tags als Fallback, wenn Twitter-Card-Tags fehlen, aber die Angabe beider gewährleistet die beste Vorschau auf allen Plattformen.