Zusammenfassung: Inhalte, die in sozialen Medien mit korrekt konfigurierten Open-Graph-Tags geteilt werden, erhalten laut einem Bericht des Social Media Examiner von 2024 bis zu 2,5-mal mehr Engagement als Beiträge ohne diese Tags.
Wenn Sie einen Link auf Facebook, LinkedIn, Twitter oder WhatsApp teilen, liest die Plattform die Open-Graph-Meta-Tags (OG) Ihrer Seite, um eine reichhaltige Vorschau zu generieren: eine Karte mit Titel, Beschreibung und Bild. Fehlen diese Tags oder sind sie falsch konfiguriert, kann die Vorschau defekt wirken, das falsche Bild anzeigen oder eine generische Beschreibung zeigen, die keine Klicks anzieht.
Unser kostenloses OG-Vorschau-Tool auf sorank.com ermöglicht es Ihnen, genau zu visualisieren, wie Ihre Seite beim Teilen auf jeder grossen sozialen Plattform erscheinen wird, noch vor der Veröffentlichung. Fehler erkennen, Visuals optimieren und Engagement in Echtzeit maximieren.
Was sind Open-Graph-Tags?
Open Graph ist ein Protokoll, das ursprünglich 2010 von Facebook entwickelt wurde und es Webseiten ermöglicht, zu reichhaltigen Objekten in einem sozialen Graphen zu werden. Durch das Platzieren spezifischer <meta>-Tags im <head>-Bereich Ihrer Seite steuern Sie, wie Plattformen Ihren Inhalt beim Teilen anzeigen.
Die wesentlichen Open-Graph-Tags umfassen og:title für den angezeigten Titel, og:description für die Zusammenfassung, og:image für das Vorschaubild und og:url für die kanonische URL. Ohne diese Tags übernehmen soziale Plattformen beliebige Inhalte von Ihrer Seite, was häufig zu unvorteilhaften Vorschauen führt.
Wie man Open-Graph-Tags testet und optimiert
Testen Sie zuerst Ihre aktuellen Tags mit dem Tool oben. Geben Sie eine URL ein und sehen Sie sofort, wie die Vorschau auf Facebook, Twitter, LinkedIn und WhatsApp erscheint. Identifizieren Sie Probleme wie fehlende Bilder, abgeschnittene Titel oder irrelevante Beschreibungen.
Für eine optimale Darstellung verwenden Sie Bilder mit mindestens 1200×630 Pixeln. Dieses Verhältnis wird von Facebook, LinkedIn und WhatsApp unterstützt, ohne zu beschneiden. Twitter bevorzugt 1200×675 Pixel für Summary Large Image Cards.
Halten Sie og:title unter 60 Zeichen und og:description unter 160 Zeichen, um Abschneidungen zu vermeiden. Verwenden Sie handlungsorientierte Sprache in der Beschreibung, die zum Klicken einlädt.
Open-Graph-Tags für verschiedene Plattformen
Verschiedene Plattformen behandeln OG-Tags leicht unterschiedlich. Facebook und LinkedIn folgen dem OG-Standard am engsten. Twitter hat sein eigenes Twitter Card-System, aber falls Twitter Card-Tags fehlen, greift es auf OG-Tags zurück. WhatsApp verwendet OG-Tags für Link-Vorschauen in Chats.
Für umfassende Abdeckung empfehlen wir, sowohl OG-Tags als auch Twitter Card-Tags zu implementieren. Unser Meta-Tags-Generator erstellt beide automatisch.
Häufige OG-Tag-Probleme und Lösungen
Das häufigste Problem ist ein fehlendes oder falsch dimensioniertes og:image. Ohne dieses Tag zeigen Plattformen entweder kein Bild oder wählen zufällige Bilder von Ihrer Seite aus. Lösung: Fügen Sie immer ein spezifisches, gut dimensioniertes Bild hinzu.
Ein weiteres häufiges Problem sind veraltete zwischengespeicherte Vorschauen. Wenn Sie OG-Tags aktualisieren, speichern Plattformen die alte Vorschau möglicherweise für eine Weile. Facebook bietet einen Sharing Debugger an, der den Cache leert. Für Twitter verwenden Sie den Card Validator.
Stellen Sie sicher, dass Ihre OG-Bilder öffentlich zugänglich sind und keine Authentifizierung erfordern. Bilder hinter Logins oder auf lokalen Entwicklungsservern können von sozialen Plattformen nicht abgerufen werden.
.webp){kind=small}
.webp){kind=small}
.svg)
.svg)
