Open Graph Vorschau

Website-URL eingeben

Open Graph Karte Vorschau

Facebook Vorschau

EXAMPLE WEBSITE

Beispiel Seitentitel

Dies ist ein Beispiel für eine Beschreibung des Seiteninhalts, die beim Teilen in sozialen Medien angezeigt wird.

https://example.com/page

Twitter Vorschau

Beispiel Seitentitel

Dies ist ein Beispiel für eine Beschreibung des Seiteninhalts, die beim Teilen in sozialen Medien angezeigt wird.

example.com

website

Meta-Tags Generator

<!-- Primary Meta Tags -->
<title>Beispiel Seitentitel</title>
<meta name="title" content="Beispiel Seitentitel" />
<meta name="description" content="Dies ist ein Beispiel für eine Beschreibung des Seiteninhalts, die beim Teilen in sozialen Medien angezeigt wird." />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:title" content="Beispiel Seitentitel" />
<meta property="og:description" content="Dies ist ein Beispiel für eine Beschreibung des Seiteninhalts, die beim Teilen in sozialen Medien angezeigt wird." />
<meta property="og:image" content="https://images.unsplash.com/photo-1591696331111-ef9586a5b17a?q=80&w=1200&auto=format" />
<meta property="og:site_name" content="Example Website" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://example.com/page" />
<meta property="twitter:title" content="Beispiel Seitentitel" />
<meta property="twitter:description" content="Dies ist ein Beispiel für eine Beschreibung des Seiteninhalts, die beim Teilen in sozialen Medien angezeigt wird." />
<meta property="twitter:image" content="https://images.unsplash.com/photo-1591696331111-ef9586a5b17a?q=80&w=1200&auto=format" />

So verwenden Sie Open Graph Previewer

1
Seiten-URL eingeben
Fügen Sie die vollständige URL der Seite, die Sie prüfen möchten, in das Feld für die Website-URL ein.
2
OG-Daten abrufen
Klicken Sie auf „OG-Daten abrufen“, um den vorhandenen Open-Graph-Titel, die Beschreibung, das Bild und den Seitennamen der Seite abzurufen.
3
Bei Bedarf manuell bearbeiten
Wechseln Sie zu „Manuell bearbeiten“, um Titel, Beschreibung, Bild-URL, Typ und weitere Felder anzupassen und die Vorschau zu aktualisieren.

4
Vorschau ansehen und Tags kopieren
Prüfen Sie die Facebook- und Twitter-Card-Vorschauen und kopieren Sie dann die erzeugten Meta-Tags, um sie Ihrer Seite hinzuzufügen.

Häufig gestellte Fragen

Was sind Open-Graph-Tags und warum sind sie wichtig?

Open-Graph-Meta-Tags teilen sozialen Plattformen mit, welchen Titel, welche Beschreibung und welches Bild beim Teilen Ihrer Seite angezeigt werden sollen. Gut gesetzte Tags erzeugen daher reichhaltigere, klickfreundlichere Linkvorschauen auf Facebook, X, LinkedIn und mehr.

Wie funktioniert die Facebook- und Twitter-Vorschau?

Das Tool rendert nachgebildete Facebook- und Twitter-Cards anhand Ihrer Open-Graph-Werte, sodass Sie sehen können, wie Titel, Beschreibung und Bild erscheinen, bevor Sie den Link veröffentlichen oder teilen.

Kann ich Tags ohne eine vorhandene Seite erzeugen?

Ja, verwenden Sie „Manuell bearbeiten“, um Titel, Beschreibung, Bild-URL, Seitennamen, URL und Typ von Grund auf einzugeben, und kopieren Sie dann die fertigen Meta-Tags für Ihr HTML.

Warum könnte das Abrufen einer URL fehlschlagen oder keine Daten liefern?

Manche Seiten blockieren automatisierte Anfragen, erfordern eine Anmeldung oder haben überhaupt keine Open-Graph-Tags; wechseln Sie in diesen Fällen in den manuellen Modus und geben Sie die Werte selbst ein.

Ist das Tool kostenlos und was geschieht mit der eingegebenen URL?

Das Tool ist kostenlos und ohne Registrierung nutzbar. Um Tags von einer Live-Seite zu lesen, ruft es die URL über unseren Server-Proxy ab (nötig, um die Cross-Origin-Beschränkungen des Browsers zu umgehen), sodass nur die öffentliche Seitenadresse angefragt wird; die manuelle Bearbeitung und die Vorschauen laufen in Ihrem Browser.

Open Graph Vorschau

Beispiel Seitentitel

Beispiel Seitentitel

So verwenden Sie Open Graph Previewer

Häufig gestellte Fragen

Verwandte Tools