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:titleog:descriptionog:imageog: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.