Open Graph-Vorschau
Sehen Sie Ihren Link so, wie er beim Teilen aussehen wird.
Was es prüft
- Ruft die Seite ab und liest og:title, og:description, og:image und twitter:card aus ihrem HTML.
- Greift auf <title> und meta description zurück, wenn die Open-Graph-Versionen fehlen, wie es die meisten Plattformen tun.
- Zeichnet eine Vorschaukarte mit Bild, Domain, Titel und Beschreibung für LinkedIn, Facebook, X, WhatsApp und Slack.
- Lädt og:image direkt von Ihrem Server und meldet, wenn es nicht lädt.
- Listet auf, welche von og:title, og:image, og:description und twitter:card fehlen.
Das Ergebnis lesen
Die fünf Karten teilen sich ein Layout. Lesen Sie sie als Prüfung dessen, was jede Plattform erhält, nicht als Kopie des Designs jeder App. Stimmen Bild, Titel und Beschreibung hier, stimmt der Inhalt; die Plattformen unterscheiden sich vor allem beim Zuschnitt und bei der Textmenge, die sie zeigen.
Beheben Sie zuerst ein fehlendes oder defektes og:image, denn an einem Link ohne Bild scrollt man vorbei. Verwenden Sie eine absolute https-URL, ein Bild von etwa 1200 mal 630 Pixeln und einen Server, der Anfragen von außen nicht blockiert. Meldet die Vorschau, dass das Bild nicht geladen hat, öffnen Sie die og:image-Adresse direkt, um den Grund zu sehen.
Plattformen speichern Karten im Cache. Nachdem Sie die Tags geändert haben, lassen Sie jede Plattform die Seite neu abrufen, etwa mit dem Post Inspector von LinkedIn oder dem Sharing Debugger von Facebook, sonst sehen Nutzer weiter die alte Karte.
Fragen
Warum zeigt meine Karte den falschen Titel?
Ohne og:title verwenden Plattformen den <title> der Seite, der für Suchergebnisse geschrieben ist und oft Ihren Markennamen oder Keywords enthält. Ergänzen Sie ein og:title, das für jemanden geschrieben ist, der durch einen Feed scrollt.
Brauche ich twitter:card, wenn ich schon Open-Graph-Tags habe?
X liest Titel, Beschreibung und Bild aus Open Graph, wählt das Layout aber über twitter:card. Setzen Sie es auf summary_large_image, um die Karte mit großem Bild zu bekommen.
Kann ich eine noch nicht veröffentlichte Seite in der Vorschau sehen?
Nur wenn sie unter einer öffentlichen http- oder https-Adresse erreichbar ist, denn das Tool ruft sie so ab, wie eine Plattform es täte. Seiten auf localhost, in einem privaten Netzwerk oder hinter einem Login lassen sich nicht abrufen.
Dieses Tool prüft eine Seite, einmal. Ihr Team prüft jede Seite, jede Woche, und behebt, was es findet.
Weitere kostenlose Tools
hreflang-Tag-Generator
Erstellen Sie wechselseitige hreflang-Tags für jede Sprachversion einer Seite und finden Sie die Code-Fehler, die sie unbemerkt unwirksam machen.
AI-Textbereiniger
Finden Sie die unsichtbaren Zeichen und Wasserzeichen in eingefügtem Text und entfernen Sie sie.
robots.txt-Generator
Schreiben Sie Crawl-Regeln, denen Suchmaschinen wirklich folgen – inklusive eingebundener sitemap.
sitemap.xml-Prüfer
Prüfen Sie eine live sitemap auf die Fehler, die Seiten aus dem Index halten.
meta-Tag-Prüfer
Sehen Sie genau, was Suchmaschinen und soziale Plattformen aus einer Seite lesen.
SERP-Snippet-Vorschau
Sehen Sie, wo Titel und Description abgeschnitten werden, bevor Sie sie veröffentlichen.