Öffnen Sie den Graph- und Twitter-Kartengenerator

Generieren Sie Open Graph (OG)- und Twitter Card-Meta-Tags und zeigen Sie eine Vorschau an. Stellen Sie sicher, dass Ihre Links perfekt aussehen, wenn sie auf Facebook, LinkedIn, X und WhatsApp geteilt werden.

Gebaut und gewartet von Shehzad Munir ·

Benötigt das Internet: the page's meta tags are fetched on our server. Nach der Anfrage wird nichts gespeichert.

Öffnen Sie den Graph- und Twitter-Kartengenerator
Loading Social Metadata Studio
  • SEO-Tools
  • Frei · Keine Anmeldung
  • Nutzt das Internet
  • 6-Funktionen
Share

Entwerfen Sie perfekte Social-Share-Vorschauen

Der Open Graph & Twitter Card Generator erstellt und zeigt eine Vorschau der Meta-Tags an, die steuern, wie Ihre Links aussehen, wenn sie auf Facebook, LinkedIn, X und WhatsApp geteilt werden. Eine gut konfigurierte Karte verwandelt eine bloße URL in eine reichhaltige, anklickbare Vorschau mit dem richtigen Titel, der richtigen Beschreibung und dem richtigen Bild.

Mit dem Metadatenstudio können Sie die Open Graph- und Twitter Card-Tags erstellen und in der Vorschau anzeigen, die steuern, wie Ihre Links aussehen, wenn sie auf X, Facebook, LinkedIn und Slack geteilt werden. Ein überzeugender Titel, eine überzeugende Beschreibung und ein überzeugendes Bild können die Klickrate von Social-Media-Traffic, der auch positive Engagement-Signale sendet, erheblich steigern.

Merkmale

  • Open Graph (OG) und Twitter-Karten-Tag-Generator
  • Live-Vorschauen für Facebook, X, LinkedIn, WhatsApp, Discord und Slack
  • Zusammenfassung vs. summary_large_image Twitter-Kartenwechsel
  • Importieren Sie Tags aus jeder vorhandenen URL und füllen Sie sie automatisch aus
  • Längenvalidierung und Warnungen pro Plattform
  • Kopierfertige Meta-Tags mit HTML-Export

So verwenden Sie Öffnen Sie den Graph- und Twitter-Kartengenerator

  1. 1

    Geben Sie Ihre Seitendetails ein

    Fügen Sie Titel, Beschreibung, Bild-URL und Seiten-URL hinzu.

  2. 2

    Sehen Sie sich die Karte in der Vorschau an

    Sehen Sie sich einen Live-Ausschnitt an, wie der Link auf allen Plattformen angezeigt wird.

  3. 3

    Kopieren Sie die Tags

    Besorgen Sie sich die vorgefertigten Open Graph- und Twitter Card-Meta-Tags.

  4. 4

    Fügen Sie sie Ihrer Seite hinzu

    Fügen Sie die Tags in den <head> Ihrer Seite ein und testen Sie die Freigabe.

Häufige Anwendungsfälle

  • Ein Blogger sorgt dafür, dass geteilte Beiträge einen korrekten Titel und ein richtiges Bild anzeigen.
  • Ein Vermarkter sorgt dafür, dass ein Kampagnenlink auf LinkedIn elegant aussieht.
  • Ein Entwickler fügt Open Graph-Tags zu einer neuen Zielseite hinzu.
  • Ein Ladenbesitzer repariert eine defekte Share-Vorschau auf Facebook.

Detaillierte Anleitung

Stoppen Sie kaputte oder hässliche Linkvorschauen

Fehlende oder fehlerhafte Metadaten führen zu leeren Miniaturansichten und abgeschnittenen Titeln, die stillschweigend zum Abbruch von Shares führen. Generieren Sie korrekte, sofort einfügbare Tags und sehen Sie genau, wie jede Plattform Ihre Seite darstellt, sodass jeder von Ihnen gepostete Link gewollt und markenkonform aussieht.

Häufig gestellte Fragen

Was sind Open Graph-Tags und warum benötige ich sie?

Open Graph (OG)-Tags sind HTML-Meta-Tags, die steuern, wie Ihre Webseite angezeigt wird, wenn sie auf sozialen Plattformen geteilt wird. Ohne sie verwenden Facebook und LinkedIn zufällige Texte und Bilder Ihrer Seite, was zu schlecht aussehenden Shares führt.

