Open-Graph-Generator

Erstellen Sie vollständige Open-Graph- und Twitter-Card-Meta-Tags, die Ihre Inhalte beim Teilen auf Facebook, LinkedIn, Twitter und anderen sozialen Plattformen professionell aussehen lassen. Unser Open-Graph-Generator erzeugt standardkonformes Markup mit allen erforderlichen und empfohlenen Eigenschaften und stellt sicher, dass Ihre Seiten bei jedem Teilen reichhaltige, ansprechende Vorschauen mit benutzerdefinierten Bildern, Titeln und Beschreibungen anzeigen. Übernehmen Sie die Kontrolle über Ihre Social-Media-Präsenz, indem Sie genau definieren, wie Ihr Inhalt in Feeds erscheint.

Hauptfunktionen unseres Open-Graph-Generators

Vollständige OG-Eigenschafts-Generierung

Generieren Sie alle wesentlichen Open-Graph-Eigenschaften einschließlich og:title, og:description, og:image, og:url, og:type, og:site_name und og:locale. Das Tool erzeugt einen vollständigen, standardkonformen Tag-Satz, der über alle Plattformen funktioniert.

Twitter-Card-Tag-Unterstützung

Generieren Sie Twitter-spezifisches Card-Markup neben den Open-Graph-Tags. Wählen Sie zwischen Summary, Summary mit großem Bild, App und Player Card-Typen und konfigurieren Sie twitter:title, twitter:description, twitter:image und twitter:site.

Bildgrößen-Validierung

Überprüfen Sie, ob Ihr Social-Sharing-Bild die Mindestgrößenanforderungen jeder Plattform erfüllt. Facebook empfiehlt 1200 x 630 Pixel, Twitter erfordert mindestens 144 x 144 Pixel für Summary-Cards, und LinkedIn performt am besten mit 1200 x 627 Pixel Bildern.

Live-Vorschau-Simulation

Sehen Sie genau, wie Ihr Social Share auf Facebook, Twitter und LinkedIn aussehen wird, bevor Sie die Tags implementieren. Die Live-Vorschau simuliert das Anzeigeformat jeder Plattform, sodass Sie Titel, Beschreibung und Bild für maximales Engagement feinabstimmen können.

Artikel-spezifische Eigenschaften

Generieren Sie für Blogbeiträge und Nachrichtenartikel artikel-spezifische OG-Eigenschaften einschließlich article:published_time, article:modified_time, article:author, article:section und article:tag. Diese Eigenschaften ermöglichen eine reichhaltigere Kategorisierung auf Social-Plattformen.

Mehrfachbild-Unterstützung

Geben Sie mehrere og:image-Tags an, um Plattformen eine Auswahl an Bildern für die Vorschau zu geben. Dies ist nützlich, wenn Ihr Inhalt mehrere relevante Bilder enthält und Sie Plattformen das geeignetste für ihr Anzeigeformat auswählen lassen möchten.

Sauberer HTML-Output

Generierte Tags sind als sauberes, valides HTML formatiert, bereit zum Einfügen in Ihre Seitenvorlage. Korrekte Attribut-Anführungszeichen, richtige Eigenschaftspräfixe und Standardreihenfolge stellen sicher, dass jede Plattform Ihre Tags ohne Probleme parsen kann.

Fallback-Konfiguration

Konfigurieren Sie Fallback-Werte, die angewendet werden, wenn plattformspezifische Tags fehlen. Da Twitter Open-Graph-Tags liest, wenn eigene Card-Tags fehlen, hilft der Generator Ihnen, einen effizienten Tag-Satz zu erstellen, der Redundanz vermeidet und gleichzeitig vollständige Abdeckung sicherstellt.

So verwenden Sie den Open-Graph-Generator

01

Schritt 1

Geben Sie Ihren Seitentitel im og:title-Feld ein. Dieser sollte überzeugend und prägnant sein, optimiert für Social-Engagement statt für Such-Keywords. Social-Titel können von Ihrem SEO-Title-Tag abweichen, um bei Social-Media-Zielgruppen besser anzukommen.

