Zum Inhalt springen

Link-Vorschau debuggen

Link Preview Debugger

Liest Open-Graph- und Twitter-Card-Tags einer URL und rendert, wie der Link beim Teilen aussehen wird.

Liest die og:- und twitter:-Tags einer Seite so, wie KakaoTalk, Slack, Facebook und X sie lesen, zeichnet die Karte, die sie zeichnen würden, und holt das Bild, um zu prüfen, ob es sich tatsächlich öffnen lässt. Die meisten kaputten Vorschauen sind ein Tag, das vorhanden, aber unerreichbar ist, und das kann nur ein Abruf sagen.

☁️ Nutzt unseren Serverogpreviewsocialseo

Unser Server stellt diese Anfrage für Sie. An ihn geht nur die URL, die Sie eingegeben haben – weder Ihre Cookies noch Ihr Anmeldestatus gehen mit. Der Server verbindet sich ausschließlich mit öffentlichen Adressen und verweigert private und interne.

Liest die og- und twitter-Tags der Seite so, wie KakaoTalk, Slack, Facebook und X sie lesen, und prüft, ob sich das Bild wirklich laden lässt.

So funktioniert es

  1. Geben Sie die Seite ein, die Sie gleich teilen

    Die genaue URL, einschließlich Query-String, wenn die Seite davon abhängt. Eine Weiterleitung wird verfolgt, und die gelesenen Tags sind die des Ziels.

  2. Vergleichen Sie die Karte mit dem, was Sie meinten

    Die Karte fällt so zurück wie die Plattformen: og-Tag, dann twitter-Tag, dann <title> und meta description. Kommt Ihr Titel aus dem Rückfall, fehlt das og-Tag, statt falsch zu sein.

  3. Prüfen Sie die Bildzeile

    Das Bild wird abgerufen und sein Status, Typ und seine Größe gemeldet. Eine relative URL, ein Bild hinter einem Login oder eines, das von einer https-Seite über http ausgeliefert wird, scheitern hier alle genau so wie im Messenger.

Häufige Fragen

Ich habe die Tags korrigiert, und KakaoTalk zeigt immer noch die alte Karte

Jede Plattform cacht die Karte, und keine liest von sich aus lange Zeit neu. Leeren Sie sie über den OG-Cache-Reset bei Kakao Developers, den Sharing-Debugger von Facebook oder den Card-Validator von X. Diese Seite liest die Live-Tags, und deshalb widersprechen sie und der Messenger einander.

Das Bild funktioniert in meinem Browser, scheitert aber hier

Dann ist es nicht öffentlich abrufbar, und kein Messenger wird es bekommen. Die üblichen Ursachen sind ein Login, eine Hotlink-Sperre, die am Referer hängt, oder eine relative og:image-URL, die nur im Kontext der Seite auflöst.

Welche Größe sollte das Bild haben?

1200×630 ist die sichere Antwort – 1,91:1, groß genug für jede Plattform. KakaoTalk will mindestens 800×400 und Facebook mindestens 200×200, bevor überhaupt etwas angezeigt wird.

Sieht das eine per JavaScript gerenderte Seite?

Nein, und die Messenger auch nicht. Nur das HTML, das der Server sendet, wird geparst, und davon nur das erste Megabyte. Tags, die clientseitiges Skript einfügt, sind für jeden Crawler unsichtbar, der diese Karten zeichnet.

Eingabe aus

Danach

Diese Tools nehmen an, was dieses hier erzeugt, das Ergebnis kann also direkt weiter.