Metatag Generator

Q: Was sind Meta-Tags und warum sind sie wichtig für SEO?

Meta-Tags sind HTML-Elemente im -Bereich einer Webseite, die Metadaten über die Seite für Suchmaschinen und Social-Media-Plattformen bereitstellen. Wichtige Meta-Tags sind der Title-Tag (wird in Suchergebnissen angezeigt), die Meta-Description (Zusammenfassung unter dem Titel) und der Robots-Tag (steuert das Crawling der Suchmaschinen). Gut gestaltete Meta-Tags verbessern die Klickraten in den Suchergebnissen und stellen sicher, dass Ihre Inhalte beim Teilen in sozialen Medien korrekt angezeigt werden.

Q: Was sind Open Graph-Tags und wie funktionieren sie?

Open Graph (OG) Tags sind von Facebook entwickelte Meta-Tags, die steuern, wie Ihre Webseite erscheint, wenn sie auf Social-Media-Plattformen wie Facebook, LinkedIn und Pinterest geteilt wird. Wichtige OG-Tags sind og:title, og:description, og:image, og:url und og:type. Wenn jemand Ihre URL teilt, lesen diese Plattformen die OG-Tags aus, um eine ansprechende Vorschaukarte mit dem von Ihnen festgelegten Titel, der Beschreibung und dem Bild zu erstellen.

Q: Was sind Twitter Card-Tags?

Twitter Card-Tags (jetzt X Card-Tags) sind Meta-Tags, die steuern, wie Ihre Inhalte erscheinen, wenn sie auf X (ehemals Twitter) geteilt werden. Die Haupttypen sind summary (kleines Vorschaubild) und summary_large_image (großes Beitragsbild). Wichtige Tags sind twitter:card (Kartentyp), twitter:title, twitter:description, twitter:image und twitter:site (Ihr @Benutzername). Wenn keine Twitter Card-Tags gesetzt sind, greift X auf Open Graph-Tags zurück.

Q: Was ist die ideale Länge für Meta-Titel und -Beschreibung?

Für SEO wird eine Meta-Titellänge von 50-60 Zeichen empfohlen (Google zeigt normalerweise bis zu 60 Zeichen oder ca. 600 Pixel Breite an). Die Meta-Beschreibung sollte 150-160 Zeichen lang sein (Google kürzt längere Beschreibungen oft ab). Für Open Graph sollten Titel 60-90 Zeichen und Beschreibungen 100-200 Zeichen haben. Bei Twitter Cards sind Titel mit 50-70 Zeichen und Beschreibungen unter 200 Zeichen am besten.

Q: Benötige ich sowohl Open Graph- als auch Twitter Card-Tags?

Obwohl X (Twitter) auf Open Graph-Tags zurückgreift, wenn keine Twitter Card-Tags vorhanden sind, ist es Best Practice, beide einzubinden. Twitter Card-Tags ermöglichen es Ihnen, den Kartentyp (summary vs. summary_large_image) anzupassen und Ihren @Benutzernamen hinzuzufügen, was mit OG-Tags allein nicht möglich ist. Beides zusammen sorgt für eine optimale Darstellung auf allen Plattformen.

Q: Welche Bildgröße sollte ich für Open Graph und Twitter Cards verwenden?

Für Open Graph-Bilder wird eine Größe von 1200 x 630 Pixeln (Verhältnis 1,91:1) mit mindestens 200 x 200 Pixeln empfohlen. Für Twitter Cards mit summary_large_image verwenden Sie 1200 x 628 Pixel; für summary-Cards mindestens 144 x 144 Pixel (bis zu 4096 x 4096). Bilder sollten kleiner als 5 MB sein. Ein einzelnes Bild mit 1200 x 630 Pixeln funktioniert gut für beide Plattformen.

Erstellen Sie SEO-Metatags, Open Graph-Tags und Twitter Card-Tags mit Live-Vorschau für Google, Facebook und X (Twitter). Echtzeit-Zeichenzähler und Ein-Klick-Kopie.

Metatag Generator

⚡ Schnelle Beispiele — testen Sie eines, um alle Funktionen zu sehen:

Blog-Artikel E-Commerce Produkt Portfolio-Seite

Seitentitel 0 / 60

Empfohlen: 50-60 Zeichen für Google-Suchergebnisse

Meta-Beschreibung 0 / 160

Empfohlen: 150-160 Zeichen für optimale Anzeige in Suchergebnissen

Keywords 0 / 255

