Open Graph Checker für deine Website
Open Graph Tags prüfen und die Social-Media-Vorschau live sehen
Was prüft der Open Graph Checker?
og:title, og:description und og:image
og:type, og:url und og:site_name
Twitter Cards inklusive Kartentyp
Visuelle Vorschau für Facebook, LinkedIn und X
Fehlende oder leere Pflicht-Tags
Fallback von Twitter Cards auf Open Graph
So funktioniert der Open Graph Check
In 4 Schritten zur perfekten Social-Media-Vorschau
-
1 Schritt 1
URL eingeben
Trage die Adresse deiner Website ein – wir lesen alle Meta-Tags automatisch aus.
-
2 Schritt 2
Meta-Tags auslesen
Wir laden deine Seite mit einem echten Browser und erfassen sämtliche Open-Graph- und Twitter-Card-Angaben.
-
3 Schritt 3
Vorschau prüfen
Du siehst die gerenderte Vorschaukarte für Facebook und X sowie alle Werte im Detail.
-
4 Schritt 4
Fehlende Tags ergänzen
Setze fehlende Tags im
deiner Seite und erneuere anschließend den Cache der jeweiligen Plattform.
Open-Graph-Tags im Überblick
Diese Meta-Tags wertet InspectWP aus
| Tag | Zweck | Pflicht? |
|---|---|---|
| og:title | Überschrift der Vorschaukarte | ja |
| og:description | Beschreibungstext unter dem Titel | ja |
| og:image | Vorschaubild, ideal 1200×630 Pixel | ja |
| og:type | Inhaltstyp, z. B. website oder article | empfohlen |
| og:url | Kanonische Adresse der Seite | empfohlen |
| og:site_name | Name der Website über dem Titel | optional |
| twitter:card | Kartentyp auf X: summary oder summary_large_image | empfohlen |
| twitter:title | Eigener Titel für X, sonst Fallback auf og:title | optional |
| twitter:image | Eigenes Bild für X, sonst Fallback auf og:image | optional |
Empfohlene Bildmaße je Plattform
Mit 1200×630 Pixel bist du auf allen Plattformen auf der sicheren Seite
| Plattform | Maße | Verhältnis | Hinweis |
|---|---|---|---|
| 1200×630 px | 1,91:1 | Unter 600×315 px erscheint nur die kleine Vorschau | |
| X (Twitter) | 1200×628 px | 1,91:1 | Große Bildkarte nur mit twitter:card=summary_large_image |
| 1200×627 px | 1,91:1 | Nutzt die Open-Graph-Tags, eigene Tags gibt es nicht | |
| 1200×630 px | 1,91:1 | Zeigt einen quadratischen Ausschnitt – wichtige Bildmotive mittig platzieren |
Minimales Open-Graph-Setup
Diese sechs Zeilen decken Facebook, LinkedIn, WhatsApp und X vollständig ab
Code-Snippet für den <head> deiner Seite:
<meta property="og:title" content="Titel der Seite">
<meta property="og:description" content="Kurze Beschreibung des Inhalts">
<meta property="og:image" content="https://example.com/vorschaubild.jpg">
<meta property="og:url" content="https://example.com/seite">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
Mit dem Open Graph Checker sehen, wie deine Links geteilt werden
Wenn jemand deine Seite auf Facebook, LinkedIn, WhatsApp oder X teilt, entscheiden die Open-Graph-Tags darüber, welches Bild, welcher Titel und welche Beschreibung erscheinen. Fehlen sie, erzeugen die Plattformen eine unattraktive Notlösung aus zufälligem Seiteninhalt. Der InspectWP Open Graph Checker liest alle relevanten Meta-Tags aus und zeigt dir eine echte Vorschau – so siehst du vor dem Teilen, wie dein Link tatsächlich aussieht.
Twitter Cards, Kartentypen und Open-Graph-Fallback im Test
X wertet eigene twitter:-Tags aus und greift auf die Open-Graph-Angaben zurück, wenn diese fehlen. Entscheidend ist der Kartentyp: summary erzeugt ein kleines quadratisches Vorschaubild neben dem Text, summary_large_image dagegen die große Bildkarte. Genau diese Verwechslung ist einer der häufigsten Konfigurationsfehler. Wir zeigen dir beide Varianten und weisen dich darauf hin, welche deine Seite aktuell ausliefert.
Tausende Website-Betreiber vertrauen auf InspectWP
Die Zahlen sprechen für sich
Häufige Fragen zum Open Graph Checker
Alles, was du über Open Graph und Twitter Cards wissen musst
<meta property="og:…">-Tags festlegt, wie sie beim Teilen dargestellt wird. Heute nutzen es praktisch alle Plattformen – darunter LinkedIn, WhatsApp, Slack, Discord und Telegram.
Weitere passende Checks
Diese Tools helfen dir bei verwandten Themen