Was sind Open-Graph-Tags?
Open-Graph-Tags (OG) sind HTML-Meta-Tags, die steuern, wie deine Seite aussieht, wenn sie auf sozialen Plattformen wie Facebook, LinkedIn und X (Twitter) geteilt wird. Sie legen Titel, Beschreibung, Bild und Quell-URL fest, die in der Vorschau angezeigt werden.
Was macht dieses Tool eigentlich?
OG Preview zeigt dir eine Live-Vorschau, wie eine Seite auf Facebook, X (Twitter) und LinkedIn aussehen wird. Es gibt zwei Modi:
- Manuelle Eingabe (Standard): Gib URL/Domain, Titel, Beschreibung und Bild-URL ein. Die drei Vorschauen aktualisieren sich sofort während der Eingabe.
- URL abrufen (Beta): Füge die URL einer öffentlichen Seite ein, und das Tool versucht, deren vorhandene OG-/Twitter-Tags über einen öffentlichen CORS-Proxy auszulesen. Anschließend rendert es die Vorschauen sowie eine Tabelle der gefundenen Tags und welche wesentlichen fehlen.
Alles läuft in deinem Browser. Das Tool erzeugt keine herunterladbare Code-Datei, hostet oder skaliert keine Bilder und speichert nichts auf einem Server.
Brauche ich OG-Tags für jede Seite?
Idealerweise ja — jede Seite sollte einen eigenen Titel, eine eigene Beschreibung und ein eigenes Bild haben, damit jeder geteilte Link relevant wirkt und nicht auf eine generische Website-Vorschau zurückfällt.
Was ist der Unterschied zwischen OG-Tags und Twitter Cards?
OG-Tags sind der gemeinsame Standard, den Facebook, LinkedIn und andere verwenden. Twitter Cards sind X-/Twitter-spezifische twitter:-Tags. Wenn du keine Twitter-Tags setzt, greift X in der Regel auf deine OG-Tags zurück — deshalb setzen viele Websites beide.
Welche Bildgröße sollte ich verwenden?
1200×630px (ein Verhältnis von 1,91:1) ist eine sichere Wahl für alle drei Plattformen. Verwende für das Bild eine absolute https://-URL — relative Pfade werden von Social-Media-Crawlern nicht aufgelöst.
Warum aktualisiert sich meine Vorschau auf der echten Plattform nicht?
Soziale Plattformen cachen Vorschauen aggressiv. Nachdem du deine Tags geändert hast, erzwinge eine Aktualisierung mit den offiziellen Debuggern: Facebook Sharing Debugger, Twitter Card Validator und LinkedIn Post Inspector.
Speichert das Tool meine Daten?
Nein. Die gesamte Verarbeitung erfolgt lokal in deinem Browser. Im Modus „URL abrufen“ läuft die Anfrage zum Abrufen der Seite über einen CORS-Proxy eines Drittanbieters, aber dieses Tool speichert die Inhalte nicht.
Warum schlägt „URL abrufen“ manchmal fehl?
Es hängt von öffentlichen CORS-Proxys ab, und viele Websites blockieren diese oder liefern kein brauchbares HTML zurück. Deshalb ist es als Beta gekennzeichnet — wenn es fehlschlägt, wechsle zur Manuellen Eingabe.