Wie füge ich Open Graph-Tags zu meiner Website hinzu?

Verwenden Sie diesen Generator, um Ihre OG-Tags zu erstellen, und fügen Sie sie dann in den <head>-Abschnitt Ihres HTML ein. Schlüssel-Tags: og:title, og:description, og:image (muss 1200×630 Pixel groß sein), og:url und og:type.

Welche Größe sollte das og:image haben?

Die empfohlene og:Bildgröße beträgt 1200×630 Pixel (Seitenverhältnis 1,91:1). Dies funktioniert auf Facebook, LinkedIn und X/Twitter. Die Mindestgröße beträgt 600 x 315 Pixel, größere Bilder werden jedoch stärker hervorgehoben.

Was ist der Unterschied zwischen Open Graph und Twitter Cards?

Open Graph-Tags funktionieren auf Facebook, LinkedIn, Pinterest und WhatsApp. Twitter Cards sind Twitter-spezifische Meta-Tags. Beide dienen ähnlichen Zwecken und steuern das Erscheinungsbild der Vorschau, verwenden jedoch unterschiedliche Tag-Namen (og: vs. twitter:).

Wie teste ich meine Open Graph-Tags?

Verwenden Sie die Vorschau in diesem Tool oder testen Sie direkt mit: Facebook Sharing Debugger (developers.facebook.com/tools/debug), Twitter Card Validator (cards-dev.twitter.com/validator) oder LinkedIn Post Inspector.

Was passiert, wenn ich keine Open Graph-Tags hinzufüge?

Ohne OG-Tags durchsuchen soziale Plattformen Ihre Seite und wählen zufällige Inhalte aus, oft ein verschwommenes Miniaturbild, den falschen Titel oder eine abgeschnittene Beschreibung. Dies führt zu deutlich weniger Klicks beim Teilen Ihrer Inhalte. Seiten mit geeigneten OG-Tags erzielen in sozialen Medien zwei- bis dreimal höhere Klickraten.

Wie füge ich Open Graph- und Twitter Card-Tags zu meiner Website hinzu?

Geben Sie Ihren Titel, Ihre Beschreibung und die Bild-URL ein und der Generator gibt die Meta-Tags og: und twitter: aus. Fügen Sie sie in den Kopf Ihrer Seite ein, damit die Links eine ausführliche Vorschau auf Facebook, X, LinkedIn und Discord anzeigen.

Warum wird auf meinem Link kein Bild angezeigt, wenn er geteilt wird?

Normalerweise fehlt das Tag og:image oder das Bild ist zu klein. Generieren Sie einen vollständigen Satz von Open Graph-Tags (mit einem Bild in der richtigen Größe) und zeigen Sie vor der Veröffentlichung eine Vorschau an, wie der Link aussehen wird.

Kann ich in der Vorschau sehen, wie mein Link auf verschiedenen Plattformen aussieht?

Ja. Das Studio zeigt eine Live-Vorschau der Share-Card für Plattformen wie Facebook, X/Twitter und LinkedIn, sodass Sie Titel, Beschreibung und Bild optimieren können.

Was ist der Unterschied zwischen Open Graph und Twitter Cards?

Open Graph steuert die Vorschau auf den meisten Plattformen (Facebook, LinkedIn, WhatsApp); Twitter Cards sind das eigene Format von X. Beide Einstellungen decken alle wichtigen Netzwerke ab.

Aus dem Tagebuch

All articles →
How to Remove EXIF Metadata From Your PhotosTool Guides

How to Remove EXIF Metadata From Your Photos

Photos carry hidden data like GPS location and camera details. Here's why that matters for privacy and how to strip it before sharing.

SM
Shehzad Munir
Aug 19, 2026 · 3 min
What Is CPS? How to Test and Improve Your Click SpeedTool Guides

What Is CPS? How to Test and Improve Your Click Speed

CPS means clicks per second. Here's how it's measured, what a good score looks like, and how to test your own click speed for free.

SM
Shehzad Munir
Aug 17, 2026 · 3 min
How to Merge PDF Files for Free (Without Uploading Them)Tool Guides

How to Merge PDF Files for Free (Without Uploading Them)

Combine several PDFs into one document, reorder the pages, and keep everything private — no software and no server upload.

SM
Shehzad Munir
Aug 14, 2026 · 2 min