Open Graph Generator

Generiert Open-Graph-Meta-Tags für Social-Media-Sharing und Rich Snippets

Wichtige Fakten

Kategorie
Entwicklung & Web
Eingabetypen
text, textarea, select, checkbox
Ausgabetyp
text
Sample-Abdeckung
4
API verfügbar
Yes

Überblick

Der Open Graph Generator erstellt präzise Meta-Tags, mit denen Sie steuern, wie Ihre Website-Inhalte in sozialen Netzwerken wie Facebook, Twitter und LinkedIn dargestellt werden.

Wann verwenden

  • •Vor dem Teilen neuer Blog-Artikel oder Landingpages in sozialen Medien.
  • •Zur Optimierung der Klickrate durch ansprechende Vorschau-Titel und Beschreibungen.
  • •Um sicherzustellen, dass beim Teilen Ihrer URL das korrekte Vorschaubild angezeigt wird.

So funktioniert es

  • •Geben Sie den Titel, die URL und die Beschreibung Ihrer Seite ein.
  • •Wählen Sie den passenden Inhaltstyp aus, z. B. Website oder Artikel.
  • •Fügen Sie optional eine Bild-URL hinzu, um die visuelle Darstellung zu definieren.
  • •Kopieren Sie den generierten HTML-Code und fügen Sie ihn in den <head>-Bereich Ihrer Website ein.

Anwendungsfälle

Optimierung von Blog-Beiträgen für eine bessere Performance auf LinkedIn und Facebook.
Einheitliche Darstellung von Produktseiten in sozialen Netzwerken.
Konfiguration von Rich Snippets für eine professionelle Markenpräsenz beim Teilen von URLs.

Beispiele

1. Blog-Artikel Sharing

Content Marketer
Hintergrund
Ein neuer Blog-Artikel soll auf Facebook geteilt werden, aber das Vorschaubild wird aktuell nicht korrekt geladen.
Problem
Fehlende oder falsche Meta-Informationen führen zu einer unprofessionellen Link-Vorschau.
Verwendung
Titel, Beschreibung und Bild-URL in den Generator eingeben, 'article' als Typ wählen und den Code in den Header der Seite einfügen.
Ergebnis
Beim Teilen des Links wird nun das korrekte Beitragsbild zusammen mit dem optimierten Titel angezeigt.

2. Produkt-Landingpage

E-Commerce Manager
Hintergrund
Eine neue Produktseite soll auf Twitter beworben werden.
Problem
Die Standard-Vorschau zeigt nur den Seitennamen ohne Produktbild oder Beschreibung.
Verwendung
Produktname als Titel, Kurzbeschreibung und Bild-URL der Produktgrafik eingeben, Twitter-Card-Option aktivieren.
Ergebnis
Der Tweet enthält nun eine ansprechende Vorschau mit Bild, die die Klickrate auf den Shop erhöht.

Mit Samples testen

image
SVG Beispiele
Beispiele für skalierbare Vektorgrafiken (SVG), die verschiedene SVG-Funktionen und -Techniken demonstrieren
matched family image
image
PDF-Beispiele
Generierte PDF-Beispiele von Tools zwischen 2026-02-01 und 2026-02-10
matched family image
image
TIFF Beispiele
TIFF-Bildbeispiele in verschiedenen Seitenverhältnissen und Themen mit hochwertigem unkomprimiertem Format
matched family image
image
Windows-Bildverarbeitung - C# Beispiele
Umfassende C# Bildverarbeitungsbeispiele für Windows-Plattform einschließlich Bildmanipulation, Filterung, Formatkonvertierung und erweiterten Computer-Vision-Operationen
matched family image
image

Verwandte Hubs

Tools fur Bildformat-Konvertierung und animierten Export
Vergleiche Bildkonverter fur JPG, PNG, GIF, AVIF, WebP, TIFF, ICO, base64 und animationsgeeignete Exporte in einem Hub.
Werkzeuge fur Bildbereinigung, Rahmen und Batch-Vorbereitung
Bunde Bildbereinigung, Beschneiden, Padding, Rahmen, Batch-Resize/Kompression, Wasserzeichen und visuelle Veredelung in einem Hub fur Asset-Vorbereitung.
Bildmetadaten-, EXIF- und Datenschutz-Bereinigungs-Tools
Vergleichen Sie Bildmetadaten-Viewer, EXIF/IPTC/XMP-Inspektoren, Ausrichtungsfixes, Metadaten-Editoren und Datenschutz-Bereinigungstools für Foto-Publishing-Workflows.
Generatoren fur JSON-Schemas, Mock-Daten und API-Fixtures
Gebundelte Werkzeuge fur JSON-Schema-Generierung, Aufbau von Mock-Payloads und Vorbereitung von API-Fixtures in einem Hub.

FAQ

Was sind Open Graph Tags?

Es sind Meta-Tags, die sozialen Netzwerken mitteilen, welche Informationen (Titel, Bild, Beschreibung) beim Teilen eines Links angezeigt werden sollen.

Warum sollte ich diese Tags verwenden?

Sie verbessern die Sichtbarkeit und Klickrate Ihrer Inhalte, da sie eine kontrollierte und professionelle Vorschau in sozialen Feeds ermöglichen.

Welche Bildgröße ist ideal?

Für eine optimale Darstellung auf den meisten Plattformen wird eine Bildgröße von 1200 x 630 Pixeln empfohlen.

Funktioniert das Tool auch für Twitter?

Ja, das Tool unterstützt die Einbindung von Twitter-Cards, um sicherzustellen, dass Ihre Inhalte auch auf Twitter korrekt dargestellt werden.

Wo füge ich den generierten Code ein?

Der Code muss in den HTML-Quelltext Ihrer Webseite innerhalb des <head>-Bereichs platziert werden.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/open-graph-generator

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
title text Ja -
description textarea Nein -
url text Nein -
imageUrl text Nein -
type select Nein -
siteName text Nein -
locale text Nein -
includeTwitterCard checkbox Nein -
twitterUsername text Nein -
includeFacebook checkbox Nein -
includeLinkedIn checkbox Nein -
includeBasicMeta checkbox Nein -
additionalProperties textarea Nein -

Antwortformat

{
  "result": "Processed text content",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
Text: Text

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu: 

{
  "mcpServers": {
    "elysiatools-open-graph-generator": {
      "name": "open-graph-generator",
      "description": "Generiert Open-Graph-Meta-Tags für Social-Media-Sharing und Rich Snippets",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=open-graph-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]