Kommagetrennte Schlüsselwörter (begrenzter SEO-Einfluss, wird aber teils noch genutzt)

Robots

Zeichensatz

Kanonische URL

Die bevorzugte URL für diese Seite (verhindert Probleme mit doppeltem Inhalt)

Optional

Autor

Sprache

Viewport

Steuert das responsive Verhalten auf mobilen Geräten

ℹ Open Graph-Tags steuern, wie Ihre Seite erscheint, wenn sie auf Facebook, LinkedIn, Pinterest und anderen sozialen Plattformen geteilt wird. Wenn diese Felder leer bleiben, werden die Basis-SEO-Werte verwendet.

og:title 0 / 90

og:description 0 / 200

og:image

Metatag Generator

Der Metatag-Generator erstellt SEO-optimierte Meta-Tags, Open Graph-Tags und Twitter Card-Tags für Ihre Website inklusive Live-Vorschau. Sehen Sie genau, wie Ihre Seite in den Google-Suchergebnissen, Facebook-Posts und X (Twitter) Cards erscheint, bevor Sie sie veröffentlichen. Echtzeit-Zeichenzähler helfen Ihnen, innerhalb der empfohlenen Limits für maximale Sichtbarkeit zu bleiben.

Was sind Meta-Tags?

Meta-Tags sind HTML-Elemente, die im <head>-Bereich Ihrer Webseite platziert werden und Metadaten für Suchmaschinen und Social-Media-Plattformen bereitstellen. Sie erscheinen nicht auf der Seite selbst, beeinflussen aber maßgeblich, wie Ihre Seite im Web entdeckt, indexiert und angezeigt wird.

Vom Tool generierte Meta-Tag-Typen

Kategorie	Tag	Zweck
SEO	`<title>`	Seitentitel in Suchergebnissen und Browser-Tab
SEO	`meta description`	Zusammenfassung unter dem Titel in Suchergebnissen
SEO	`meta keywords`	Kommagetrennte Keywords (heute geringer SEO-Einfluss)
SEO	`meta robots`	Steuert das Crawling- und Indexierungsverhalten
SEO	`link canonical`	Gibt die bevorzugte URL an, um Duplicate Content zu vermeiden
Social	`og:title`	Titel beim Teilen auf Facebook, LinkedIn usw.
Social	`og:description`	Beschreibung in Social-Media-Vorschaukarten
Social	`og:image`	Bild in Social-Media-Vorschauansichten
X/Twitter	`twitter:card`	Kartentyp: summary oder summary_large_image
X/Twitter	`twitter:site`	Ihr X (Twitter) @Benutzername

Empfohlene Zeichenlimits

Google Titel

50–60

Zeichen

Google Beschreibung

150–160

Zeichen

OG Titel

60–90

Zeichen

OG Beschreibung

100–200

Zeichen

Twitter Titel

50–70

Zeichen

Twitter Beschr.

Unter 200

Zeichen

Profi-Tipp: Schreiben Sie unterschiedliche Titel und Beschreibungen für SEO, Open Graph und Twitter Cards. Jede Plattform hat andere Limits und Kontexte — ein Suchergebnistitel sollte keywordreich sein, während ein Social-Media-Titel ansprechend und teilbar sein sollte.

So nutzen Sie diesen Metatag-Generator

Basis-SEO-Tags ausfüllen: Geben Sie Seitentitel (empfohlen 50-60 Zeichen), Meta-Beschreibung (150-160 Zeichen), Keywords ein, wählen Sie Robots-Vorgaben, Zeichensatz und optional eine kanonische URL.
Open Graph-Tags hinzufügen: Wechseln Sie zum Reiter Open Graph für Titel, Beschreibung, Bild-URL, Seiten-URL, Seitenname und Inhaltstyp für Facebook und LinkedIn.
Twitter Card-Tags konfigurieren: Wählen Sie im Reiter Twitter Card den Kartentyp, Titel, Beschreibung, Bild-URL und Ihren X-Benutzernamen aus.
Vorschau Ihrer Tags: Prüfen Sie in den Live-Vorschau-Panels, wie Ihre Seite bei Google, Facebook und X (Twitter) aussehen wird.
Generieren und Kopieren: Klicken Sie auf "Meta-Tags generieren", um den HTML-Code zu sehen. Klicken Sie auf "Code kopieren" und fügen Sie ihn in den <head>-Bereich Ihrer Seite ein.

Best Practices für Open Graph-Bilder

