Open-Graph-Generator
Generieren Sie Open Graph und Twitter Card Meta-Tags für perfektes Social-Media-Sharing. Live-Vorschau.
📋 Open Graph
📝 Article
🛒 Product
🎬 Video
🐦 Twitter Card
👁️ Vorschau
📄 Generierter Code
💡 Fügen Sie diese Tags in den <head>-Bereich Ihrer HTML-Seite ein.
Open-Graph-Generator
Dieser kostenlose Open-Graph-Generator hilft Ihnen, OG-Tags und Twitter Cards für bessere Social-Media-Sichtbarkeit zu erstellen.
Beliebte Werkzeuge
Über Open-Graph-Generator
Der Open Graph Generator macht aus Titel, Beschreibung, Bild-URL und Canonical-URL einer Seite einen fertigen Block aus og:-Meta-Tags samt passender Twitter Card, mit Vorschau, wie Facebook und X den Link darstellen würden. Wechseln Sie den Typ auf article, product oder video, kommen die Eigenschaften hinzu, die diese Objekte verlangen - article:author und article:published_time, product:price:amount und die Währung, og:video -, und twitter:card lässt sich auf summary, summary_large_image, player oder app setzen. Alles läuft vollständig in Ihrem Browser; die erzeugten Tags landen in der Zwischenablage und werden nirgendwohin gesendet.
Anwendungsfälle
Anleitung
Wählen Sie oben den Seitentyp: Website, Artikel/Blog, Produkt oder Video. Damit werden og:type und die passende Twitter Card gesetzt.
Füllen Sie og:title (maximal 95 Zeichen), og:description (maximal 200), og:url und og:image aus und legen Sie dann Breite und Höhe des Bildes fest – standardmäßig 1200 mal 630.
Ergänzen Sie og:site_name und wählen Sie og:locale, zum Beispiel en_US, fr_FR oder pt_BR.
Füllen Sie den Zusatzbereich für Ihren Typ aus: article:author, published_time, section und tags; Produktpreis und Währung; oder die URL der Videodatei.
Lassen Sie die Twitter Card aktiviert und setzen Sie twitter:card auf summary, summary_large_image, player oder app – dazu die Handles twitter:site und twitter:creator.
Vergleichen Sie die Vorschauen im Facebook- und im Twitter/X-Stil, klicken Sie dann auf Kopieren und fügen Sie die Meta-Tags in den head-Bereich Ihrer Seite ein.
Profi-Tipps
- Fügen Sie Ihre Inhalte direkt ein – der Open-Graph-Generator erkennt gängige Eingabemuster und wendet automatisch sinnvolle Standardwerte an.
- Nutzen Sie Tastenkürzel (Strg/Cmd+A zum Markieren, Strg/Cmd+C zum Kopieren), um im Open-Graph-Generator schneller zu arbeiten.
- Teilen Sie sehr große Eingaben in Blöcke auf – die meisten Browser-Tabs verkraften zwar mehrere Megabyte Text, doch beim Parsen riesiger Payloads kann die Oberfläche kurz einfrieren.
- Der Open-Graph-Generator protokolliert und speichert Ihre Eingaben nicht. Wenn Sie einen Verlauf brauchen, kopieren Sie wichtige Ergebnisse in eine lokale Datei oder eine Notiz-App.
- Kombinieren Sie den Open-Graph-Generator mit anderen Tools dieser Seite (Formatierern, Konvertern, Encodern), um komplette Daten-Pipelines aufzubauen, ohne den Browser zu verlassen.
Häufig gestellte Fragen
Ja, vollständig kostenlos – ohne Anmeldung, ohne API-Schlüssel, ohne Wasserzeichen und ohne Nutzungslimits.
Nein. Der Open-Graph-Generator läuft vollständig clientseitig in Ihrem Browser. Ihre Eingaben erreichen unsere Server nie.
Es gibt keine feste Grenze, aber bei Eingaben von mehr als ein paar Megabyte wird es je nach Arbeitsspeicher Ihres Geräts langsamer.
Ja. Die mit dem Open-Graph-Generator erzeugten Ergebnisse dürfen Sie frei in jedem privaten oder kommerziellen Projekt verwenden.
Der Großteil der Logik läuft als clientseitiges JavaScript – nach dem ersten Laden können Sie deshalb meist ohne Netzverbindung weiterarbeiten.
Nein. Da der Open-Graph-Generator in Ihrem Browser läuft, können Sie so viele Eingaben verarbeiten, wie Ihre Hardware zulässt – ohne API-Schlüssel und ohne Drosselung.