Fügen Sie eine Seite ein und sehen Sie die Teilen-Karte für Facebook, LinkedIn, X, WhatsApp und Slack
Läuft in Ihrem Browser. Nichts, was Sie eingeben, wird irgendwohin gesendet.Ein geteilter Link wird zu einer Karte aus Tags, die die meisten Seiten falsch setzen. Fügen Sie eine URL ein und sehen Sie, wie sie auf Facebook, LinkedIn, X, WhatsApp und Slack aussieht, 5 Vorschauen auf einmal, mit dem Bildformat und jedem fehlenden Tag markiert.
Diese Seite wurde maschinell aus dem englischen Original übersetzt. Die Übersetzung wurde noch von keinem Menschen geprüft; maßgeblich ist die englische Fassung. Englisches Original lesen
Öffnen Sie Ihre Seite und drücken Sie Ctrl+U, um den Quelltext zu sehen; dieses Tool kann selbst keine Webadresse öffnen.
Fügen Sie den Quelltext in den Bereich Seiten-HTML ein.
Klicken Sie in der Zeile Netzwerk jede Option von Facebook bis Slack an, um die Karte dieses Netzwerks zu sehen.
Lesen Sie, welcher Tag Überschrift, Beschreibung und Bild geliefert hat, und in der Zeile Fehlt, was hinzuzufügen ist.
Klicken Sie auf Bericht kopieren oder laden Sie ihn als open-graph-report.txt herunter.
Diese Open-Graph-Vorschau liest die Meta-Tags einer eingefügten Seite und zeichnet die Teilen-Karte, die Facebook, LinkedIn, X, WhatsApp und Slack jeweils daraus bauen würden. Jedes Netzwerk wird mit seiner eigenen Rückfall-Reihenfolge gezeigt, sodass Sie sehen, welcher Tag tatsächlich die Überschrift, die zweite Zeile und das Bild geliefert hat.
Eines tut sie nicht: eine Seite für Sie abrufen. Hinter dieser Website steht kein Server, und der Browser darf keine fremden Seiten anfordern; jedes Tool hier, das behauptete, eine Live-URL zu lesen, würde darüber lügen, wo die Arbeit passiert. Öffnen Sie die Seite, drücken Sie Ctrl+U für den Quelltext und fügen Sie ihn hier ein. Nur der head oder sogar ein paar Meta-Tags reichen.
Die Prüfungen decken die Fehler ab, die Karten wirklich kaputt machen: ein relativer og:image-Pfad, ein fehlendes og:url, ein twitter:card-Wert, der kein Kartentyp ist, wiederholte Tags, bei denen der Scraper stillschweigend den ersten behält, und per JavaScript im Client eingefügte Tags, die ein Scraper nie ausführt. Jede sagt, was das Netzwerk stattdessen tut.
Fügen Sie zusätzlich eine Basisadresse ein, dann werden relative Pfade aufgelöst und der Bericht zeigt die absolute URL, die Ihr Tag hätte enthalten sollen. Verwandte Tools: Meta Tag Generator schreibt einen korrekten Block von Grund auf.
Nein, und kein Tool, das nur in Ihrem Browser läuft, kann das. Um die Seite einer anderen Website zu lesen, braucht man einen Server, der sie abruft, oder eine Browser-Berechtigung, die diese Seite nicht hat. Öffnen Sie die Seite, drücken Sie Ctrl+U für den Quelltext und fügen Sie ihn hier ein. Der head allein reicht.
In neun von zehn Fällen ist der og:image-Wert ein relativer Pfad wie /card.png. Netzwerke laden das Bild von ihren eigenen Servern, es muss also eine vollständige https://-Adresse sein. Andere häufige Ursachen sind ein Bild hinter einer Anmeldung und eine Datei über etwa 5 MB.
X hat den öffentlichen Card Validator 2022 eingestellt. Eine Karte zu prüfen heißt jetzt, den Link zu posten oder die Tags selbst zu lesen. Diese Seite liest sie wie X: zuerst twitter:-Tags, dann og:-Tags, mit der kleinen Zusammenfassungskarte als Standard.
Facebook speichert eine Karte beim ersten Teilen eines Links zwischen und liest sie nicht von selbst neu. Nach einer Änderung der Tags geben Sie die URL in den Sharing Debugger von Facebook ein und wählen Scrape Again. Der Post Inspector von LinkedIn erledigt dasselbe.
Meist nicht. Die Scraper von Facebook, WhatsApp und Slack lesen das HTML, das der Server sendet, und führen Ihr JavaScript nicht aus. Von einem clientseitigen Framework eingefügte Tags sind für sie unsichtbar; rendern Sie sie daher auf dem Server oder rendern Sie die Seite vor.
Nein. Das Parsen ist reine Textverarbeitung in Ihrem Browser, und die Seite stellt überhaupt keine Netzwerkanfragen. Staging-Seiten und interne Websites lassen sich hier prüfen, ohne dass etwas Ihr Gerät verlässt.
Kommen Sie nicht weiter? Fragen Sie zu Open-Graph-Vorschau und jeder, der es weiß, kann antworten. Kein Konto nötig.