Open-Graph-Checker
Open-Graph-Tags prüfen und debuggen
Fügen Sie eine URL ein, um deren Open-Graph-Tags auszulesen und die daraus resultierende Link-Vorschau anzuzeigen. Finden Sie fehlende oder widersprüchliche OG-Tags und beheben Sie diese, bevor Sie die Seite teilen.
og:title
Die Überschrift in der Vorschaukarte. Halten Sie sie unter etwa 60 Zeichen und formulieren Sie sie so, dass sie für sich allein verständlich ist, ohne dass der Website-Name die ganze Arbeit machen muss.
Titel
Beschreibung
framer.com
og:description
Die Kurzzusammenfassung unter dem Titel. Etwa 110 bis 160 Zeichen sind ideal. Einige Apps zeigen nur die erste Zeile an, stellen Sie den wichtigsten Punkt daher an den Anfang.
Titel
Beschreibung
framer.com
og:image
Das Vorschaubild. Verwenden Sie eine absolute HTTPS-URL zu einer JPG- oder PNG-Datei mit 1200 x 630 Pixeln und fügen Sie og:image:width, og:image:height sowie og:image:alt hinzu.
og:url und og:type
og:url sollte mit der kanonischen URL übereinstimmen, damit geteilte Inhalte für eine einzige Adresse gezählt werden. og:type ist für Seiten normalerweise „website“ und für Blogbeiträge „article“.
Titel
Beschreibung
framer.com
Ein praktischer Leitfaden für Open-Graph-Tags
Open Graph ist das Protokoll, das die meisten Plattformen verwenden, um Link-Vorschauen zu erstellen. Ein Open-Graph-Checker zeigt Ihnen, was von Ihrer Seite ausgelesen wird, und hilft Ihnen bei der Fehlerbehebung.
Was ist ein Open-Graph-Checker?
Ein Open-Graph-Checker ruft eine URL ab, liest deren OG-Meta-Tags aus und erstellt Vorschaukarten für Plattformen wie LinkedIn, Facebook, X, Slack und WhatsApp. Er funktioniert wie ein Debugger für das Erscheinungsbild Ihres Links beim Teilen.
Welche Open-Graph-Tags sind erforderlich?
Die vier grundlegenden Tags sind og:title, og:type, og:image und og:url. Fügen Sie og:description und og:site_name für eine vollständige Vorschau hinzu, sowie og:locale, wenn Sie in mehreren Sprachen veröffentlichen.
So debuggen Sie Open-Graph-Tags
Prüfen Sie die URL mit dem Checker und achten Sie auf fehlende Tags, Duplikate oder Werte, die von der Seite abweichen. Stellen Sie sicher, dass sich die Tags im serverseitig gerenderten HTML befinden, da viele Crawler kein JavaScript ausführen.
Open Graph vs. Twitter Cards
Twitter-Card-Tags wie twitter:card und twitter:image sind spezifisch für X. Wenn sie fehlen, greift X auf die Open-Graph-Tags zurück. Setzen Sie twitter:card auf summary_large_image und überlassen Sie Open Graph den Rest.
Warum wird immer noch die alte Vorschau angezeigt?
Plattformen speichern Vorschauen im Cache. Nachdem Sie Ihre Tags geändert haben, veröffentlichen Sie die Seite erneut und nutzen Sie das jeweilige Tool der Plattform, wie den LinkedIn Post Inspector, um eine aktuelle Version abzurufen.
Helfen Open-Graph-Tags bei der Suchmaschinenoptimierung?
Open-Graph-Tags sind kein direkter Rankingfaktor, aber bessere Vorschauen sorgen für mehr Klicks und geteilte Inhalte. Das bringt wiederum mehr Besucher und bessere Chancen auf Verlinkungen zu Ihrer Seite.
Eine kurze Open-Graph-Checkliste
Ein og:title und og:description pro Seite, ein og:image im Format 1200 x 630 mit einer absoluten URL, eine og:url, die der kanonischen URL entspricht, gesetzte twitter:card und eine erneute Prüfung nach jeder Änderung.
More free tools: the OG image size checker, the Twitter card validator, the favicon checker and the meta tag generator.