Open-Graph-Tag-Generator

Was ist der Open-Graph-Tag-Generator?

Der Open-Graph-Tag-Generator schreibt die Meta-Tags, die bestimmen, wie ein Link beim Teilen aussieht: Titel, Beschreibung, Bild und URL, die Facebook, LinkedIn, WhatsApp, Slack, Discord und X auslesen, um eine Vorschaukarte zu bauen. Fülle die Felder aus, sieh zu, wie sich die Vorschau aktualisiert, und kopiere den Tag-Block in den Head deiner Seite. Er deckt Open-Graph- und Twitter-Card-Tags ab und läuft komplett in deinem Browser.

So funktioniert es

1. Gib Seiten-URL, Titel, Beschreibung und Bild-URL ein. Das Bild sollte mindestens 1200 × 630 Pixel groß sein und eine absolute URL haben.
2. Lege den Typ fest: Website, Artikel, Video, Musik, Profil, Buch, Produkt, Ort oder Veranstaltung.
3. Wähle den Twitter-Card-Stil: summary_large_image passt fast immer.
4. Prüfe die Vorschau und kopiere die Tags dann in deinen Head-Bereich.
5. Schicke die URL nach dem Veröffentlichen durch das Debug-Tool der Plattform (Facebook Sharing Debugger, LinkedIn Post Inspector), um deren Cache zu leeren.

Die Tags, auf die es ankommt

• og:title und og:description dürfen von deinem SEO-Titel abweichen; schreibe sie für einen Social-Feed, kürzer und griffiger.
• og:image fällt am meisten auf. 1200 × 630, unter 1 MB, JPG oder PNG, absolute URL, und gib og:image:width und height an, damit der erste Share richtig dargestellt wird.
• og:url sollte die kanonische URL ohne Tracking-Parameter sein.
• twitter:card auf summary_large_image, dazu twitter:title, description und image; X fällt bei fehlenden Angaben auf die OG-Tags zurück.

Warum Vorschauen kaputtgehen (zwischengespeicherte alte Bilder, relative Pfade, Weiterleitungsketten, per robots.txt gesperrte Bilder) und wie du jedes Problem je Plattform behebst, steht in Open-Graph-Tags erklärt: So behebst du Link-Vorschauen auf jeder Plattform.

Häufige Fehler

• Relative Bildpfade. Jede Plattform verlangt eine absolute https-URL.
• Ein Bild, das weniger als 600 Pixel breit ist und die winzige quadratische Vorschau auslöst.
• Zu vergessen, dass Plattformen Vorschauen zwischenspeichern; Änderungen an den Tags bewirken nichts, bis du neu einliest.
• Den Bilderordner in der robots.txt zu sperren, sodass der Scraper das Bild nicht abrufen kann.
• Tags im Body statt im Head.

Verwandte Tools

Prüfe, was eine Live-Seite derzeit enthält, mit dem Meta-Tag-Extraktor, skaliere ein Vorschaubild auf 1200 × 630 mit dem Bildskalierer und sieh dir den Sucheintrag mit der SERP-Snippet-Vorschau an.

Häufig gestellte Fragen

Brauche ich sowohl Open-Graph- als auch Twitter-Tags?

Open Graph deckt die meisten Plattformen ab; ergänze twitter:card, damit X das große Bildlayout nutzt. Der Generator enthält beides.

Warum zeigt meine Vorschau noch das alte Bild?

Die Plattform hat es zwischengespeichert. Lies die URL mit ihrem Debug-Tool neu ein.

Fügt WordPress diese Tags automatisch hinzu?

Yoast und Rank Math tun das aus dem Beitragsbild heraus. Nutze dieses Tool für statische Seiten, eigene Templates oder um pro Seite zu überschreiben.

Werden Daten gespeichert?

Nein. Die Tags werden in deinem Browser erzeugt.