Empfohlene Größe: 1200 x 630 Pixel (Seitenverhältnis 1,91:1)
Mindestgröße: 200 x 200 Pixel (Vorgabe von Facebook)
Dateigröße: Unter 5 MB für beste Performance
Format: JPEG, PNG oder WebP
Sicherer Bereich: Wichtige Texte/Logos in den mittleren 80 % des Bildes platzieren

Twitter Card-Typen

summary: Kleine Karte mit quadratischem Vorschaubild (min. 144x144). Ideal für Artikel und allgemeine Inhalte.
summary_large_image: Große Karte mit markantem Bild (empfohlen 1200x628). Bestens geeignet für Blogposts und Landingpages.

Hinweis: Wenn Sie keine Twitter Card-Tags setzen, greift X (Twitter) automatisch auf Ihre Open Graph-Tags zurück. Das Setzen beider Typen gibt Ihnen jedoch die volle Kontrolle über die Darstellung auf jeder Plattform.

Häufig gestellte Fragen

Was sind Meta-Tags und warum sind sie wichtig für SEO?

Meta-Tags sind HTML-Elemente im <head>-Bereich, die Metadaten über die Seite für Suchmaschinen bereitstellen. Wichtige Tags sind Title, Meta-Description und Robots. Gut optimierte Tags erhöhen die Klickrate (CTR) und stellen sicher, dass Inhalte korrekt indexiert und in sozialen Medien ansprechend präsentiert werden.

Was sind Open Graph-Tags und wie funktionieren sie?

Open Graph (OG) Tags wurden von Facebook entwickelt, um zu steuern, wie Webseiten beim Teilen in sozialen Medien erscheinen. Wenn eine URL geteilt wird, lesen Plattformen wie Facebook oder LinkedIn diese Tags (Titel, Bild, Beschreibung) aus, um eine strukturierte Vorschaukarte zu generieren.

Was sind Twitter Card-Tags?

Twitter Card-Tags (jetzt X Card-Tags) steuern die Darstellung von Inhalten auf X. Es gibt verschiedene Typen wie 'summary' oder 'summary_large_image'. Ohne diese Tags nutzt X die vorhandenen Open Graph-Daten als Fallback.

Was ist die ideale Länge für Meta-Titel und -Beschreibung?

Für Google-SEO liegt der Titel idealerweise bei 50-60 Zeichen und die Beschreibung bei 150-160 Zeichen. Open Graph-Titel dürfen mit 60-90 Zeichen etwas länger sein, während Twitter-Titel zwischen 50-70 Zeichen liegen sollten.

Benötige ich sowohl Open Graph- als auch Twitter Card-Tags?

Obwohl X Open Graph als Fallback nutzt, ist es empfehlenswert, beide zu verwenden. Nur mit Twitter Cards können Sie spezifische Kartentypen wählen und Ihren Benutzernamen (@username) für die korrekte Zuordnung einbinden.

Welche Bildgröße sollte ich für Open Graph und Twitter Cards verwenden?

Für beide Plattformen hat sich eine Größe von 1200 x 630 Pixeln bewährt. Damit stellen Sie sicher, dass das Bild sowohl im 1,91:1 Format (OG) als auch im 2:1 Format (Twitter) scharf und ohne wichtige Verluste angezeigt wird.

Zusätzliche Ressourcen

Zitieren Sie diesen Inhalt, diese Seite oder dieses Tool als:

"Metatag Generator" unter https://MiniWebtool.com/de/metatag-generator/ von MiniWebtool, https://MiniWebtool.com/

vom miniwebtool-Team. Aktualisiert: 06. Feb. 2026

Metatag Generator

Metatag Generator

Was sind Meta-Tags?

Vom Tool generierte Meta-Tag-Typen

Empfohlene Zeichenlimits

So nutzen Sie diesen Metatag-Generator

Best Practices für Open Graph-Bilder

Twitter Card-Typen

Häufig gestellte Fragen

Was sind Meta-Tags und warum sind sie wichtig für SEO?

Was sind Open Graph-Tags und wie funktionieren sie?

Was sind Twitter Card-Tags?

Was ist die ideale Länge für Meta-Titel und -Beschreibung?

Benötige ich sowohl Open Graph- als auch Twitter Card-Tags?

Welche Bildgröße sollte ich für Open Graph und Twitter Cards verwenden?

Zusätzliche Ressourcen

Webmaster-Tools:

Ausgewählte Werkzeuge: