Ö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.

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.

Share
Kategorie
SEO-Tools
Inklusive
6-Funktionen
Zugang
Frei · Keine Anmeldung
Privatsphäre
Läuft in Ihrem Browser
Öffnen Sie den Graph- und Twitter-Kartengenerator

Calibrating Social Metadata Studio......

Please wait a moment

Wie zu verwenden

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

  1. 01

    Geben Sie Ihre Seitendetails ein

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

  2. 02

    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. 03

    Kopieren Sie die Tags

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

  4. 04

    Fügen Sie sie Ihrer Seite hinzu

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

Anwendungsfälle

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.
Überblick

Entwerfen Sie perfekte Social-Share-Vorschauen

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 in sozialen Netzwerken erheblich steigern – Traffic, der auch positive Engagement-Signale sendet.

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.

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

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 – der Steuerung der Vorschaudarstellung – 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, der falsche 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.

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.

Verwandte Lektüre

Aus dem Tagebuch

All articles →
Best AI Writing Assistants for Content Teams in 2025AI Tools

Best AI Writing Assistants for Content Teams in 2025

We compared the leading AI writing assistants on editing quality, team features, and pricing to help content teams pick the right one.

AR
Ava Reynolds
Aug 4, 2025 · 16 min
How to Choose the Right AI Image GeneratorHow-To

How to Choose the Right AI Image Generator

With dozens of AI image generators on the market, here is a practical framework for picking one based on your use case, budget, and rights needs.

AR
Ava Reynolds
Aug 11, 2025 · 11 min
Top 10 Free AI Tools You Can Start Using TodayAI Tools

Top 10 Free AI Tools You Can Start Using Today

A curated list of genuinely useful free AI tools — no credit card required — to boost writing, design, and productivity right now.

ML
Marcus Lin
Aug 14, 2025 · 10 min