Open-Graph-Vorschau
Zeige eine Social-Card mit den von dir angegebenen Metadaten in der Vorschau an.
Open-Graph-Vorschau
Make it yours
Adjust the values, then get your result.
So verwendest du Open-Graph-Vorschau
The Open Graph preview shows an approximate social share card built from the page title, description, canonical URL and image URL you enter, and outputs the matching meta tags. Choose website or article as the og:type. The card shows the URL's hostname, title and description; the image URL goes into the tags but is not fetched or displayed.
- Gib die angeforderten Werte im Einstellungsbereich ein.
- Passe die Grundeinstellungen an und öffne dann den Erweiterten Modus für Export- und Feinabstimmungsoptionen. Benutzerdefinierte Einstellungen bleiben aktiv, wenn das Panel geschlossen wird.
- Führe die Open-Graph-Vorschau aus, prüfe die Ausgabe und verwende dann die verfügbaren Bedienelemente zum Kopieren oder Herunterladen.
Was dieses Tool unterstützt
Zeige eine Social-Card mit den von dir angegebenen Metadaten in der Vorschau an.
- Seitentitel
- Set this value for your task.
- Beschreibung
- Set this value for your task.
- Kanonische URL
- Set this value for your task.
- Social-Image-URL
- Set this value for your task.
- Open-Graph-Typ
- website · article
Grenzen und Verarbeitung
Verwende endliche Zahlen, gültige Datumsangaben und die in jedem Bedienelement angezeigten Bereiche. Ungültige Werte erzeugen einen Fehler ohne herunterladbares Ergebnis.
Beispielquelle
https://example.com
Häufige Fragen
Why doesn't my Open Graph image show in the preview?
The tool does not download remote images. It notes that an image URL is set and adds og:image with a summary_large_image Twitter card, but the card itself shows text only. Open the image URL directly to confirm it loads.
Will Facebook or LinkedIn show my link exactly like this preview?
Not necessarily. The preview is approximate, and social networks cache cards and may crop or render them differently. Use it to check your wording and tag values before publishing the page.
Which Open Graph tags does the preview generate?
It produces og:type, og:title, og:description, og:url and, when an image URL is given, og:image, along with the title element, meta description, canonical link and a twitter:card tag. Title and description text is HTML-escaped.
Wo wird meine Eingabe verarbeitet?
Dieser Vorgang verarbeitet seine Quelle in deinem Browser. Kopieren und Herunterladen sind ausdrückliche Aktionen; die Quelleingabe wird nicht in einem Konto oder Verlauf gespeichert.
Welche Eingabelimits gelten?
Verwende endliche Zahlen, gültige Datumsangaben und die in jedem Bedienelement angezeigten Bereiche. Ungültige Werte erzeugen einen Fehler ohne herunterladbares Ergebnis.