Kostenloser Open-Graph-Tag-Generator

Der Open-Graph-Generator ist ein kostenloses Online-Tool, das Open-Graph- und Twitter-Card-Meta-Tags erstellt, um zu steuern, wie deine Inhalte beim Teilen in sozialen Medien angezeigt werden.

Ja, er ist völlig kostenlos und erfordert keine Registrierung. Die gesamte Tag-Erzeugung erfolgt clientseitig in deinem Browser.

Open-Graph-Tags steuern Titel, Beschreibung und Bild, die angezeigt werden, wenn deine Seite auf Facebook, LinkedIn und anderen sozialen Plattformen geteilt wird, und verbessern so die Klickrate.

Absolut. Der Open-Graph-Tag-Generator verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Dein Inhalt bleibt jederzeit privat auf deinem Gerät.

Ja, der Open-Graph-Tag-Generator ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen – ohne App-Download.

Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den Open-Graph-Tag-Generator in deinem Browser und beginne sofort. Es gibt keine Anmeldehürden oder Nutzungsbeschränkungen.

Ja, der Open-Graph-Tag-Generator wurde gemäß den aktuellen Richtlinien und Best Practices von Google Search entwickelt. Wir aktualisieren das Tool regelmäßig, um Änderungen der Suchmaschinenanforderungen zu berücksichtigen.

Gib einfach deinen Text in das vorgesehene Feld ein, passe die Einstellungen nach Wunsch an, und das Tool verarbeitet ihn sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Der Open-Graph-Tag-Generator funktioniert in allen modernen Browsern, darunter Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.

Die sichere Standardgröße ist 1200 x 630 Pixel – das ergibt das Seitenverhältnis 1,91:1, das Facebook, LinkedIn, Slack, Discord, Telegram und WhatsApp alle als große Karte darstellen. Fällst du unter etwa 600 x 315, greifen die meisten Plattformen statt des vollbreiten Bilds auf ein kleines quadratisches Vorschaubild zurück. Auch die Dateigröße sollte vernünftig bleiben: Facebook begrenzt og:image auf 8 MB, und einige Netzwerke sind strenger. Die Ausnahme ist Pinterest, das hohe 2:3-Bilder mit rund 1000 x 1500 Pixeln bevorzugt. Dieser Generator prüft die von dir eingegebene Breite und Höhe gegen die Normen jeder Plattform, warnt, wenn dein Seitenverhältnis von 1,91:1 abweicht, und zeigt eine Vorschau, wie das Bild auf acht Plattformen zugeschnitten wird – so korrigierst du ein falsch dimensioniertes Bild, bevor der Link jemals falsch entfaltet wird.

Open-Graph-Tags (die og:-Eigenschaften) sind das Protokoll, das Facebook 2010 eingeführt hat, und die meisten Plattformen lesen sie inzwischen aus, um Titel, Beschreibung und Bild eines geteilten Links aufzubauen. Twitter-Card-Tags (twitter:card, twitter:title, twitter:image sowie die Handles twitter:site und twitter:creator) übernehmen denselben Job speziell für X. Entscheidend ist der Fallback-Mechanismus: Fehlt ein Twitter-spezifischer Tag, liest X stattdessen deine Open-Graph-Werte, sodass du selten alles doppelt pflegen musst. Der wichtigste Tag, den du zusätzlich brauchst, ist twitter:card – er sagt X, ob eine kleine oder große Bildkarte angezeigt werden soll. Dieses Tool gibt beide Tag-Sätze zusammen in einem Block aus, sodass deine Karte auf X korrekt aussieht und gleichzeitig konsistent bleibt mit der Darstellung auf Facebook, LinkedIn und den anderen Plattformen.

Social-Plattformen cachen die Vorschau, die sie beim ersten Teilen deiner URL gescraped haben, sodass eine Änderung deiner Open-Graph-Tags erst sichtbar wird, wenn dieser Cache aktualisiert wurde. Facebook, LinkedIn und andere speichern den alten Titel, die alte Beschreibung und das alte Bild eine Weile lang, weshalb eine aktualisierte Seite weiterhin ihr vorheriges Vorschaubild anzeigen kann. Die Lösung ist, die URL neu scrapen zu lassen: Füge sie in den Facebook Sharing Debugger oder LinkedIn Post Inspector ein und stoße einen frischen Abruf an – das leert den Cache und zieht deine neuen Tags. Erstelle und veröffentliche deine korrigierten Tags zuerst hier, füge den Block in den head deiner Seite ein und lass dann neu scrapen, damit die neue Karte überall angezeigt wird, wo sie geteilt wird.

og:type teilt Plattformen mit, um welche Art von Inhalt es sich bei einer Seite handelt, und entscheidet damit, welche zusätzlichen Metadaten erlaubt sind und wie manche Netzwerke die Karte behandeln. Die meisten Seiten sollten website verwenden; nutze article für Blogbeiträge und News, product für Shop-Seiten sowie profile, book oder video, wo sie passen. Wählst du einen anderen Typ als website, schaltet das passende Eigenschaften frei: article zeigt article:author und article:published_time, product zeigt product:price:amount und product:availability, und book zeigt book:isbn. Ein korrekt gesetzter og:type zählt außerdem in den Vollständigkeits-Score des Tools ein. Dieser Generator enthält fertige Vorlagen für website, article, product, video, profile und book, die sinnvolle Werte vorausfüllen, sodass du den zu deiner Seite passenden Typ wählst und ein funktionierendes Beispiel anpasst, statt den Tag-Satz von Grund auf zu bauen.

Jede Plattform kürzt anders, es gibt also kein einzelnes Limit, aber praktische Richtwerte halten deine Karte überall lesbar. Facebook zeigt ungefähr die ersten 60 Zeichen eines Titels und rund 155 Zeichen einer Beschreibung, bevor abgeschnitten wird, und das Tool bewertet in seinem Vollständigkeits-Score einen Titel unter 60 Zeichen und eine Beschreibung zwischen 50 und 160 Zeichen als gesund. Andere Netzwerke erlauben im Beschreibungsfeld mehr — rund 200 Zeichen bei X und WhatsApp, 256 bei LinkedIn —, aber wenn du dich an die engeren Facebook-Grenzen hältst, bleiben die wichtigen Wörter auf jeder Plattform sichtbar. Während du tippst, zählt dieser Generator die Zeichen pro Plattform und markiert jeden Titel oder jede Beschreibung, die das Anzeigelimit eines Ziels überschreitet, sodass in der geteilten Karte nichts mitten im Satz abgeschnitten wird.