So funktioniert es

So prüfen Sie Ihre Open-Graph-Tags

Schritt 01

URL einfügen

Geben Sie eine beliebige öffentliche URL ein. Wir rufen sie wie ein Social-Scraper ab, um genau das zu lesen, was die Plattformen sehen, und folgen dabei Weiterleitungen.

Schritt 02

Bewertung und Probleme lesen

Erhalten Sie eine Bewertung von 0 bis 100, eine Zählung von Fehlern, Warnungen und Tipps sowie eine plattformspezifische Vorschau Ihrer Share-Card.

Schritt 03

Tags bearbeiten, in der Vorschau prüfen und korrigiert kopieren

Passen Sie die Tags an, beobachten Sie, wie die Vorschauen live aktualisiert werden, und kopieren Sie dann das korrigierte HTML direkt in Ihren Head-Bereich.

Die Prüfungen

Was der Open Graph Checker prüft

Jedes Tag, das Social-Media-Plattformen und Suchmaschinen lesen, gekennzeichnet als Fehler, Warnung oder Tipp.

  • og:title vorhanden und 30 bis 90 Zeichen lang.
  • og:description vorhanden und 80 bis 300 Zeichen lang.
  • og:image vorhanden, erreichbar, mindestens 1200x630, unter 8MB und ein gültiges JPG, PNG oder WebP.
  • og:url und og:type vorhanden, kanonisch und auf einen gültigen Typ wie website oder article gesetzt.
  • og:site_name und og:locale empfohlen für sauberere Cards, werden als Tipps gekennzeichnet, wenn sie fehlen.
  • Twitter Cards twitter:card, twitter:title, twitter:description und twitter:image als Überschreibungen für X.
  • Plattformspezifische Bildgrenzen Mindestwerte für Facebook und LinkedIn sowie die 500KB-Obergrenze, die WhatsApp durchsetzt.
  • Doppelte oder fehlerhafte Tags widersprüchliche Tags, die Parser verwirren, plus Tipps zu favicon, theme-color und manifest.
Die Grundlagen

Was sind Open-Graph-Tags?

Open Graph ist das Protokoll, das Facebook 2010 eingeführt hat, um zu steuern, wie eine URL beim Teilen aussieht. Die Tags stehen im Head-Bereich Ihrer Seite und teilen jeder Plattform mit, welchen Titel, welche Beschreibung und welches Bild sie anzeigen soll, statt zu raten.

Fehlen die Tags, greifen Plattformen auf das zurück, was sie scrapen können: ein zufälliges Bild, den rohen Titel oder gar nichts. Ihr sorgfältig verfasster Beitrag sieht dann wie ein nackter Link aus, und nackte Links werden weit seltener angeklickt.

Fast jede große Plattform liest Open Graph, darunter Facebook, LinkedIn, WhatsApp, Discord, Slack, Telegram und Pinterest. X verwendet seine eigenen Twitter-Cards-Tags, greift aber auf og: zurück, wenn diese fehlen, sodass ein sauberes Set von Tags nahezu überall abgedeckt ist.

Referenz

Die Open-Graph-Tags, die zählen

Die zentralen Tags, die Sie auf jeder Seite setzen sollten, mit empfohlenen Werten und warum jeder einzelne zählt.

TagEmpfohlener WertWarum es wichtig ist
og:title30 bis 90 ZeichenDie Überschrift Ihrer Share-Card. Zu kurz wirkt dürftig, zu lang wird abgeschnitten.
og:description80 bis 300 ZeichenDie unterstützende Zeile unter dem Titel. Verkauft den Klick, ohne abgeschnitten zu werden.
og:image1200x630, unter 500KBDer mit Abstand größte Treiber für Klicks. Falsche Größe oder zu schwer, und es funktioniert nicht.
og:urlDie kanonische URLBündelt Shares und Interaktionen auf einer kanonischen Adresse.
og:typewebsite oder articleTeilt Plattformen mit, wie die Seite zu kategorisieren ist und welche zusätzlichen Tags gelten.
og:site_nameIhr MarkennameZeigt Ihre Marke auf der Card an statt einer nackten Domain.
og:localez. B. en_USSignalisiert die Seitensprache, damit Vorschauen in der richtigen Locale dargestellt werden.
Bildspezifikationen

Die ideale og:image-Größe je Plattform

Das og:image ist das Tag, das am häufigsten Probleme macht. Verwenden Sie 1200x630 als sichere Standardgröße und prüfen Sie dann die plattformspezifischen Grenzen unten.

PlattformEmpfohlene GrößeSeitenverhältnisHinweise
Facebook1200x6301.91:1Mindestens 600x315. Unter 1200 breit wirkt es unscharf.
LinkedIn1200x6271.91:1Mindestens 1200x627 für die große Card.
X (Twitter)1200x6281.91:1Verwenden Sie summary_large_image. Kostenlose Beiträge entfernen seit 2023 Link-Vorschauen.
WhatsApp1200x6301.91:1Halten Sie es unter 500KB, sonst wird die Vorschau nicht geladen.
Discord1200x6301.91:1Stellt og:image direkt dar und unterstützt große Cards.
Kompatibilität

