Open-Graph-Generator — OG- und Twitter-Card-Tags mit Vorschau
EntwicklungEin Open-Graph-Generator erstellt aus Titel, Beschreibung, URL und Bild die og:*- und twitter:*-Meta-Tags, die soziale Plattformen zum Rendern von Link-Sharing-Karten lesen.
Diese Seite wurde mit KI-Unterstützung übersetzt und noch nicht professionell geprüft. Prüfen Sie die zitierten Quellen vor einer wichtigen Entscheidung.
Was ist das
Open Graph ist das Meta-Tag-Protokoll, das Facebook, Slack, KakaoTalk und ähnliche Dienste lesen, wenn sie eine Link-Vorschaukarte (Titel, Beschreibung, Bild) zeichnen, und Twitter Cards sind die X-spezifische Erweiterung. Dieses Tool erzeugt die Tags og:title, og:description, og:url, og:image, og:site_name und twitter:card und zeigt aus deinen Eingaben eine Vorschau der Sharing-Karte. Die tatsächliche Darstellung kann je nach Cache und Richtlinie der Plattform variieren.
Verwendung
- 1Gib den Kartentitel, die Beschreibung, die Seiten-URL und die Bild-URL ein.
- 2Wähle den og:type und das Twitter-Card-Format.
- 3Erzeuge die Tags, kopiere sie in den <head> und prüfe sie anschließend mit dem Open-Graph-Checker.
Referenz
| Tag | Erforderlich | Hinweise |
|---|---|---|
| og:title | erforderlich | Titel der Sharing-Karte |
| og:type | erforderlich | Inhaltstyp (website, article, ...) |
| og:image | erforderlich | Kartenbild — 1200×630px (1.91:1) empfohlen |
| og:url | erforderlich | kanonische Seiten-URL |
| twitter:card | empfohlen | X-Kartenformat (summary, summary_large_image) |
Quellen und Normen
- The Open Graph protocol - Open Graph protocol
- About X Cards - X Developer Platform
FAQ
Werden meine Eingaben oder die Bild-URL an einen Server gesendet?
Nein. Die Tag-Erzeugung und die Kartenvorschau laufen in deinem Browser. Das Vorschaubild wird von deinem Browser direkt von der eingegebenen URL geladen und durchläuft nie diesen Dienst.
Welche Größe wird für og:image empfohlen?
1200×630 Pixel (Seitenverhältnis 1.91:1) ist die am weitesten verbreitete Empfehlung; Bilder sollten mindestens 600×315 Pixel groß sein, um auf den meisten Plattformen eine große Karte zu erhalten.
Brauche ich noch Twitter-Card-Tags, wenn OG-Tags vorhanden sind?
X greift auf die Open-Graph-Tags zurück, wenn twitter:*-Tags fehlen, aber twitter:card ausdrücklich zu setzen ist der sichere Weg, um das Kartenformat zu steuern.