Open Graph Generator

1200x630 Pixel (Verhältnis 1.91:1) ist die universelle Standardgröße für Facebook, LinkedIn, Twitter summary_large_image und die meisten anderen Plattformen. Die Dateigröße sollte unter 8 MB liegen (Facebook-Limit) — streben Sie unter 1 MB an, um schnelles Laden zu gewährleisten. Verwenden Sie PNG für Grafiken mit Transparenz und JPEG für Fotos. Alles unter 200x200 Pixel wird auf Facebook möglicherweise gar nicht angezeigt. Quadratische Bilder (1200x1200) funktionieren ebenfalls gut, wenn Ihr Bild quadratisch besser aussieht.

og:type sagt den Plattformen, um welche Art von Inhalt Ihre Seite handelt. website ist der Standard und funktioniert für Homepages, Landing Pages und die meisten statischen Seiten. article ist für Blogposts und Nachrichten — es schaltet zusätzliche Tags wie article:author, article:published_time und article:section frei. product ist für E-Commerce-Artikel gedacht. video.movie und music.song existieren für Medieninhalte. Die Verwendung des richtigen Typs kann auf einigen Plattformen reichhaltigere Vorschauoptionen ermöglichen.

Twitter liest OG Tags als Fallback, sodass Ihre Links auch ohne explizite Twitter Card Tags eine Vorschau anzeigen. Allerdings bietet die Twitter Card zwei wichtige Extras: (1) der twitter:card Typ — summary_large_image zeigt ein bildschirmfüllendes Bild über dem Linktext an, was viel mehr Aufmerksamkeit erregt als das kleine Thumbnail in einer Basis-Summary-Card; (2) twitter:site und twitter:creator — Ihr @Handle erscheint unter der Karte. Für Content Marketing lohnt sich das Hinzufügen von Twitter Card Tags für die zwei zusätzlichen Zeilen HTML.

Facebook und LinkedIn cachen OG-Daten sehr aggressiv. Verwenden Sie nach der Aktualisierung Ihrer og:image URL den Facebook Sharing Debugger (developers.facebook.com/tools/debug), um einen erneuten Abruf zu erzwingen — fügen Sie Ihre URL ein und klicken Sie auf "Scrape Again". LinkedIn bietet einen Post Inspector unter linkedin.com/post-inspector an. Twitter/X aktualisiert in der Regel innerhalb weniger Stunden automatisch. Die Änderung der Bild-URL (z. B. durch Hinzufügen von ?v=2 als Cache-Killer) zwingt die Plattformen ebenfalls dazu, das neue Bild abzurufen.

og:locale gibt die Sprache und das Gebiet Ihres Inhalts an, zum Beispiel en_US, fr_FR oder tr_TR. Es ist optional, aber nützlich für mehrsprachige Seiten — es hilft Facebook, die richtige Sprachversion anzuzeigen, wenn ein Benutzer auf einen geteilten Link klickt. Das Format ist Sprache_GEBIET mit einem Unterstrich (kein Bindestrich). og:locale:alternate kann zusätzliche unterstützte Lokalisierungen auflisten. Bei einsprachigen Seiten kann es weggelassen werden; Facebook verwendet standardmäßig en_US.

Der Facebook Sharing Debugger (developers.facebook.com/tools/debug) ist am vollständigsten — er zeigt genau an, welche Tags abgegriffen wurden, zeigt Warnungen an und erlaubt es Ihnen, einen Cache-Refresh zu erzwingen. Der LinkedIn Post Inspector (linkedin.com/post-inspector) testet LinkedIn-Vorschauen. Der Twitter Card Validator (cards-dev.twitter.com/validator) prüft Twitter Cards. Diese Tools zeigen die tatsächlich abgegriffenen Daten an, keine Simulation, sodass sie Probleme wie gesperrte Bild-URLs oder fehlende erforderliche Tags finden.

Nein. Die gesamte Generierung der OG Tags und das Rendern der Social-Vorschau findet in Ihrem Browser mit JavaScript statt. Ihre Seitentitel, Beschreibungen, URLs und Bild-URLs verlassen niemals Ihren Computer.