FUKAMO · KOSTENLOSE TOOLS

Open-Graph-Prüfung

Prüfen Sie die Open-Graph-Tags und das OG-Bild der angegebenen URL. Sehen Sie sich kostenlos die Vorschau beim Teilen, die Bildabmessungen und konkrete Fehler an.

VOR DER PRÜFUNG

Wissen, was Sie prüfen.

Open Graph beschreibt eine Seite für Dienste, die eine Vorschau aus einem Link erstellen. Es hilft beim Teilen, ist aber kein direkter Beweis für eine bessere Position bei Google. Text und Bild sollten mit der Zielseite übereinstimmen.

Wann Sie diese Prüfung verwenden

Beim Teilen eines bestimmten Artikels sollte dessen Thema erkennbar sein. Ein universelles Logo kann eine Marke identifizieren, es ist jedoch kein Ersatz für einen passenden Namen und ein angemessenes Bild des jeweiligen Inhalts.

Praktisches Beispiel

<meta property="og:title" content="Überprüfen der Website vor dem Start" />
<meta property="og:type" content="article" />
<meta property="og:image" content="https://example.com/images/checklist.png" />
<meta property="og:url" content="https://example.com/website-launch-checklist" />

Häufiger Fehler

Das neue Bild auf dem Server wird möglicherweise nicht sofort in der bereits gespeicherten Vorschau angezeigt. Ein Cache-Problem bedeutet nicht automatisch einen Meta-Tag-Fehler. Die im Bild eingebettete kleine Schrift ist auf einem Mobiltelefon oft nicht lesbar.

Ergebnis anwenden

Überprüfen Sie sowohl die Bildantwort als auch die Metadaten selbst. Fukamo überprüft die verfügbaren Deklarationen, nicht die resultierende Vorschau in jedem sozialen Netzwerk.

Was Sie als Nächstes prüfen sollten

Prüfen Sie title, description, type, URL und das verfügbare Bild im head.
Verwenden Sie eine absolute Bildadresse, auf die ohne Anmeldung zugegriffen werden kann.
Überprüfen Sie die Komposition beim Zuschneiden auf unterschiedliche Seitenverhältnisse.
Stimmen Sie og:url auf die bevorzugte öffentliche URL ab.
Testen Sie nach der Änderung die Vorschau und berücksichtigen Sie den Cache des empfangenden Dienstes.

Ergebnis verstehen. Die richtige Änderung vornehmen.

Welche Open-Graph-Eigenschaften sind erforderlich?

Zu den grundlegenden Eigenschaften gehören og:title, og:type, og:image und og:url. Eine Beschreibung ist eine hilfreiche Ergänzung. Ein Bild ohne Angaben zur Seite ist keine vollständige Deklaration.

Der Titel sollte den konkreten Artikel oder das Produkt benennen.
Wählen Sie den Typ passend zum Inhalt; article kennzeichnet einen Artikel.
Setzen Sie og:url auf die bevorzugte öffentliche URL dieses Inhalts.

So prüfen Sie, ob das Open-Graph-Bild erreichbar ist

Für die Vorschau muss die Bilddatei erreichbar sein. Ein Link, der nur in der Administration funktioniert oder HTML statt eines Bildes zurückgibt, ist auch bei einem korrekt geschriebenen Meta-Tag fehlerhaft.

Öffnen Sie die absolute Bild-URL in einem Fenster ohne Anmeldung.
Prüfen Sie die erfolgreiche Antwort und den Bild-Content-Type.
Ergänzen Sie ein aussagekräftiges og:image:alt, wenn das Bild relevante Informationen vermittelt.

So bereiten Sie ein Bild für verschiedene Vorschauen vor

Soziale Plattformen verwenden möglicherweise unterschiedliche Seitenverhältnisse. Halten Sie das wichtige Motiv und einen kurzen Titel von den Rändern fern. Kleiner Text im Bild ist auf Mobilgeräten oft nicht lesbar.

Prüfen Sie die kleine Vorschau, nicht nur die große Originaldatei.
Zeigen Sie bei einem Produkt das Produkt; ein allgemeines Logo kennzeichnet keine bestimmte Variante.
Stimmen Sie die Sprache des Bildes und des Textes auf die Zielseite ab.

Warum wird nach einer Änderung noch die alte Linkvorschau angezeigt?

Prüfen Sie nach einer Änderung zuerst den aktuellen Quelltext der Seite und des Bildes. Sind beide korrekt, kann die alte Vorschau noch aus dem Cache des empfangenden Dienstes stammen.

Verwenden Sie, falls verfügbar, das Werkzeug des Dienstes zum Aktualisieren der Vorschau.
Erwägen Sie bei einem geänderten Bild einen neuen Dateinamen, damit die neue Version eindeutig ist.
Prüfen Sie die resultierende Vorschau direkt in dem Dienst, über den Nutzer den Link teilen.

Das Open-Graph-Protokoll ↗

Primärquelle: ogp.me ↗

Häufige Fragen

Warum wird beim Teilen nach der Korrektur immer noch das alte Bild angezeigt?

Die soziale Plattform kann die alte Vorschau in ihrem eigenen Cache behalten. Öffnen Sie zuerst die genaue Bild-URL ohne Anmeldung und prüfen Sie die aktuellen OG-Tags im Produktions-HTML. Verwenden Sie erst danach das verfügbare Werkzeug der Plattform, um die Vorschau zu aktualisieren. Eine Bildänderung im Editor muss das veröffentlichte Dokument nicht ändern.

Wann Sie die Aufgabe schließen können

Die absolute Bild-URL muss ein Bild zurückgeben, keine Anmeldeseite und keinen HTML-Fehler. Ausschnitt und Text müssen auch in einer kleinen Vorschau lesbar sein. Open Graph ist keine direkte Garantie für ein besseres Ranking.