Open Graph (OG) Vorschau & Generator Vorschau des Open-Graph-Karten-Erscheinungsbilds für Facebook, LinkedIn und andere Plattformen.

📱

Vorschau von Open Graph

Vorschau des Open-Graph-Karten-Erscheinungsbilds für Facebook, LinkedIn und andere Plattformen.

Seitendetails eingeben

Fügen Sie den Titel, die Beschreibung, die URL, die Bild-URL und den OG-Typ hinzu.

Vorschau der Karte anzeigen

Sieh dir an, wie deine Seite aussehen wird, wenn sie auf Facebook und LinkedIn geteilt wird.

Meta-Tags kopieren

Kopieren Sie die generierten og:-Meta-Tags für Ihre Website.

Loading tool...

What Is Vorschau von Open Graph?

Das Open-Graph-Vorschau-Tool ermöglicht es Ihnen, genau zu sehen, wie Ihre Webseite aussehen wird, wenn sie auf Facebook, LinkedIn und anderen Plattformen geteilt wird, die das Open-Graph-Protokoll verwenden. Die Open-Graph-Meta-Tags steuern den Titel, die Beschreibung, das Bild und die Typinformationen, die in Vorschauen von Links angezeigt werden. Eine gut gestaltete OG-Vorschau kann die Klickraten aus sozialen Shares deutlich erhöhen - Beiträge mit optimierten Bildern und Beschreibungen erhalten wesentlich mehr Engagement. Dieses Tool bietet eine visuelle Vorschau im Format der Facebook/LinkedIn-Karten und generiert den kompletten Satz von og:-Meta-Tags, die Sie zu Ihrem Website-HTML hinzufügen müssen.

Why Use Vorschau von Open Graph?

Visuelle Vorschau, die den Layouts von Facebook- und LinkedIn-Karten entspricht
Generiert alle erforderlichen og:-Meta-Tags
Mehrere OG-Typen: Website, Artikel, Produkt, Profil, Video
Zeichenzahlenerfassung für optimale Titel- und Beschreibungslänge
Seitenname und URL-Konfiguration für eine vollständige OG-Einrichtung

Common Use Cases

Website-Launch

Stellen Sie sicher, dass alle Seiten vor dem Start die richtigen OG-Tags haben.

Blog-Veröffentlichung

Optimieren Sie, wie Artikel aussehen, wenn sie in sozialen Medien geteilt werden.

E-Commerce

Machen Sie Produktseiten mit produkttypspezifischen OG-Tags teilen.

Marketing-Kampagnen

Kontrollieren Sie die genaue Nachricht, die in den Vorschauen von sozialen Links angezeigt wird.

Technical Guide

Das Open-Graph-Protokoll wurde 2010 von Facebook erstellt und wird jetzt von den meisten sozialen Plattformen für Link-Vorschauen verwendet. Kernanforderungen: og:title, og:type, og:image und og:url. Empfohlene zusätzliche Tags: og:description, og:site_name, og:locale. Für Bilder ist die empfohlene Größe 1200×630 Pixel (1,91:1-Verhältnis) für eine optimale Anzeige auf allen Plattformen. Facebook speichert OG-Daten etwa 30 Tage im Cache - verwenden Sie den Facebook-Sharing-Debugger (developers.facebook.com/tools/debug/), um die Daten zu aktualisieren. LinkedIn hat seinen eigenen Post-Inspector für ähnliche Funktionen. OG-Tags sollten im <head>-Bereich des HTML- Codes platziert werden. Wenn sowohl OG-Tags als auch Twitter-Cards vorhanden sind, bevorzugt Twitter seine eigenen Tags, während Facebook OG-Tags verwendet. Die beste Vorgehensweise ist die Implementierung beider für eine maximale Kontrolle über alle Plattformen.

Tips & Best Practices

1
Verwenden Sie Bilder mit 1200×630 Pixeln für eine optimale Anzeige auf allen Plattformen
2
Halten Sie og:title unter 60 Zeichen und og:description unter 160 Zeichen
3
Verwenden Sie den Facebook-Sharing-Debugger, um zwischengespeicherte OG-Daten zu aktualisieren
4
Implementieren Sie sowohl og:- als auch twitter:-Tags für eine vollständige Kontrolle über alle Plattformen
5
Testen Sie mit mehreren Plattformen - Facebook, LinkedIn und Slack rendern alles unterschiedlich

Related Tools

Vorschau von Twitter-Karten

Sieh dir an, wie dein Link als Twitter/X-Karte mit Titel, Beschreibung und Bild erscheint.

📱 Social Media

UTM-Link-Ersteller

Erstellen Sie URLs mit UTM-Parametern, um Marketing-Kampagnen in Google Analytics zu verfolgen.

📱 Social Media

Generator für Social-Media-Teilen-Schaltflächen

Erstellen Sie HTML/CSS-Teilen-Schaltflächen für Ihre Website mit verschiedenen Stilen und Plattformen.

📱 Social Media

UTM-Link-Parser

Analysieren und extrahieren Sie UTM-Parameter aus jeder URL für die Kampagnenanalyse.

📱 Social Media

Frequently Asked Questions

Q Was sind Open-Graph-Tags?

Open-Graph-Meta-Tags sind HTML-Tags, die kontrollieren, wie Ihre Webseite aussehen wird, wenn sie auf sozialen Medienplattformen wie Facebook und LinkedIn geteilt wird.

Q Was ist die beste OG-Bildgröße?

Die empfohlene Größe beträgt 1200×630 Pixel (1.91:1-Seitenverhältnis) für eine optimale Anzeige auf den meisten Plattformen.

Q Wie aktualisiere ich zwischengespeicherte OG-Daten auf Facebook?

Verwenden Sie den Facebook-Sharing-Debugger unter developers.facebook.com/tools/debug/, um die URL erneut zu scannen und den Cache zu aktualisieren.

Q Brauche ich sowohl OG-Tags als auch Twitter-Cards?

Idealerweise ja. OG-Tags werden von Facebook, LinkedIn und den meisten Plattformen verwendet. Twitter bevorzugt seine eigenen twitter:-Tags, aber fällt auf OG zurück, wenn sie fehlen.

About This Tool

Vorschau von Open Graph is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.