So verwenden Sie Open-Graph- & Meta-Tag-Vorschau
- 1
Link einfügen
Geben Sie die Adresse einer öffentlichen Seite ein und klicken Sie auf Link-Vorschau, um Titel, Beschreibung, Open-Graph-Tags und X-Karten-Tags auszulesen.
- 2
Karten prüfen
Vergleichen Sie das Google-Ergebnis mit den Karten für Facebook, X, LinkedIn, Slack, Discord und im iMessage-Stil und lesen Sie die Liste fehlender oder schwacher Tags.
- 3
Tags bearbeiten
Klicken Sie auf Diese Tags bearbeiten oder öffnen Sie Tags schreiben, um Titel, Beschreibung und Bild zu ändern. Alle Vorschauen aktualisieren sich während der Eingabe.
- 4
In Ihre Seite kopieren
Kopieren Sie die erzeugten Meta-Tags in den Head Ihrer Seite, veröffentlichen Sie sie und prüfen Sie die Live-URL erneut.
Limits und Pro
Kostenlos: 20 URL-Vorschauen pro Minute, Seiten bis 3 MB HTML mit 12 Sekunden Zeitlimit, 7 Plattform-Vorschauen pro Link und unbegrenztes Bearbeiten der Tags.
Über Open-Graph- & Meta-Tag-Vorschau
Der Meta-Tag-Previewer zeigt, wie ein Link aussieht, bevor Sie ihn teilen. Er liest die Tags aus, aus denen Link-Vorschauen entstehen: den HTML-Titel und die Meta-Beschreibung, Open-Graph-Tags wie og:title, og:description, og:image und og:site_name, X-Karten-Tags wie twitter:card sowie die Designfarbe, die Discord für den Streifen seiner Einbettung nutzt. Daraus erstellt er sieben Vorschauen: ein Google-Suchergebnis, Link-Beiträge bei Facebook und LinkedIn, eine X-Karte als großes Bild oder als Zusammenfassung, eine Slack-Vorschau, eine Discord-Einbettung und eine Sprechblase im iMessage-Stil.
Fehlt ein Feld, greifen die Vorschauen wie bei den meisten Plattformen auf Ersatzwerte zurück, etwa von og:title auf den Seitentitel. Die Quelle wird in den Warnungen vermerkt. Auch das Bild wird geprüft: Abmessungen und Typ werden aus dem Dateikopf gelesen. So erfahren Sie, ob es unter dem Facebook-Minimum von 200 × 200 liegt, für das X-Limit von 5 MB zu groß ist, ein nicht unterstütztes SVG ist oder für eine große 2:1-Karte das falsche Format hat.
Der Tab Tags schreiben funktioniert, ohne etwas abzurufen, und gibt einen fertigen Block mit Meta-Tags aus. Die Vorschauen sind Annäherungen: Plattformen ändern ihr Design, speichern Karten tagelang zwischen, und manche zeigen angemeldeten Personen anderen Text. Um eine bereits geteilte Karte zu aktualisieren, nutzen Sie nach der Veröffentlichung den Debugger der jeweiligen Plattform.
Datenschutz
Bei URL prüfen geht die Adresse an unseren Server, der die Seite einmal und die ersten Bytes ihres og:image herunterlädt, um Tags und Bildgröße zu lesen; nichts wird gespeichert oder protokolliert. Die Vorschaubilder lädt anschließend Ihr Browser direkt von der Website, die sie hostet. Tags schreiben läuft nur in Ihrem Browser.
Funktionen
Sieben Vorschauen
Karten für Google, Facebook, X, LinkedIn, Slack, Discord und im iMessage-Stil nebeneinander.
og:image-Prüfung
Abmessungen, Dateityp und Dateigröße direkt aus dem Bild gelesen, mit den Mindestwerten der Plattformen.
Tag-Generator
Geben Sie Titel, Beschreibung und Bild ein und kopieren Sie einen vollständigen Block aus Open-Graph- und X-Karten-Tags.