Die Informationen werden zu spät hinzugefügt
Einige Dienste lesen die Seite, bevor der Browser sie vollständig aufgebaut hat. Erscheinen Titel, Beschreibung oder Bild erst später, können sie eine leere oder allgemeine Karte erzeugen.
Kostenloses Tool · Open Graph
Prüfe die Social-Media-Vorschau von jedem Link.
Analysiere die öffentlichen Informationen einer URL, überprüfe ihre Open-Graph-Daten und erkenne vor dem Teilen, was fehlt.
Was das Tool prüft
Eine hilfreiche Vorschau benötigt klare, zugängliche Daten.
Der Checker sucht in der ersten Antwort der Website nach Titel, Beschreibung, Bild, angegebener Adresse, Websitenamen und Inhaltstyp.
Das Bild ist nicht zugänglich
Ein falscher relativer Pfad, Berechtigungen, Weiterleitungen oder eine gelöschte Datei können verhindern, dass der Crawler og:image herunterlädt.
Die Plattform behält eine alte Version
Auch nach der Korrektur der Website können WhatsApp, LinkedIn und andere Plattformen weiterhin zwischengespeicherte Daten verwenden.
Mehrere Tags konkurrieren miteinander
Wenn eine Seite mehrere Versionen derselben Informationen veröffentlicht oder unterschiedliche Adressen als kanonisch kennzeichnet, kann jeder Dienst ein anderes Ergebnis auswählen.
Wenn alle Adressen dieselbe Vorschau teilen
Was bei einer SPA passiert und warum das deine Links beeinflussen kann.
Wenn du eine KI gebeten hast, eine Website zu erstellen, ohne ihre Funktionsweise vorzugeben, hat sie möglicherweise ein beliebtes Frontend-Framework gewählt, das die Inhalte im Browser zusammensetzt.
CSR
Der Browser baut die Seite auf.
Eine SPA (Single Page Application) mit CSR (Client-Side Rendering) erhält normalerweise für jede Adresse dasselbe Basisdokument. Dieses Dokument heißt HTML und enthält die anfängliche Struktur. Anschließend führt der Browser JavaScript aus – den Code, der die Seite funktionsfähig macht – und zeigt den jeweiligen Inhalt an.
Deshalb kann auf einer reinen CSR-Website der Aufruf von /, /pricing oder /article zunächst dieselben Open-Graph-Informationen zurückgeben. Wartet der Dienst, der die Vorschau erzeugt, nicht auf den Browser, teilen all diese Adressen am Ende denselben Titel, dieselbe Beschreibung und dasselbe Bild.
SSR
Der Server bereitet jede Seite vor.
Mit SSR (Server-Side Rendering) kann jede Adresse von Anfang an eigene Inhalte und Open-Graph-Daten ausliefern. Der Browser erhält eine bereits eindeutig erkennbare Seite, bevor zusätzlicher Code ausgeführt wird.
So können sowohl eine Person als auch ein Vorschaudienst den richtigen Titel, die richtige Beschreibung und das richtige Bild für diese konkrete URL finden.
Zwei Wege zur Lösung
Sorge dafür, dass jede Adresse ihre eigenen Informationen ausliefert.
Stelle die Website auf SSR um.
Bitte die KI oder die für die Website zuständige Person, den Unternehmensbereich von CSR auf SSR umzustellen, sofern der Stack dies erlaubt. Danach kannst du Titel, Beschreibung und Bilder jeder Adresse selbst konfigurieren, ohne für einen weiteren Dienst zu bezahlen.
Open Graph konfigurieren lernenVerwalte Vorschauen mit External OG.
Mit Visualink kannst du die Vorschauen der ursprünglichen Adressen unabhängig vom Code und von Website-Deployments verwalten. Ändere Bild, Titel oder Beschreibung in einem separaten Dashboard.
Häufig gestellte Fragen
Was dir ein Social Preview Checker sagen kann.
Was ist eine Social-Media-Vorschau?
Das ist die Karte aus Bild, Titel, Beschreibung und Domain, die normalerweise erscheint, wenn eine URL in einem sozialen Netzwerk oder einer Messaging-App geteilt wird.
Zeigt der Checker genau dasselbe wie WhatsApp oder LinkedIn?
Nein. Er zeigt eine Annäherung auf Grundlage der gefundenen öffentlichen Metadaten. Jede Plattform verwendet ihr eigenes Design, eigene Regeln und einen eigenen Cache.
Öffnet der Checker die Seite wie ein Browser?
Nein. Er liest die erste vom Server gelieferte Antwort, bevor der Browser JavaScript ausführt und zusätzliche Inhalte aufbaut. Dadurch werden auch Websites erkannt, die Open-Graph-Informationen zu spät hinzufügen.
Warum sehe ich nach der Korrektur weiterhin ein altes Bild?
Die Plattform, auf der du den Link teilst, kann eine eigene Kopie speichern. Prüfe zuerst, ob die URL nun das richtige Bild ausliefert, und verwende danach das Prüf- oder Aktualisierungsverfahren der Plattform.
Warum zeigen mehrere Adressen meiner Website dieselbe Vorschau?
Das kann passieren, wenn eine SPA clientseitiges Rendering verwendet und der Server für jede Adresse dasselbe Ausgangsdokument liefert. Der Inhalt ändert sich später im Browser, doch der Vorschaudienst kann denselben Titel, dieselbe Beschreibung und dasselbe Bild beibehalten.
Kann ich eine Vorschau ändern, ohne die Zielwebsite anzupassen?
Du kannst einen Kurzlink mit eigener Vorschau veröffentlichen. Wenn du die Metadaten der ursprünglichen URLs einer Website oder SPA ändern musst, greift External OG über seine Integration auf diese Metadatenebene zu.