SEOSTUDIO™ · SEO & WEBMASTER

Open Graph Generator

Open-Graph- und X-Card-Metadaten für geteilte Links erstellen. Titel, Bild-URL und Beschreibung simulieren und den HTML-Code kostenlos exportieren.

SEO & WEBMASTER · LOKALE VERARBEITUNG

Deine Eingaben bleiben im Browser. Dieses Werkzeug fragt keine Website oder externe API ab.

Vorschau · Simulation

Darstellung ist eine Simulation; Bild wird nicht geladen.

https://example.com/
—

—

Wird berechnet, sobald Pflichtfelder ausgefüllt sind.

Welches Problem löst dieses Tool?

Beim Teilen einer Website in sozialen Netzwerken können falsche Bilder, unpassende Titel oder fehlende Beschreibungen erscheinen. Unser Open Graph Generator erstellt die benötigten Metadaten für eine kontrolliertere Linkvorschau.

Sechs Fragen aus der Praxis

Wie lege ich ein Vorschaubild für meine Website fest?

Trage die vollständige Bild-URL in das Feld og:image ein. Das Bild muss für die jeweilige Plattform erreichbar sein.

Wie erstelle ich einen individuellen Titel für geteilte Links?

Verwende og:title, um einen geeigneten Titel für die Social-Media-Vorschau anzugeben.

Warum zeigt Facebook ein falsches Vorschaubild?

Mögliche Ursachen sind fehlende Open-Graph-Tags, nicht erreichbare Bilder oder zwischengespeicherte Vorschauinformationen.

Wie kann ich die Beschreibung eines geteilten Links beeinflussen?

Mit og:description kannst du eine passende Beschreibung hinterlegen. Die Plattform entscheidet über die tatsächliche Darstellung.

Welche Open-Graph-Daten benötigt eine Artikelseite?

Typische Angaben sind Titel, Beschreibung, URL, Bild und der passende Inhaltstyp, beispielsweise article.

Wie erstelle ich Metadaten für X beziehungsweise Twitter?

Der Generator ergänzt passende X-Card-Metadaten für Titel, Beschreibung und Bild.

So funktioniert es – mit Beispiel

Titel, Beschreibung, Bild-URL, Seiten-URL, Inhaltstyp und Website-Namen eintragen. Die Vorschau ist simuliert; das Bild wird nicht geladen, damit deine Eingaben lokal bleiben. Tatsächliche Plattform-Caches werden nicht geprüft.

Praktisches Anwendungsbeispiel

Eine Agentur erstellt für ihre Leistungsseite einen individuellen Social-Media-Titel, eine Beschreibung und ein hochwertiges Vorschaubild.

Weitere Anwendungsfälle

  • Eine redaktionelle Linkvorschau vorbereiten.
  • Ein vorhandenes Bild als absolute URL angeben.
  • HTML für eine Produktseite kopieren.

Häufige Fragen

Was sind Open-Graph-Tags?

Metadaten, die Informationen für Linkvorschauen auf unterstützten Plattformen bereitstellen.

Sind Open-Graph-Tags für Google-Rankings erforderlich?

Nein. Sie dienen hauptsächlich der Darstellung geteilter Links.

Kann ich ein eigenes Bild verwenden?

Ja. Die Bild-URL muss öffentlich erreichbar und technisch geeignet sein.

Zeigt das Tool die echte Facebook-Vorschau?

Nein. Die integrierte Vorschau ist eine Simulation.

Ist der Open Graph Generator kostenlos?

Ja. Der HTML-Code wird lokal erzeugt.

Passende Werkzeuge für den nächsten Schritt

Website-Inhalte für geteilte Links vorbereiten

Du möchtest Website-Inhalte, Metadaten und Nutzerführung gemeinsam verbessern? Stelle deine Webdesign- oder Relaunch-Anfrage kostenlos und unverbindlich.

Kostenlos und unverbindlich anfragen →

Redaktion: SEOSTUDIO · Aktualisiert am 09.11.2026