02

Schritt 2

Schreiben Sie eine ein- bis zweisätzige Beschreibung im og:description-Feld. Konzentrieren Sie sich darauf, Neugier zu wecken oder Wert klar zu kommunizieren. Social-Nutzer entscheiden basierend auf diesem Text in Kombination mit dem Bild, ob sie klicken, daher zählt jedes Wort.

03

Schritt 3

Geben Sie die URL Ihres Social-Sharing-Bildes im og:image-Feld ein. Verwenden Sie ein Bild mit mindestens 1200 x 630 Pixeln und einem Seitenverhältnis von 1,91:1. Hochwertige, relevante Bilder mit Gesichtern oder klaren visuellen Motiven performen auf Social-Plattformen am besten.

04

Schritt 4

Geben Sie die kanonische URL Ihrer Seite im og:url-Feld an. Diese sollte mit Ihrem Canonical-Tag übereinstimmen und die bevorzugte URL-Version ohne Tracking-Parameter oder Sitzungskennungen sein.

05

Schritt 5

Wählen Sie den Inhaltstyp aus dem og:type-Dropdown. Wählen Sie website für Ihre Startseite, article für Blogbeiträge und Nachrichteninhalte, product für E-Commerce-Artikel oder video für Video-Inhaltsseiten.

06

Schritt 6

Konfigurieren Sie die Twitter-Card-Einstellungen, indem Sie Ihren bevorzugten Card-Typ auswählen, typischerweise Summary mit großem Bild für die meisten Inhalte. Fügen Sie Ihren Twitter-Handle im twitter:site-Feld hinzu, um die Zuordnung zu aktivieren.

07

Schritt 7

Klicken Sie auf Generieren, um Ihr vollständiges Open-Graph- und Twitter-Card-Markup zu erzeugen. Überprüfen Sie die Live-Vorschau für jede Plattform, kopieren Sie dann den HTML-Code und fügen Sie ihn in den Head-Bereich Ihrer Seite ein.

Bereit zur Analyse?

Testen Sie Open-Graph-Generator jetzt — komplett kostenlos, keine Registrierung erforderlich

Werkzeug Jetzt Nutzen

Was ist das Open-Graph-Protokoll?

Das Open-Graph-Protokoll ist ein Satz von Meta-Tags, der ursprünglich 2010 von Facebook entwickelt wurde und jede Webseite in ein reichhaltiges, strukturiertes Objekt innerhalb eines Social-Media-Graphen verwandelt. Wenn ein Nutzer eine URL auf Facebook, LinkedIn, Pinterest oder anderen OG-fähigen Plattformen teilt, liest der Crawler der Plattform die Open-Graph-Tags der Seite, um festzulegen, welcher Titel, welche Beschreibung, welches Bild und welche weiteren Informationen im geteilten Beitrag angezeigt werden.

Ohne Open-Graph-Tags müssen Social-Media-Plattformen raten, wie sie Ihren Inhalt präsentieren. Sie könnten ein zufälliges Bild von der Seite ziehen, Ihren Seitentitel unschön abschneiden oder gar keine Vorschau anzeigen. Das Ergebnis ist ein fader, wenig ansprechender Share, der deutlich weniger Engagement generiert als eine korrekt formatierte Social-Vorschau. Mit Open-Graph-Tags kontrollieren Sie die exakte Darstellung jedes Elements.

