Kostenloser Open-Graph-Tag-Generator & Vorschau-Tool
Generieren Sie korrekte Open-Graph- und Twitter-Card-Meta-Tags für jede URL. Sehen Sie, wie Ihre Seite beim Teilen auf Facebook, Twitter und LinkedIn aussieht.
Define your page details to visualize how your link will unfurl on social media.
Was ist das Open Graph-Protokoll?
Das Open Graph (OG)-Protokoll wurde 2010 von Facebook erstellt, um zu standardisieren, wie Webseiten dargestellt werden, wenn sie in sozialen Netzwerken geteilt werden. Wenn Sie eine URL in Facebook, LinkedIn, Twitter, Slack oder eine andere Plattform einfügen, suchen diese Apps nach og:-Meta-Tags im HTML-<head> der Seite, um zu entscheiden, welcher Titel, welche Beschreibung und welches Bild in der Linkvorschaukarte angezeigt werden soll.
Ohne OG-Tags müssen soziale Plattformen raten - und sie wählen oft das falsche Bild (ein Logo, ein Werbepixel, ein kleines Symbol) oder ziehen eine abgeschnittene, irrelevante Beschreibung. Ein gut gestaltetes OG-Bild kann die Klickraten im Vergleich zu Links mit fehlenden oder fehlerhaften Vorschauen um das Dreifache steigern.
Die fünf zentralen Open Graph-Tags
- og:title: Der Titel Ihrer Seite, wie er in der Linkvorschau erscheinen soll. Normalerweise dasselbe wie oder eine Variation des
<title>-Tags Ihrer Seite. Ziel sind 40 - 60 Zeichen. - og:description: Eine Beschreibung des Seiteninhalts mit 1 - 2 Sätzen. Streben Sie eine Länge von 50 - 160 Zeichen an. Schreiben Sie es als überzeugende Zusammenfassung und nicht als Keyword-Dump.
- og:image: Die Bild-URL für die Vorschaukarte. Empfohlene Größe: 1200 × 630 Pixel bei einem Seitenverhältnis von 1,91:1. Muss eine absolute URL sein (kein relativer Pfad). Verwenden Sie ein kontrastreiches, optisch klares Bild - vermeiden Sie kleinen Text im Bild.
- og:url: Die kanonische URL der Seite. Hilft sozialen Plattformen bei der Deduplizierung von Cache-Einträgen und stellt sicher, dass die Freigabeanzahl der richtigen URL zugeordnet wird.
- og:type: Der Inhaltstyp:
websitefür allgemeine Seiten,articlefür Blogbeiträge,productfür E-Commerce-Artikel,profilefür Benutzerprofile.
Twitter Card Tags
Twitter (X) verwendet zusätzlich zu oder anstelle von OG-Tags seine eigenen twitter:-Meta-Tags. Das wichtigste ist twitter:card, das den Kartenstil steuert. summary_large_image zeigt ein großes Bild über dem Tweet-Text an - dieses Format bietet durchweg eine bessere Leistung als die Standardkarte summary. Dieses Tool generiert sowohl OG- als auch Twitter-Tags zusammen und korrekt ausgerichtet.
So testen Sie Ihre OG-Tags
Nachdem Sie Ihre Seite mit OG-Tags veröffentlicht haben, testen Sie sie mit plattformspezifischen Debugging-Tools. Stellen Sie außerdem sicher, dass Sie unseren Social Share Link Generator verwenden, um benutzerdefinierte Freigabeschaltflächen zu erstellen, die Benutzer zum Teilen Ihrer Seite weiterleiten:
- Facebook: Meta Sharing Debugger - ermöglicht Ihnen auch eine erzwungene Aktualisierung Ihres Caches.
- Twitter/X: Twitter Card Validator
- LinkedIn: LinkedIn Post Inspector
Häufig gestellte Fragen
Warum wird das falsche Bild angezeigt, wenn ich meinen Link teile?
Soziale Plattformen speichern OG-Daten stark im Cache. Selbst nach dem Hinzufügen korrekter OG-Tags können alte Vorschauen tagelang bestehen bleiben. Verwenden Sie die Sharing-Debugger-Tools der Plattform (Facebook Sharing Debugger, LinkedIn Post Inspector) mit ihrer Option „Aktualisierung erzwingen“, um zwischengespeicherte Daten zu löschen und Ihre Seite sofort erneut zu crawlen.
Beeinflussen OG-Tags meine Google SEO-Rankings?
Nicht direkt. Google verwendet OG-Tags nicht als Ranking-Signal. Sie wirken sich jedoch indirekt über die Klickraten auf die Suchmaschinenoptimierung aus: Links mit überzeugenden Bildern und Titeln erhalten mehr Klicks, wenn sie in sozialen Medien geteilt werden, was den Empfehlungsverkehr steigert. Eine höhere CTR in den Google-Suchergebnissen ist ebenfalls ein positives Ranking-Signal.
Welche Größe sollte mein OG-Bild haben?
Die empfohlene Größe beträgt 1200 × 630 Pixel (Seitenverhältnis 1,91:1). Facebook, Twitter und LinkedIn unterstützen diese Größe alle korrekt. Minimum: 600 × 315 Pixel. Die Bilddatei sollte für Facebook weniger als 8 MB groß sein. Verwenden Sie JPG für Fotos und PNG für Bilder mit Text oder Grafiken.
Entwickler-Tools kostenlos geliefert
Deep-Link-Anleitungen, Open-Graph-Tipps und neue Dev-Tools - direkt in Ihren Posteingang.
Related Tools
Explore other free tools to build, test, and optimize your links and QR codes.
Barcode (1D)
Generieren Sie 1D-Barcodes (Code128, EAN-13, UPC usw.), zeigen Sie sie in der Vorschau an und laden Sie sie sofort in Ihrem Browser herunter.
GA4 Cross-Domain-Tracker
Generieren Sie domänenübergreifende Google Analytics 4 (GA4)-Tracking-Code-Snippets, um Benutzersitzungen über mehrere Websites hinweg aufrechtzuerhalten.
Smart App Deep Link
Generieren Sie intelligente Routing-Skripte, die das Betriebssystem des Benutzers erkennen und zu nativen mobilen Apps weiterleiten, wobei auf Web-URLs zurückgegriffen wird.
HTML-Link
Generieren Sie saubere, perfekt formatierte HTML-Anker-Tags mit benutzerdefinierten rel-, target-, class- und ID-Attributen.
Amazon Affiliate Link Builder
Bereinigen Sie unübersichtliche Amazon-URLs und generieren Sie mithilfe Ihres Affiliate-Tags perfekte Partner-Links.
Link-Ablauf- und Countdown-Snippet
Generieren Sie ein Javascript-Snippet, um einen Link automatisch ablaufen zu lassen und den Datenverkehr nach einem bestimmten Datum und einer bestimmten Uhrzeit umzuleiten.