Open-Graph-Generator

Was der Open-Graph-Generator leistet

Der Open-Graph-Generator erzeugt die Social-Meta-Tags, die darüber entscheiden, wie Ihre Seite aussieht, wenn jemand sie auf Facebook, LinkedIn, Slack, Discord, X/Twitter und vielen weiteren Plattformen teilt. Ohne diese Tags zeigt ein geteilter Link oft nur eine nackte URL oder einen zufälligen Textausschnitt; mit ihnen stellt die Plattform eine ansprechende Karte mit Titel, Beschreibung und Vorschaubild dar. Dieses Tool erstellt aus einem kurzen Formular einen vollständigen Satz von og:-Eigenschaften samt passenden Twitter-Card-Tags, sodass Sie jeden Wert nur einmal eingeben müssen.

Sie geben Titel, Beschreibung, Bild-URL, kanonische Seiten-URL, Seitennamen und einen Inhaltstyp wie website, article oder product an. Für X/Twitter wählen Sie zwischen einer kompakten Summary-Karte und einer Karte mit großem Bild und können das Publisher-Handle ergänzen. Das Ergebnis ist ein einfügefertiger Block aus <meta>-Tags, der in den <head> der Seite gehört. Da soziale Plattformen diese Tags zwischenspeichern, erspart Ihnen eine korrekte Erstellung von Anfang an späteres erneutes Einlesen und Fehlersuchen.

Privater Workflow direkt im Browser

Alle Tags werden lokal mit clientseitigem JavaScript zusammengesetzt. Das Tool lädt Ihr Bild nicht ab, durchsucht Ihre URL nicht und lädt keinen der eingegebenen Werte hoch – alles bleibt im Browser. Das ist nützlich, wenn Sie Share-Karten für eine unveröffentlichte Kampagne, eine Staging-URL oder noch gesperrte Inhalte vorbereiten, denn keine dieser Angaben verlässt Ihr Gerät.

Praktische Tipps

Verwenden Sie eine absolute, öffentlich erreichbare Bild-URL statt eines relativen Pfads, da Social-Crawler relative Links nicht auflösen können. Ein Bild mit 1200×630 Pixeln ist eine sichere Standardgröße und füllt die große Summary-Karte gut aus. Halten Sie og:title nah am tatsächlichen Seitentitel und formulieren Sie og:description als knackigen Einzeiler, denn diese Texte sind auf Klicks und nicht auf Suchmaschinen-Rankings optimiert. Geben Sie immer og:url mit der kanonischen Adresse an, damit sich Shares auf einer Seite bündeln. Prüfen Sie Ihre Tags nach der Veröffentlichung mit den offiziellen Sharing-Debuggern der jeweiligen Plattform und lassen Sie neu einlesen, wenn Sie das Bild ändern, da Plattformen die erste gesehene Version zwischenspeichern.