Das Protokoll definiert ein standardisiertes Vokabular von Eigenschaften, jeweils mit dem Präfix og:, die spezifische Informationen über die Seite übermitteln:

  • og:title -- Der Titel Ihres Inhalts, wie er in Social Shares erscheinen soll. Dieser kann von Ihrem SEO-Title-Tag abweichen, sodass Sie separat für Social-Engagement und Suchrankings optimieren können.
  • og:description -- Eine kurze Zusammenfassung des Inhalts, typischerweise ein bis zwei Sätze. Social-Plattformen zeigen dies unter dem Titel in der geteilten Vorschau an.
  • og:image -- Die URL des Bildes, das in der Social-Vorschau angezeigt werden soll. Dies ist wohl die wichtigste OG-Eigenschaft, da Bilder das Engagement mit geteilten Inhalten dramatisch steigern.
  • og:url -- Die kanonische URL der Seite. Diese teilt Plattformen mit, welche URL als permanenter Link verwendet werden soll, und verhindert doppelte Shares desselben Inhalts über verschiedene URLs.
  • og:type -- Der Inhaltstyp, wie website, article, product oder video. Der Typ bestimmt, welche zusätzlichen Eigenschaften verfügbar sind und wie Plattformen Ihren Inhalt kategorisieren.
  • og:site_name -- Der Name Ihrer Website oder Anwendung, der neben dem Inhaltstitel angezeigt wird, um Markenkontext zu bieten.
  • og:locale -- Die Sprache und das Gebiet des Inhalts, wie de_DE, was Plattformen hilft, den Inhalt geeigneten Zielgruppen bereitzustellen.

Seit seiner Erstellung durch Facebook wurde das Open-Graph-Protokoll von praktisch jeder großen Social-Media-Plattform und Messaging-Anwendung übernommen. LinkedIn, Pinterest, Slack, Discord, WhatsApp, Telegram und iMessage lesen alle Open-Graph-Tags, um Link-Vorschauen zu generieren. Dies macht OG-Tags zu einem der am weitesten unterstützten Webstandards für die Steuerung der Inhaltspräsentation im Internet.

Unser Open-Graph-Generator vereinfacht die Erstellung dieser Tags durch eine formularbasierte Oberfläche, in der Sie Ihre Inhaltsdetails eingeben und korrekt formatierte HTML-Meta-Tags für die Implementierung erhalten. Das Tool übernimmt Syntax, Attributformatierung und Eigenschaftsreihenfolge, sodass Sie sich auf das Schreiben überzeugender Social-Inhalte konzentrieren können, anstatt Markup zu debuggen.

Warum Open-Graph-Tags für Ihre Online-Präsenz wichtig sind

Die Auswirkung von Open-Graph-Tags geht weit über reine Ästhetik hinaus. Korrekt implementierte OG-Tags beeinflussen Engagement-Raten, Referral-Traffic, Markenwahrnehmung und sogar indirekte SEO-Vorteile. Das Verständnis dieser Auswirkungen rechtfertigt die Investition von Zeit in die Erstellung optimierter Social-Meta-Tags für jede Seite.

Dramatisch höhere Engagement-Raten

Inhalte, die mit reichhaltigen Open-Graph-Vorschauen geteilt werden -- mit einem überzeugenden Bild, klarem Titel und beschreibendem Text -- erhalten drei- bis fünfmal mehr Engagement als Links, die ohne Vorschauen geteilt werden. Auf Facebook erzielen Beiträge mit Bildern 2,3-mal mehr Engagement als reine Textbeiträge. LinkedIn-Studien zeigen, dass Beiträge mit Bildern eine 98 Prozent höhere Kommentarrate haben. Indem Sie sicherstellen, dass jeder Share Ihres Inhalts eine reichhaltige Vorschau enthält, vervielfachen Sie das Engagement-Potenzial jeder sozialen Interaktion mit Ihrer Marke.

Kontrolle über Ihre Markenerzählung

Ohne OG-Tags überlassen Sie die Kontrolle über die Präsentation Ihres Inhalts den Plattform-Algorithmen. Facebook könnte ein Seitenleisten-Werbebild anstelle Ihres Hero-Fotos auswählen. LinkedIn könnte Ihren Titel mitten im Satz abschneiden. Twitter könnte gar kein Bild zeigen. OG-Tags ermöglichen es Ihnen, genau zu kuratieren, was jeder Betrachter sieht, und Markenkonsistenz sowie Klarheit der Botschaft über jede Plattform hinweg aufrechtzuerhalten, auf der Ihr Inhalt erscheint.

Erhöhte Klickraten durch Social Shares