Open Graph vs. Twitter Cards

Twitter-Cards-Tags (twitter:) sind die eigene Version von Open Graph bei X. Wenn vorhanden, überschreiben sie das passende og:-Tag auf X; wenn nicht, greift X auf og: zurück. Daher benötigen Sie selten ein vollständiges Duplikat-Set.

In der Praxis setzen Sie twitter:card auf summary_large_image und lassen og:title, og:description und og:image den Rest erledigen. Fügen Sie twitter:site oder twitter:title nur hinzu, wenn X etwas anderes anzeigen soll als jede andere Plattform.

Beachten Sie den Vorbehalt: Seit 2023 entfernt X Link-Vorschauen bei den meisten kostenlosen Beiträgen und zeigt stattdessen einen nackten Link an. Ihre Tags sind weiterhin korrekt, sie werden dort nur möglicherweise nicht dargestellt, weshalb dieses Tool dies auf der X-Card kennzeichnet.

Einrichtung

So fügen Sie Open-Graph- Tags je Plattform hinzu

Wo Sie Ihre og:- und Twitter-Cards-Tags auf den gängigsten Plattformen setzen.

PlattformSo fügen Sie Open-Graph-Tags hinzu
WordPressInstallieren Sie Yoast SEO oder Rank Math und setzen Sie dann pro Seite den Social-Titel, die Beschreibung und das Bild im SEO-Panel.
ShopifyBearbeiten Sie theme.liquid, um og:-Tags aus den Seitenfeldern auszugeben, oder verwenden Sie eine SEO-App, die sie automatisch einfügt.
WebflowÖffnen Sie die Seiteneinstellungen, dann den Bereich Open Graph, und setzen Sie pro Seite Titel, Beschreibung und Bild.
WixGehen Sie zu den SEO-Einstellungen der Seite, öffnen Sie Social Share und setzen Sie Titel, Beschreibung und Bild.
SquarespaceSetzen Sie unter Marketing ein seitenweites Social-Bild und überschreiben Sie es dann pro Seite in den Seiteneinstellungen unter Social Image.
Next.js / ReactExportieren Sie ein metadata-Objekt oder generateMetadata mit openGraph- und twitter-Feldern, oder rendern Sie Meta-Tags im Head-Bereich.
Reines HTMLFügen Sie die korrigierten Meta-Tags aus diesem Tool direkt in den Head-Bereich Ihrer Seite ein.
Fehlerbehebung

So beheben Sie häufige Open-Graph-Fehler

og:image fehlt oder ist zu klein

Fügen Sie eine absolute Bild-URL mit mindestens 1200x630 und unter 500KB hinzu. Relative Pfade und winzige Bilder sind die häufigste Ursache für defekte Cards.

Titel oder Beschreibung wird abgeschnitten

Halten Sie og:title unter 90 Zeichen und og:description unter 300. Nutzen Sie die Live-Vorschau, um sicherzugehen, dass nichts abgeschnitten wird.

Änderungen werden auf Facebook oder LinkedIn nicht angezeigt

Beide cachen die alte Vorschau. Verwenden Sie den Sharing Debugger von Facebook (Scrape Again) oder den Post Inspector von LinkedIn, um eine Aktualisierung zu erzwingen.

Doppelte oder widersprüchliche Tags

Zwei og:title-Tags verwirren Parser, die möglicherweise das falsche auswählen. Entfernen Sie Duplikate, sodass jedes Tag genau einmal vorkommt.

Die ehrliche Einschätzung

Beeinflusst Open Graph SEO und KI-Sichtbarkeit?

Die ausgewogene Antwort: Open Graph bewegt Google-Rankings nicht direkt, aber es bringt Klicks und liefert KI-Crawlern sauberen Kontext. Hier ist, was es leistet und was nicht.

Was OG für das Ranking leistet und was nicht

Open-Graph-Tags sind kein direkter Google-Ranking-Faktor. Was sie leisten, ist die Steigerung der sozialen Klickrate, die echten Referral-Traffic und die Interaktionssignale bringt, die Rankings indirekt unterstützen.

Warum saubere Metadaten LLMs weiterhin helfen, Ihre Seite zu lesen

Die Crawler von ChatGPT, Perplexity und Gemini nutzen strukturierte Metadaten, um zu verstehen, worum es auf einer Seite geht. Saubere og:- und title-Tags geben ihnen präzisen Kontext, um Sie korrekt zu zitieren.

Grundvoraussetzung, kein Wachstumshebel für sich allein

