Open-Graph-Tags validieren

Fügen Sie einen HTML-Ausschnitt ein (typischerweise den Inhalt des <head>), um die vorhandenen og:*-Tags zu erkennen und zu prüfen, dass keiner der wesentlichen Tags fehlt.

Beispiel:

So funktioniert es

Open-Graph-Tags steuern, wie eine Seite beim Teilen auf Facebook, LinkedIn oder in den Link-Vorschauen von Messengern wie Slack oder WhatsApp aussieht. Ohne sie zeigen diese Plattformen eine generische oder unvollständige Vorschau an. Dieses Tool analysiert einen HTML-Ausschnitt und meldet die vier in der Regel unverzichtbaren Tags: og:title, og:type, og:image und og:url.

Warum zeigt mein auf Facebook geteilter Link kein Bild an?

Das liegt fast immer daran, dass der Tag og:image fehlt oder auf eine ungültige URL verweist. Prüfen Sie hier, ob der Tag vorhanden ist, und testen Sie anschließend die Bild-URL direkt in einem Browser.

Muss ich auch Twitter-Card-Tags hinzufügen?

Twitter (X) kann ersatzweise die Open-Graph-Tags verwenden, es wird jedoch empfohlen, zusätzlich eigene Tags twitter:card, twitter:title und twitter:image hinzuzufügen, um die Vorschau in diesem Netzwerk genauer zu steuern.

Zu 100% lokale Verarbeitung: Ihr HTML-Ausschnitt wird nie an einen Server übertragen, die gesamte Analyse erfolgt in Ihrem Browser.