Social-Media-Nutzer treffen in Sekundenbruchteilen Entscheidungen, ob sie auf einen geteilten Link klicken, basierend ausschließlich auf der Vorschau. Ein professionelles, relevantes Bild gepaart mit einem fesselnden Titel und einer klaren Beschreibung schafft einen überzeugenden Grund zum Klicken. Shares ohne Vorschauen oder mit irrelevanten, automatisch ausgewählten Bildern gehen im Rauschen sozialer Feeds unter und werden überschrollt. Optimierte OG-Tags steigern direkt den Traffic, den Sie von jedem Social Share erhalten.

Indirekte SEO-Vorteile

Obwohl Social Signals nicht als direkte Google-Rankingfaktoren bestätigt sind, sind die indirekten SEO-Vorteile effektiven Social Sharings gut dokumentiert. Inhalte, die in sozialen Medien gut abschneiden, ziehen mehr Besucher an, generieren längere Engagement-Sitzungen, gewinnen natürliche Backlinks von Personen, die sie über Social-Kanäle entdecken, und erhöhen das Marken-Suchvolumen. All diese Faktoren tragen positiv zu Ihrer organischen Suchperformance bei. Seiten mit starken Social-Engagement-Metriken korrelieren konsistent mit höheren Suchrankings.

Professionelles Erscheinungsbild in Messaging-Apps

Open-Graph-Tags beschränken sich nicht auf Social-Media-Plattformen. Messaging-Anwendungen einschließlich WhatsApp, Telegram, Slack, Discord und iMessage lesen alle OG-Tags, um Link-Vorschauen in Konversationen zu generieren. Wenn jemand Ihre URL in einer privaten Nachricht oder einem Team-Chat teilt, bestimmen die OG-Tags, ob sie als reichhaltige Karte mit Bild und Beschreibung oder als nackte URL erscheint. In professionellen Kontexten wie Slack-Kanälen etabliert eine gut gestaltete Link-Vorschau Glaubwürdigkeit und fördert Klicks.

Verstärkung der Inhaltsverbreitung

Jeder veröffentlichte Inhalt hat einen Sharing-Lebenszyklus. Der anfängliche Share durch Sie oder Ihr Team ist nur der Anfang; der eigentliche Wert kommt von sekundären Shares, wenn Ihr Publikum Ihren Inhalt mit seinen Netzwerken erneut teilt. Optimierte OG-Tags stellen sicher, dass Ihr Inhalt in jeder Phase dieser Sharing-Kette gleich überzeugend aussieht und visuelle Qualität sowie Botschaftskonsistenz beibehält, während er sich über Plattformen und Zielgruppen verbreitet.

Open-Graph-Bild-Best-Practices für jede Plattform

Die Eigenschaft og:image ist der einzelne wichtigste Faktor für die Social-Sharing-Performance. Bilder fangen die Aufmerksamkeit in überfüllten Social-Feeds ein und sind der Haupttreiber der Klickraten bei geteilten Inhalten. Hier sind die plattformspezifischen Anforderungen und Best Practices zur Maximierung der Bildwirkung.

Facebook-Bildanforderungen

Facebook empfiehlt eine Bildgröße von 1200 x 630 Pixeln mit einem Seitenverhältnis von 1,91:1. Bilder müssen mindestens 200 x 200 Pixel groß sein, um als Thumbnail zu erscheinen, und mindestens 600 x 315 Pixel für eine große Vorschau. Die maximale Dateigröße beträgt 8 Megabyte. Facebook unterstützt JPEG-, PNG-, GIF- und WebP-Formate. Für das beste Erscheinungsbild verwenden Sie hochauflösende Bilder mit minimalem Textoverlay; Facebooks Algorithmus kann die Verbreitung von Bildern reduzieren, die mehr als 20 Prozent Text enthalten.

Twitter-Bildanforderungen

