Open-Graph-Generator

Erstelle Open-Graph- und Twitter-Card-Metatags mit Live-Vorschau

Der Open-Graph-Generator erstellt die Meta-Tags, die bestimmen, wie Ihre Seite beim Teilen auf Facebook, LinkedIn, X (Twitter), WhatsApp und anderen Plattformen aussieht. Geben Sie Titel, Beschreibung, URL und Bild ein und erhalten Sie fertige Open-Graph- und Twitter-Card-Tags zum Einfügen.

Eine Live-Vorschau zeigt die Teilen-Karte während der Eingabe, sodass Sie einen abgeschnittenen Titel oder ein fehlendes Bild korrigieren können, bevor jemand Ihren Link teilt.

Open-Graph-Tags Twitter-Card-Tags Live-Vorschau Typen: Website, Artikel, Produkt & Video Bild & Seitenname Kopierfertiges HTML
example.com
Your page title will appear here
Your page description will appear here

Wichtigste Vorteile

Warum Menschen dieses Tool täglich nutzen

Mehr Klicks aus Social Media

Ein klarer Titel, eine gute Beschreibung und ein großes Bild lassen geteilte Links im Feed auffallen und bringen mehr Besucher.

Immer korrekte Tags

Das Tool verwendet die richtigen Eigenschaftsnamen und maskiert Sonderzeichen, damit keine Tippfehler die Vorschau zerstören.

Vor dem Veröffentlichen sehen

Die Live-Vorschau zeigt ungefähr, wie Ihre Link-Karte aussehen wird – ohne Überraschungen nach dem Teilen.

In unter einer Minute fertig

Sie müssen die Syntax von Open Graph oder Twitter Cards nicht kennen. Ein paar Felder ausfüllen und das Ergebnis kopieren.

So funktioniert es

Ihr Ergebnis in vier einfachen Schritten
1

Seitendaten eingeben

Geben Sie Titel, Beschreibung und die vollständige URL der Seite ein, die geteilt werden soll.
2

Bild & Typ hinzufügen

Fügen Sie eine Bild-URL ein, wählen Sie den Inhaltstyp und ergänzen Sie optional Seitenname und Sprache.
3

Twitter Card wählen

Wählen Sie für X (Twitter) eine Karte mit großem Bild oder eine kompakte Zusammenfassung.
4

Tags kopieren

Prüfen Sie die Live-Vorschau und kopieren Sie das HTML in den <head>-Bereich Ihrer Seite.

Hilfreiche Tipps

Bessere Ergebnisse mit diesen Empfehlungen

Bild mit 1200×630 verwenden

Bilder mit etwa 1200×630 Pixeln (1,91:1) werden auf den meisten Plattformen scharf angezeigt. Verwenden Sie eine absolute https://-URL.

Titel kurz halten

Halten Sie den Titel bei etwa 60 und die Beschreibung bei 110–160 Zeichen, damit nichts abgeschnitten wird.

Kanonische URL nutzen

Setzen Sie og:url auf die kanonische Adresse der Seite, damit Likes und Shares auf eine URL gezählt werden.

Zwischengespeicherte Vorschauen erneuern

Plattformen speichern Vorschauen zwischen. Lassen Sie die URL nach Änderungen mit dem Sharing-Debugger der Plattform neu einlesen.

Häufig gestellte Fragen

Schnelle Antworten auf häufige Fragen

Was sind Open-Graph-Tags?

Open-Graph-Tags sind Meta-Tags im <head> einer Seite, die sozialen Plattformen mitteilen, welcher Titel, welche Beschreibung, welches Bild und welche URL beim Teilen angezeigt werden. Das Protokoll stammt von Facebook und wird heute von den meisten sozialen Netzwerken und Messengern genutzt.

Was ist der Unterschied zwischen Open Graph und Twitter Cards?

Twitter Cards sind die eigenen Meta-Tags von X für Link-Vorschauen. X kann auf Open-Graph-Tags zurückgreifen, aber mit beiden Tag-Sets haben Sie überall die volle Kontrolle. Dieses Tool erzeugt beide zusammen.

Wo füge ich die erzeugten Tags ein?

Fügen Sie sie in den <head>-Bereich der Seite ein, die geteilt werden soll. In den meisten CMS geht das über ein SEO-Plugin oder ein Feld für eigenen Header-Code.

Warum wird nach dem Ändern der Tags noch das alte Bild angezeigt?

Soziale Plattformen speichern Link-Vorschauen zwischen. Lassen Sie die Seite mit dem Sharing- oder Post-Inspector-Tool der Plattform erneut abrufen, dann werden die neuen Tags übernommen.

Ist der Open-Graph-Generator kostenlos?

Ja. Das Tool ist völlig kostenlos und erfordert kein Konto.

Lassen Sie Ihre Links beim Teilen gut aussehen

Füllen Sie oben Ihre Seitendaten aus und erhalten Sie kostenlos Open-Graph- und Twitter-Card-Tags mit Live-Vorschau.

Open-Graph-Tags erstellen

Raheel Jakhura

CEO / Co-Founder

Our goal is to provide online free tools so you don't have to install any software for basic usages. We are trying to add more tools and make these tools free forever.

cookies image
Wir kümmern uns um Ihre Daten und würden gerne Cookies verwenden, um Ihr Erlebnis zu verbessern.