Open-Graph-Vorschau
Sieh, wie deine Seite beim Teilen auf Facebook, Twitter/X und LinkedIn aussieht. Optimiere deine Social-Media-Karten für maximale Interaktion.
Dieses Tool läuft komplett in deinem Browser. Dein HTML wird lokal geparst und niemals an einen Server gesendet.
Häufig gestellte Fragen
Was sind Open-Graph-Meta-Tags?+
Open-Graph(OG)-Meta-Tags sind HTML-Tags, die steuern, wie deine Seite beim Teilen auf Social-Media-Plattformen wie Facebook, LinkedIn, Slack und Discord erscheint. Sie definieren Titel, Beschreibung und Bild der Social-Media-Karte.
Was ist der Unterschied zwischen OG-Tags und Twitter Cards?+
Open-Graph-Tags werden von den meisten Plattformen genutzt (Facebook, LinkedIn, Slack). Twitter/X hat eigene Meta-Tags (twitter:card, twitter:title etc.), greift aber auf OG-Tags zurück, wenn die Twitter-spezifischen fehlen. Best Practice ist, beide einzubinden.
Welche OG-Bildgröße wird empfohlen?+
Empfohlen sind 1200×630 Pixel (Seitenverhältnis 1,91:1) für die meisten Plattformen. Das funktioniert gut für Facebook und Twitters summary_large_image-Card. Halte die Dateigröße unter 5 MB und nutze JPG oder PNG.
Warum zeigt mein geteilter Link das falsche Bild?+
Social-Plattformen cachen Link-Vorschauen. Nach Updates deiner OG-Tags musst du den Cache leeren. Nutze Facebooks Sharing Debugger, Twitters Card Validator oder LinkedIns Post Inspector, um ein Refresh zu erzwingen.
Beeinflussen Open-Graph-Tags das SEO?+
OG-Tags wirken nicht direkt auf Suchrankings, verbessern aber die Klickraten aus Social Media. Mehr Social-Traffic und Interaktion können dein SEO indirekt durch erhöhte Sichtbarkeit und potenzielle Backlinks stärken.