Für Twitter Summary mit Large-Image-Cards beträgt die empfohlene Größe 1200 x 628 Pixel bei einem Minimum von 300 x 157 Pixeln. Summary-Cards ohne große Bilder verwenden ein Quadratformat von mindestens 144 x 144 Pixeln, idealerweise 400 x 400 Pixel. Twitter unterstützt JPEG-, PNG-, GIF- und WebP-Formate mit einer maximalen Dateigröße von 5 Megabyte. Bilder werden für Large-Image-Cards auf ein Seitenverhältnis von 2:1 zugeschnitten, stellen Sie daher sicher, dass wichtige Inhalte zentriert sind.

LinkedIn-Bildanforderungen

LinkedIn empfiehlt 1200 x 627 Pixel für Shared-Link-Bilder. Die Plattform unterstützt JPEG- und PNG-Formate. LinkedIn ist besonders empfindlich bezüglich der Bildqualität, und unscharfe oder verpixelte Bilder wirken sich negativ auf die professionellen Inhalte aus, die auf der Plattform erwartet werden. Verwenden Sie hochauflösende Fotografien oder gut gestaltete Grafiken, die zu Ihrer professionellen Markenidentität passen.

Pinterest-Bildanforderungen

Pinterest bevorzugt vertikale Bilder mit einem Seitenverhältnis von 2:3, wie 1000 x 1500 Pixel. Obwohl Pinterest og:image-Tags liest, performt die Plattform besser mit höheren Bildern, die mehr visuellen Raum im Pin-Feed einnehmen. Wenn Pinterest eine bedeutende Traffic-Quelle ist, erwägen Sie die Verwendung eines separaten Pinterest-optimierten Bildes neben Ihrem Standard-OG-Bild.

Universelle Bild-Best-Practices

Unabhängig von der Plattform folgen Sie diesen universellen Richtlinien für Social-Sharing-Bilder:

  • Verwenden Sie Bilder, die kontextuell relevant für den geteilten Inhalt sind, keine generischen Stockfotos
  • Integrieren Sie Gesichter oder Personen, wo angemessen, da Bilder mit Gesichtern konsistent höheres Engagement generieren
  • Verwenden Sie helle, kontrastreiche Farben, die in geschäftigen Social-Feeds hervorstechen
  • Halten Sie Textoverlays groß und lesbar in kleinen Größen, da mobile Nutzer winzige Vorschauen sehen
  • Liefern Sie Bilder über HTTPS, um Mixed-Content-Warnungen zu vermeiden und die Plattformkompatibilität sicherzustellen
  • Verwenden Sie absolute URLs für og:image-Werte, keine relativen Pfade, da Social-Crawler die vollständige URL zum Abrufen des Bildes benötigen

Twitter Cards vs. Open Graph: Die Unterschiede verstehen

Obwohl Open Graph und Twitter Cards ähnliche Zwecke erfüllen, handelt es sich um unterschiedliche Protokolle mit verschiedenen Anforderungen, Fallback-Verhalten und Optimierungsmöglichkeiten. Das Verständnis ihrer Interaktion hilft Ihnen, eine effiziente Meta-Tag-Strategie zu erstellen, die die Abdeckung maximiert, ohne unnötige Redundanz.

Wie Twitter Cards funktionieren

Twitter-Card-Markup verwendet Tags mit dem Präfix twitter: und unterstützt mehrere Card-Typen: Summary, das ein kleines Thumbnail mit Titel und Beschreibung anzeigt; Summary mit großem Bild, das ein prominentes Bild über Titel und Beschreibung zeigt; App Card, die mobile Anwendungen bewirbt; und Player Card, die Inline-Video- oder Audio-Wiedergabe ermöglicht. Die Eigenschaft twitter:card ist erforderlich und bestimmt, welches Card-Format verwendet wird.

Fallback-Verhalten

Twitter unterstützt explizit Open-Graph-Tags als Fallbacks. Wenn twitter:title nicht vorhanden ist, verwendet Twitter og:title. Wenn twitter:description nicht vorhanden ist, greift es auf og:description zurück. Das Gleiche gilt für die Bild-Eigenschaft. Das bedeutet, dass Sie sich technisch für die grundlegende Twitter-Funktionalität auf OG-Tags allein verlassen können. Die Angabe dedizierter Twitter-Tags gibt Ihnen jedoch die Möglichkeit, für jede Plattform unabhängig zu optimieren.

