Open Graph Vorschau - Social Media Card Preview Tool
Open Graph Vorschau
KOSTENLOSES TOOL

Open Graph Vorschau

Enter OG tag info to preview WeChat, Facebook, Twitter, and LinkedIn share cards in real time. Generate meta tag code with one click.

🔒 100% Clientseitig · Ihre Daten verlassen niemals den Browser
Quick presets:
📝 OG-Tag-Eingabe
0 / 60
0 / 200
Bildvorschau
👀 Share Card Preview
WeChat Moments / Chat Card
Facebook Share Card
Twitter / X Card (summary_large_image)
LinkedIn Share Card
📄 Generierter OG-Meta-Tag-Code

Verwandte Werkzeuge

📖 Open Graph Tags Anleitung

Was sind Open Graph-Tags?

Das Open-Graph-Protokoll wurde 2010 von Facebook eingefuehrt. Es handelt sich um eine Reihe von Meta-Tags, die steuern, wie Webseiten angezeigt werden, wenn sie in sozialen Medien geteilt werden. Wenn Benutzer einen Link auf WeChat, Facebook, Twitter, LinkedIn oder anderen Plattformen teilen, durchsucht die Plattform die OG-Tags der Seite, um eine Vorschaukarte mit Titel, Beschreibung und Bild zu generieren. Seiten ohne OG-Tags zeigen moeglicherweise nur einen nackten URL-Link an oder erfassen zufaellig Seiteninhalte, was die Klickrate und das Markenimage beeintraechtigt.

Kern-OG-Tags

Bildgroessenanforderungen nach Plattform

Verschiedene soziale Plattformen haben unterschiedliche og:image-Groessenanforderungen. Wir empfehlen die universelle sichere Groesse von 1200x630 Pixeln (1,91:1), die die meisten Plattformen erfuellt. WeChat erfordert Bilder von mindestens 200x200 Pixeln mit einem Seitenverhaeltnis nahe 1,91:1. Facebook empfiehlt 1200x630 Pixel, minimum 200x200. Twitter Grossbild-Karten empfehlen 1200x675 Pixel. LinkedIn empfiehlt 1200x627 Pixel. Die Bilddateigroesse sollte unter 8 MB liegen, unterstuetzt werden JPG, PNG und GIF.

OG-Tags vs. Twitter Cards

Open Graph ist ein universelles Social-Sharing-Protokoll, das von Facebook, LinkedIn, WeChat und anderen Plattformen weitgehend unterstuetzt wird. Twitter Cards sind Twitters eigenes Tag-System, das twitter:card, twitter:title, twitter:description und andere Tags verwendet. Twitter liest jedoch auch OG-Tags als Rueckgriff. Die beste Praxis ist die Konfiguration sowohl von OG-Tags als auch von Twitter-Card-Tags, um die korrekte Anzeige auf allen Plattformen zu gewaehrleisten.

Verwendung

Fuellen Sie die OG-Tag-Felder im Formular links aus. Der Vorschaubereich rechts zeigt das Erscheinungsbild der Freigabekarten fuer jede Plattform in Echtzeit. Sie koennen zwischen Tabs wechseln, um verschiedene Plattformstile anzuzeigen. Wenn Sie mit der Vorschau zufrieden sind, kopieren Sie den generierten Meta-Tag-Code unten und fuegen Sie ihn in den head-Bereich Ihrer Seite ein. Verwenden Sie nach der Bereitstellung den Facebook Sharing Debugger oder Twitter Card Validator, um die Korrektheit der Tags zu ueberpruefen.

Problembehebung bei Bildanzeigeproblemen

Haeufig gestellte Fragen

Was ist Open Graph?

Open Graph ist eine Reihe von Meta-Protokollen, die von Facebook eingefuehrt wurden, um zu steuern, wie Webseiten bei der Freigabe in sozialen Medien angezeigt werden. Durch Tags wie og:title, og:description und og:image koennen Sie Titel, Beschreibung und Bild der Freigabekarten anpassen und Link-Freigaben visuell ansprechender und klickwuerdiger machen.

Wofuer werden OG-Tags verwendet?

OG-Tags ermoeglichen es Ihren Webseiten, beim Teilen auf WeChat, Facebook, Twitter, LinkedIn und anderen Plattformen automatisch Vorschaukarten mit Titeln, Beschreibungen und Vorschaubildern zu generieren, anstatt nur einen nackten Link anzuzeigen. Gute Freigabekarten koennen die Klickrate (CTR) erheblich verbessern, die Markenimage staerken und sind ein wesentlicher Bestandteil des Social-Marketings und der Inhaltsverbreitung.

Welche Bildgroessenanforderungen gibt es fuer Freigabekarten auf verschiedenen Plattformen?

Wir empfehlen 1200x630 Pixel (1,91:1) als universelle Groesse. WeChat erfordert mindestens 200x200 Pixel. Facebook empfiehlt 1200x630, minimum 200x200. Twitter Grossbild-Karten empfehlen 1200x675. LinkedIn empfiehlt 1200x627. Die Bilddateigroesse sollte unter 8 MB liegen, im Format JPG, PNG oder GIF.

Was tun, wenn mein OG-Bild nicht angezeigt wird?

Haeufige Ursachen: Die Bild-URL ist kein absoluter Pfad (muss mit https:// beginnen), das Bild hat Hotlink-Schutz oder erfordert Login, das Bild ist zu klein (unter 200x200), das Bildformat wird nicht unterstuetzt oder der Server gibt nicht den richtigen Content-Type zurueck. Verwenden Sie nach der Bereitstellung den Facebook Sharing Debugger oder Twitter Card Validator, um ein erneutes Crawlen des Caches zu erzwingen.

Was ist der Unterschied zwischen Open Graph und Twitter Cards?

Open Graph ist ein universelles Protokoll, das von Facebook, LinkedIn, WeChat und anderen Plattformen unterstuetzt wird. Twitter Cards sind Twitters eigenes Tag-System (twitter:card, twitter:title usw.). Twitter liest jedoch auch OG-Tags als Rueckgriff. Die beste Praxis ist die Konfiguration sowohl von OG-Tags als auch von Twitter-Card-Tags, um die korrekte Freigabekartenanzeige auf allen Plattformen zu gewaehrleisten.