Wohlgeformte Open-Graph-Tags sind die Grundlage, die jede professionelle Website haben sollte. Sie bringen Sie allein nicht nach oben, aber defekte Tags kosten Sie bei jedem Teilen stillschweigend Klicks.

Prüfen Sie die KI-Sichtbarkeit Ihrer gesamten Website

Fragen, beantwortet.

  • Ein Open Graph Checker ruft eine Seite so ab, wie es Social-Media-Plattformen tun, liest ihre og:- und Twitter-Cards-Tags und zeigt, wie der Link beim Teilen auf Facebook, LinkedIn, X, Discord, WhatsApp und mehr dargestellt wird. Er kennzeichnet fehlende oder fehlerhafte Tags und gibt Ihnen eine Bewertung, sodass Sie Probleme beheben können, bevor Sie posten.

Zwei kostenlose E-Books, um die KI-Suche zu gewinnen

Die genauen Taktiken, mit denen wir Marken bei Google platzieren und von ChatGPT, Claude, Gemini und Perplexity zitieren lassen – direkt in dein Postfach.

Weitere Tools wie dieses

Entdecke verwandte Tools, um deine On-Page- und technischen SEO-Signale weiter zu verbessern.

Alle Tools ansehen

GEO Audit

Generative Engine Optimization Audit, damit LLMs und AI-Suche deine Website finden.

Tool öffnen

AI Search Audit

Umfassender Audit der Sichtbarkeit deiner Website in ChatGPT, Claude, Perplexity und Gemini.

Tool öffnen

ChatGPT Visibility Checker

Prüfe, ob ChatGPT deine Website zitiert und was deine Sichtbarkeit in den Antworten blockiert.

Tool öffnen

LLM Citation Checker

Prüfe, ob Large Language Models deine Seite zitieren, und behebe, was sie ausschließt.

Tool öffnen

AI SEO Audit

Vollständiger AI-SEO-Audit, der technische Probleme aufdeckt, die deine Sichtbarkeit blockieren.

Tool öffnen

AI Overview Checker

Finde heraus, ob deine Inhalte in den AI Overviews von Google angezeigt werden können.

Tool öffnen

Perplexity Ranking Checker

Überprüfe, wie deine Seite in den AI-Antworten und Zitaten von Perplexity rankt.

Tool öffnen

Google Index Checker

Prüfe, ob eine URL von Google indexiert ist, welchen Titel und Snippet sie anzeigt, sowie Titelumschreibungen und Canonical-Abweichungen.

Tool öffnen

Robots.txt Checker

Validiere deine robots.txt auf Crawl-Probleme und stelle sicher, dass Bots wichtige Seiten erreichen.

Tool öffnen

Robots.txt Generator

Erstelle eine gültige robots.txt mit Vorlagen, KI-Bot-Steuerung und Live-Validierung – dann kopieren oder herunterladen.

Tool öffnen

Sitemap Checker

Validiere deine XML-Sitemap, zähle URLs und erkenne defekte Links sowie Cross-Domain-Einträge.

Tool öffnen

Canonical Checker

Prüfe den Canonical-Tag einer Seite, um Duplicate-Content- und Indexierungsprobleme zu erkennen, bevor sie dein Ranking kosten.

Tool öffnen

llms.txt Generator

Scanne deine Website und erstelle eine saubere, strukturierte llms.txt-Datei für AI-Modelle, mit bearbeitbaren Abschnitten, Live-Vorschau und Download mit einem Klick.

Tool öffnen

llms.txt-Validator

Validiere deine llms.txt anhand des Standards. Finde Syntaxfehler, fehlende Abschnitte und defekte Links. Füge eine Datei ein oder scanne eine Live-URL.

Tool öffnen

H1-Checker

Überprüfen Sie jeden H1-Tag auf Länge, Keyword-Verwendung und Eindeutigkeit. Entwurf einfügen oder Live-URL scannen.

Tool öffnen

Meta-Description-Checker

Prüfen Sie jede Meta-Description auf Länge, Pixelbreite, Keyword-Verwendung und CTA. Fügen Sie einen Entwurf ein oder rufen Sie eine Live-URL ab.

Tool öffnen

SERP-Snippet-Vorschau

Vorschau Ihres Title-Tags und Ihrer Meta-Description in Googles Ergebnissen auf Desktop und Mobil, mit pixelgenauer Kürzung.

Tool öffnen

AI-Lesbarkeits-Checker

Sehen Sie, ob ChatGPT, Perplexity und die AI von Google Ihre Seite lesen, verstehen und zitieren können, mit klarer Bewertung und priorisierten Korrekturen.

Tool öffnen

Missing Keywords

Find keyword gaps vs your competitors and discover terms your site should target.

Tool öffnen

SEO-Konkurrenzanalyse

Vergleiche zwei Domains direkt miteinander. Sieh Traffic-Lücken, Keyword-Überschneidungen und Backlink-Profile.

Tool öffnen