Open-Graph-Tags teilen sozialen Plattformen mit, welchen Titel, welches Bild und welche Beschreibung sie beim Teilen einer Seite anzeigen sollen. Eine saubere Konfiguration sorgt für eine passende Vorschau und verringert das Risiko unpassender Inhalte.
Was ist Open Graph?
Open Graph ist ein standardisiertes Protokoll, mit dem eine Webseite Informationen für die Darstellung geteilter Links bereitstellt. Die Implementierung ist recht technisch, aber es ist wichtig, zu verstehen, was es ist und wie es funktioniert, auch wenn du kein Programmierer bist.
Wenn du eine externe Website auf Facebook freigibst, werden einige Felder, wie der Titel, ein Klappentext und ggf. ein dazugehöriges Bild, vorbelegt. Wenn diese Site Open Graph nicht implementiert hat, kann Facebook lediglich raten, welche Inhalte für diese Felder von der Site abgerufen werden können, aber das könnte sehr ungünstig ausgehen. Dadurch kann eine irreführende Vorschau entstehen. Wenn ein Besucher beispielsweise eines deiner Produkte auf deiner E-Commerce-Site teilen möchte, möchtest du wahrscheinlich, dass das passende Produktbild übernommen und in sozialen Medien angezeigt wird. Ohne Open Graph könnte es dazu führen, dass stattdessen ein unpassendes Bild von deiner Website durchgereicht wird.
Wie kann ich Open Graph implementieren?
Open Graph ist eine Reihe von Meta-Tags, die im Code deiner Website stehen und bestimmte Informationen angeben, z.B. was der Titel, der Klappentext und das Bild sein sollen, wenn die Seite auf kompatiblen sozialen Medien wie Facebook, X und LinkedIn geteilt wird. Du kannst die Tags nicht sehen, wenn du die Seite durchsuchst, aber es ermöglicht dir mehr Einfluss darauf, welche Informationen angezeigt werden, wenn eine Seite freigegeben wird.
Prüfe bei WordPress zunächst, ob dein Theme oder ein vorhandenes SEO-Plugin bereits Open-Graph-Daten ausgibt. Die Nutzung von WordPress allein belegt das nicht. Wenn nicht, musst du dich mit einem Software-Entwickler in Verbindung setzen, der dir bei der Implementierung hilft.
Lohnt es sich, Open Graph zu unterstützen?
Eine passende Vorschau hilft Menschen zu erkennen, was sie hinter dem Link erwartet. Sie garantiert weder Klicks noch bessere Platzierungen. Der Nutzen liegt in einer konsistenteren Darstellung, wenn die Angaben gepflegt werden. Wie sie erscheinen, entscheidet weiterhin die jeweilige Plattform.
Vorschau vor Veröffentlichung prüfen
Definiere mindestens Titel, Beschreibung, kanonische URL, Inhaltstyp und ein geeignetes Bild. Prüfe die Vorschau anschließend mit Metas Sharing Debugger. Ein Cache kann eine alte Fassung behalten; stoße die Analyse nach Änderungen erneut an und kontrolliere auch andere Plattformen.
Die wichtigsten Angaben sinnvoll ausfüllen
Das Open-Graph-Protokoll definiert grundlegende Eigenschaften für Titel, Typ, Bild und URL. Eine Beschreibung kann zusätzlich erläutern, worum es geht. Verwende Informationen zur konkreten Seite statt überall denselben allgemeinen Text über das Unternehmen auszugeben.
Ein Artikeltitel sollte die tatsächlich beantwortete Frage erkennen lassen. Ein Produktbild sollte zum beschriebenen Produkt passen. Bei mehreren Sprachversionen müssen Vorschautext und Zieladresse zusammengehören. Eine deutsche Beschreibung, die auf einen anderssprachigen Inhalt führt, kann Erwartungen enttäuschen, selbst wenn die Tags technisch korrekt sind.
Eine verantwortliche Quelle für die Metadaten festlegen
Auf einer WordPress-Seite können Theme und Plugins gleichzeitig ähnliche Angaben erzeugen. Yoast weist darauf hin, dass doppelte Open-Graph-Ausgaben zu falschen Texten oder Bildern führen können. Prüfe deshalb zuerst die vorhandene Ausgabe, bevor ein weiteres Plugin installiert wird.
Lege fest, wo Redakteure Titel, Bild und Beschreibung pflegen sollen. Der Entwickler kann kontrollieren, ob das Template diese Werte ausgibt. Vereinbart außerdem einen sinnvollen Ersatzwert für leere Felder. Ein Standardbild kann eine fehlende Angabe auffangen, sollte aber nicht unbemerkt jedes spezifische Produktbild ersetzen.
Eine falsche Vorschau schrittweise untersuchen
Kontrolliere zuerst die getestete Adresse. Handelt es sich um die veröffentlichte Seite, die gewünschte Sprache und den endgültigen Pfad? Ein Entwurf oder eine weitergeleitete alte Adresse kann ein anderes Ergebnis liefern als der Link, den du eigentlich verbreiten möchtest.
Prüfe anschließend, ob die aktuelle Ausgabe die richtigen Werte enthält. Sind die Angaben bereits dort falsch, hilft das erneute Abrufen durch eine Plattform noch nicht. Korrigiere zunächst die Quelle, beispielsweise ein altes manuell eingetragenes Bild oder eine Vorlage, die auf die Startseite verweist.
Danach geht es um Erreichbarkeit. Das Vorschaubild sollte ohne private Anmeldung geladen werden können und nicht unter einer kurzfristig gültigen Adresse liegen. Wenn der Aufruf im eigenen Browser funktioniert, beweist das noch nicht, dass der Abrufdienst dieselben Zugriffsrechte hat. Lass entsprechende Probleme durch die zuständige technische Person prüfen.
Fordere nach der Korrektur eine neue Analyse im verfügbaren Prüfwerkzeug an. Der Plattformcache kann unabhängig vom Websitecache eine ältere Fassung enthalten. Notiere Adresse und Ergebnis, damit nicht mehrfach korrekte Angaben geändert werden, obwohl lediglich eine alte Kopie angezeigt wird.
Die Vorschau als Teil der Veröffentlichung prüfen
Betrachte Titel, Bildausschnitt und Zielseite gemeinsam. Bei Veranstaltungen sollte kein altes Datum im Bild stehen. Bei Produkten muss der gezeigte Artikel zur Beschreibung passen. Eine aufmerksamkeitsstarke Vorschau ist wenig hilfreich, wenn die Seite die geweckte Erwartung nicht erfüllt.
Wiederhole diese Prüfung nach einem Designwechsel, einer Sprachumstellung oder dem Austausch des Hauptbilds. Halte fest, wer wichtige Seiten betreut. Dafür genügt eine kleine Liste; ständige Änderungen ohne erkennbaren Anlass sind nicht nötig. Ziel ist eine verständliche und verlässliche Darstellung beim Teilen.
Bewerte den Erfolg nicht nur anhand einer schönen Karte. Prüfe, ob die aufgerufene Seite funktioniert und die angekündigte Information schnell auffindbar ist. Wenn Menschen nach dem Klick abspringen, kann das am Inhalt, an der Ladezeit oder an einer unpassenden Erwartung liegen. Open Graph beantwortet lediglich einen Teil dieser Fragen.