Wann plattformspezifische Tags verwenden

Der häufigste Grund für separate Twitter-Tags ist, wenn Sie unterschiedliche Titel, Beschreibungen oder Bilder für Twitter gegenüber Facebook und LinkedIn wünschen. Twitter-Zielgruppen reagieren tendenziell auf kürzeren, gesprächigeren Text, während Facebook- und LinkedIn-Nutzer möglicherweise stärker auf detaillierte Beschreibungen reagieren. Ein Nachrichtenartikel könnte einen formellen Titel in og:title für LinkedIn verwenden, aber eine eingängigere, aufmerksamkeitsstärkere Version in twitter:title. Ebenso könnten Sie ein breiteres Querformatbild für Facebook und einen anderen Zuschnitt für Twitters Card-Format verwenden.

Validierung und Debugging

Jede Plattform bietet ihre eigenen Debugging-Tools. Facebook bietet den Sharing Debugger, Twitter den Card Validator und LinkedIn den Post Inspector. Nach der Implementierung Ihrer Open-Graph- und Twitter-Card-Tags mit unserem Generator verwenden Sie diese plattformspezifischen Tools, um zu verifizieren, dass jede Plattform Ihre Tags korrekt liest und anzeigt. Diese Validatoren ermöglichen es Ihnen auch, gecachte Vorschauen nach der Aktualisierung Ihrer Tags zu löschen.

Effiziente Implementierungsstrategie

Für die meisten Seiten ist die optimale Strategie, einen vollständigen Satz von Open-Graph-Tags als Grundlage zu implementieren und dann Twitter-spezifische Tags nur dort hinzuzufügen, wo Sie die OG-Werte überschreiben möchten. Dies minimiert die Gesamtzahl der Meta-Tags in Ihrem HTML und stellt gleichzeitig vollständige Abdeckung über alle Plattformen sicher. Unser Generator erleichtert diesen Ansatz, indem er sowohl OG- als auch Twitter-Tags ausgibt und Sie anpassen können, welche Eigenschaften plattformspezifische Werte erhalten.

Häufig Gestellte Fragen

Alles was Sie über Open-Graph-Generator wissen müssen

Die vier erforderlichen Open-Graph-Eigenschaften sind og:title, og:type, og:image und og:url. Dies sind die Mindest-Tags, die eine Social-Media-Plattform benötigt, um eine einfache reichhaltige Vorschau zu generieren. Für optimale Ergebnisse sollten Sie jedoch auch og:description, og:site_name und og:locale einschließen. Für Artikelinhalte bieten article:published_time und article:author zusätzlichen Kontext. Unser Generator enthält standardmäßig alle erforderlichen und empfohlenen Eigenschaften.

Die empfohlene Open-Graph-Bildgröße beträgt 1200 x 630 Pixel mit einem Seitenverhältnis von 1,91:1. Diese Größe funktioniert gut auf Facebook, LinkedIn, Twitter und den meisten anderen Plattformen. Die minimal akzeptable Größe für eine große Vorschau auf Facebook beträgt 600 x 315 Pixel, aber die größere empfohlene Größe stellt sicher, dass das Bild auf hochauflösenden Displays scharf aussieht. Halten Sie die Dateigröße unter 8 Megabyte und verwenden Sie JPEG- oder PNG-Format für beste Kompatibilität.

Open-Graph-Tags sind kein direkter Google-Rankingfaktor. Google verwendet OG-Tags nicht, um Suchrankings zu bestimmen oder Seiteninhalt für die Indexierung zu verstehen. OG-Tags haben jedoch erheblichen indirekten SEO-Wert. Gut optimierte Social-Vorschauen generieren mehr Klicks, Shares und Engagement, was zusätzlichen Traffic auf Ihre Website bringt. Diese erhöhte Sichtbarkeit kann zu natürlichen Backlinks, höherem Marken-Suchvolumen und verbesserten Nutzer-Engagement-Metriken führen, die alle stärkere organische Rankings unterstützen.

