Öffnen Sie den Graph-Leitfaden

So passen Sie Open Graph-Bilder an und Linkvorschauen.

Erfahren Sie, wie WhatsApp, LinkedIn und X Metadaten interpretieren, warum Caches veraltet sind und was Sie ändern müssen, wenn die öffentliche Karte nicht Ihrer Absicht entspricht.

Abbildung zur Optimierung der Open Graph-Vorschau

Was ist Open Graph?

Das Open Graph-Protokoll teilt Plattformen mit, welchen Titel, welche Beschreibung, welches Bild und welche kanonischen URL sie verwenden sollen, wenn jemand eine Webseite teilt. Ohne sie raten Netzwerke und Chat-Apps oft falsch.

Aus diesem Grund ist die Qualität der öffentlichen Vorschau so oft an technische Metadaten und nicht an den sichtbaren Hauptinhalt einer Seite gebunden.

Die zu steuernden Kern-Tags

  • og:title
  • og:description
  • og:image
  • og:url

Diese Werte lesen die meisten Crawler zuerst, wenn sie entscheiden, wie Ihre Seite in einem Feed, Chat oder einer Vorschaukarte angezeigt werden soll.

Plattformspezifisches Verhalten ist immer noch wichtig

WhatsApp geht beim Caching aggressiv vor. LinkedIn ist bei der Validierung strenger und bietet die Post-Inspector-Workflow. X kann auf Open Graph basieren, unterstützt aber auch detailliertere Twitter Card-Tags.

Wenn Sie das WhatsApp-Verhalten speziell beheben möchten, fahren Sie mit dem fort WhatsApp-Vorschauanleitung.

Beispiel für erforderliche Meta-Tags

<!-- Standard Open Graph -->
<meta property="og:title" content="Your Amazing Title" />
<meta property="og:description" content="A brief summary of your page." />
<meta property="og:image" content="https://yourdomain.com/social-visual.jpg" />
<meta property="og:url" content="https://yourdomain.com/page" />

<!-- X / Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Amazing Title" />
<meta name="twitter:description" content="A brief summary of your page." />
<meta name="twitter:image" content="https://yourdomain.com/social-visual.jpg" />

Häufige Probleme

Die üblichen Gründe, warum öffentliche Vorschauen fehlschlagen.

Falsches Bild angezeigt

Wird normalerweise durch mehrere konkurrierende Bild-Tags verursacht oder dadurch, dass Crawler das erste verwendbare Medium auswählen, auf das sie stoßen.

Alte Vorschau im Cache

Plattformen behalten oft tagelang veraltete Metadaten, selbst nachdem Sie einen korrekten Fix bereitgestellt haben.

Bild wird nicht angezeigt

Relative URLs, unzugängliche Dateien oder nicht unterstützte Formate sind immer noch die häufigsten Ursachen.

Falscher Titel

Doppelte oder fehlerhafte Titelmetadaten führen oft dazu, dass Plattformen raten, anstatt Ihrer Absicht zu gehorchen.

FAQ

Weitere Open Graph-Fragen

Kann ich ein anderes Bild für WhatsApp und LinkedIn verwenden?

Sie können es mit plattformspezifischer Logik versuchen, aber ein starkes 1200x630-Image, das überall funktioniert, ist normalerweise die sicherere und weniger anfällige Option.

Warum wird mein og:image auf das alte zurückgesetzt?

Das bedeutet normalerweise, dass der Plattform-Cache noch die vorherigen Metadaten enthält. Verwenden Sie deren Debugging- oder Inspektortools, um eine Aktualisierung zu erzwingen.

Gibt es Zeichenbeschränkungen für og:title?

Die meisten Plattformen kürzen Titel um etwa 60 bis 90 Zeichen, daher sollten Sie die wichtigen Wörter vorne einfügen.

Zentralisieren Sie Ihre Öffnen Sie die Diagrammebene.

Hören Sie auf, den Code jedes Mal zu berühren, wenn eine Kampagne eine neue Social Card benötigt. Visualink sitzt zwischen der Zielseite und dem Plattform-Crawler.