Open-Graph-Vorschau für Linkkarten und Tag-Generator

So verwenden Sie es

Tragen Sie Titel, Beschreibung und Bildadresse des Links sowie die Seitenadresse (og:url) ein.
Wählen Sie die Art der Twitter-Karte (twitter:card) und füllen Sie Name der Website (og:site_name) aus, falls Sie einen haben.
Oder fügen Sie die Meta-Zeilen einer Seite in das Einfügefeld ein und klicken Sie auf Eingefügte Tags lesen, um das Formular zu füllen.
Lesen Sie die sechs Linkkarten und die Hinweise darunter, dann klicken Sie auf Kopieren oder Herunterladen, um die Kopf-Tags zu übernehmen.

Welche Tags eine Linkkarte liest

Das Open-Graph-Protokoll nennt og:title, og:type, og:image und og:url als Pflichteigenschaften; og:description und og:site_name sind optional. Das Werkzeug schreibt og:type immer als website, weil es der einzige Pflichtwert ist, den das Formular nicht abfragt.

Die Hilfeseite von LinkedIn sagt, das Teilen-Feld nehme Titel, Beschreibung und Bild aus oEmbed- und/oder Open-Graph-Auszeichnung.
Der Leitfaden von Slack sagt, Slack suche nach gängigen Open-Graph- und X-Card-Metadaten (früher Twitter Card).
Facebook empfiehlt ein Bild von mindestens 1200 x 630 Pixeln und rät, es nahe an einem Seitenverhältnis von 1,91:1 zu halten.

Bildgrößen und was das Werkzeug prüft

Facebooks Hinweise zum Teilen empfehlen mindestens 1200 x 630 Pixel und sagen, dass die Datei 8 MB nicht überschreiten darf. Das Werkzeug kann die Größe eines Bildes nur lesen, wenn Sie es auf diesem Gerät wählen, denn eine eingetragene Adresse wird nicht geladen.

Ein gewähltes Bild wird gegen 1200 x 630 Pixel geprüft und vermerkt, wenn es abweicht. Die Tags brauchen dann die Adresse des Bildes im Internet, die Sie unter Bildadresse eintragen.

Die Tags einer Seite einfügen

Fügen Sie die Meta-Zeilen einer Seite ein, füllt sich das Formular daraus. Das Werkzeug liest nur og:- und twitter:-Tags; ein og:-Wert hat Vorrang vor einem twitter:-Wert für dasselbe Feld. Der eingefügte Text wird in einem eigenen Dokument gelesen und nie auf diese Seite gesetzt.

Was die Linkkarten sind

Jede Karte ist ein allgemeines Layout in der üblichen Form einer Linkkarte: ein Bild oben, ein Bild seitlich, eine Sprechblase oder ein Block mit einer Leiste. Die Farben sind neutral, und kein Logo wird gezeigt. Die Karten sind keine Kopien der Karte eines Dienstes. Wo diese Seite beschreibt, was ein Dienst tut, verweist sie auf die eigene Seite dieses Dienstes.

Durchgerechnetes Beispiel: eine Seite mit einem Bild von 1200 x 630

Der Titel ist Zinseszinsrechner (17 Zeichen), die Beschreibung lautet Berechnen Sie, wie Ersparnisse mit monatlichen Einzahlungen wachsen. Die Seitenadresse ist https://example.com/zinseszinsrechner, die Bildadresse https://example.com/images/compound-interest-1200x630.png, der Name der Website FireToolLand und die Kartenart summary_large_image.

Die Kopf-Tags sind og:type, og:title, og:description, og:image, og:url, og:site_name und twitter:card: sieben Zeilen. Kein Hinweis erscheint, weil der Titel unter der Richtlänge liegt, die Bild- und Seitenadressen https sind und eine Kartenart gesetzt ist.

Tag	Wert
og:type	website
og:title	Zinseszinsrechner
og:site_name	FireToolLand
twitter:card	summary_large_image

Häufig gestellte Fragen

Warum zeigt die Vorschau einen Rahmen statt meines Bildes?

Eine eingetragene Bildadresse wird nicht geladen, denn das Laden würde von dieser Seite aus eine Anfrage an diese Adresse senden. Der Rahmen zeigt die Adresse als Text. Wählen Sie ein Bild von Ihrem Gerät, um es hier zu sehen.

Wird mein Bild beim Auswählen hochgeladen?

Nein. Das Bild wird über eine lokale Adresse angezeigt, die in Ihrem Browser bleibt; die Adresse wird freigegeben, wenn Sie ein anderes Bild wählen. Das Bild wird nie hochgeladen und nicht in die Tags geschrieben.

Warum sollten die Adressen in den Tags vollständige https-Adressen sein?

Eine Linkkarte entsteht aus der Adresse der Seite und der Adresse ihres Bildes. Das Tag og:url ist die kanonische URL des Objekts, sie sollte also die vollständige https-Adresse der Seite sein.

Zeigen die Karten genau, was jeder Dienst anzeigt?

Nein. Die sechs Karten sind allgemeine Layouts. Dienste ändern ihre Karten und halten Tags einer Seite manchmal im Cache, daher prüfen Sie das echte Ergebnis im jeweiligen Dienst.

Prüft das Werkzeug die Länge des Titels genau?

Nein. ogp.me setzt für og:title keine Höchstlänge. Der Hinweis zu 60 Zeichen ist ein grober Richtwert, den dieses Werkzeug gewählt hat; ein Dienst kann eine andere Länge zeigen.

Quellen

Zahlen und Text zuletzt geprüft: Dienstag, 10. November 2026.