Ja, und dies wird tatsächlich empfohlen. Ihr SEO-Title-Tag sollte für Such-Keywords optimiert und für Googles Anzeige formatiert sein, während Ihr og:title für Social-Media-Engagement optimiert sein sollte. Social-Nutzer reagieren auf andere Sprache als Suchnutzer. Sie könnten einen keyword-fokussierten Titel wie "Beste Laufschuhe 2025 Test" für SEO verwenden, aber einen ansprechenderen og:title wie "Diese Laufschuhe haben mein Marathon-Training verändert" für Social. Unser Generator ermöglicht die unabhängige Konfiguration beider.

Verwenden Sie nach der Implementierung von OG-Tags das offizielle Debugging-Tool jeder Plattform, um Ihr Markup zu verifizieren. Facebooks Sharing Debugger unter developers.facebook.com/tools/debug zeigt genau, was Facebook sieht, wenn es Ihre URL crawlt. Twitters Card Validator unter cards-dev.twitter.com/validator zeigt eine Vorschau Ihrer Twitter-Card. LinkedIns Post Inspector unter linkedin.com/post-inspector testet LinkedIn-Vorschauen. Diese Tools ermöglichen es Ihnen auch, gecachte Daten zu löschen, damit Plattformen Ihre aktualisierten Tags abrufen.

Social-Media-Plattformen cachen Open-Graph-Daten aggressiv, um das erneute Crawlen von Seiten bei jedem Share zu vermeiden. Wenn Sie Ihre OG-Tags aktualisieren, kann die gecachte Version für Stunden oder Tage bestehen bleiben. Um Plattformen zur Aktualisierung Ihrer Daten zu zwingen, verwenden Sie deren Debugging-Tools: Facebooks Sharing Debugger hat eine Schaltfläche "Erneut abrufen", Twitters Card Validator ruft bei jedem Test neu ab, und LinkedIns Post Inspector enthält eine Aktualisierungsoption. Nach dem Löschen des Caches werden nachfolgende Shares Ihre aktualisierten Tags anzeigen.

Sie benötigen nicht zwingend beide, da Twitter auf Open-Graph-Tags zurückgreift, wenn seine eigenen Card-Tags fehlen. Die Implementierung beider gibt Ihnen jedoch maximale Kontrolle. Twitter-Card-Tags ermöglichen die Angabe eines Card-Typs, der kein OG-Äquivalent hat, und die Anpassung von Titel, Beschreibung und Bild speziell für Twitters Anzeigeformat und Zielgruppe. Für die meisten Websites ist der beste Ansatz ein vollständiger OG-Tag-Satz plus twitter:card und eventuelle Twitter-spezifische Überschreibungen.

Ohne Open-Graph-Tags versuchen Social-Plattformen, Vorschauen automatisch durch Scraping Ihres Seiteninhalts zu generieren. Sie können ein zufälliges oder irrelevantes Bild auswählen, Ihren Seitentitel abschneiden oder Text aus dem Seitentext als Beschreibung verwenden. Die resultierende Vorschau sieht oft unprofessionell aus und generiert deutlich weniger Engagement. In manchen Fällen können Shares ganz ohne Bild angezeigt werden und erscheinen als reine Text-Links, die in geschäftigen Social-Feeds leicht übersehen werden.

Verwandte SEO-Werkzeuge

Entdecken Sie weitere Werkzeuge zur Verbesserung Ihrer SEO-Strategie

Open-Graph-Checker

Vorschau, wie Ihre Seite beim Teilen in sozialen Medien angezeigt wird

Meta-Tag-Generator

Optimierte Meta-Tags fur bessere Suchmaschinen-Sichtbarkeit erstellen

Meta-Tags-Analysator

Meta-Tags auf einer beliebigen Webseite fur SEO analysieren und bewerten