Start/Glossar/Open Graph
Serponado Glossar

Open Graph einfach erklärt: og:-Tags für bessere Social-Media-Darstellung

Open Graph Tags steuern, wie eine URL in Facebook, LinkedIn und anderen Netzwerken aussieht. Ohne sie wählen Plattformen Titel und Bild selbst – meistens schlecht.

Social Preview prüfen Zum Glossar

Warum Open Graph wichtig ist

Ohne Open Graph Tags wählt Facebook, LinkedIn oder WhatsApp aus dem HTML der Seite selbst, was angezeigt wird – oft ein falsches Bild, einen zu langen Titel oder gar keine Vorschau. Das reduziert die Klickrate drastisch.

Die wichtigsten Tags

og:title steuert den Titel in der Vorschau (40–95 Zeichen empfohlen). og:description die Kurzbeschreibung (100–200 Zeichen). og:image das Vorschaubild (empfohlen: 1200 × 630 Pixel, HTTPS, JPG oder PNG). og:url die kanonische URL des Inhalts.

og:title ist nicht der HTML-title

Beide können unterschiedlich formuliert sein. Der HTML-title erscheint im Browser-Tab und in Google-Snippets. Der og:title steuert nur die Social-Darstellung. Oft ist ein klickstärkerer, weniger keyword-orientierter Titel auf Social sinnvoll.

Twitter Card

Twitter/X nutzt ein eigenes System: twitter:card, twitter:title, twitter:image. Wird keine Twitter Card angegeben, greift die Plattform auf Open Graph zurück. summary_large_image zeigt ein breites Bild und ist für die meisten Inhalte die bessere Wahl.

Social Preview prüfen: Der Open Graph & Social Preview Checker zeigt Facebook-, LinkedIn- und X-Vorschauen direkt im Browser.
Praxis

Social-Media-Darstellung gezielt steuern – einfach umgesetzt

Die Social-Media-Darstellung einer URL entscheidet oft darüber, ob ein geteilter Link geklickt wird. Ohne Open-Graph-Tags wählen Facebook, LinkedIn und Messenger selbst aus, welcher Titel, welche Beschreibung und welches Bild angezeigt werden – das Ergebnis ist häufig ein abgeschnittener Text oder ein zufälliges Seitenelement als Vorschaubild. Mit og:title, og:description und og:image legst du diese drei Bausteine einfach selbst fest.

In der Praxis bewährt: Das og:image sollte mindestens 1200 mal 630 Pixel groß sein und als absolute URL angegeben werden, damit alle Plattformen es zuverlässig laden. Der og:title darf vom Seitentitel abweichen und emotionaler formuliert sein, denn er konkurriert im Feed mit anderen Inhalten – nicht in den Suchergebnissen. Und weil Plattformen Vorschauen zwischenspeichern, lohnt es sich, nach Änderungen den Cache der jeweiligen Debugger-Tools zu leeren. Mit dem Serponado Open Graph Preview Checker siehst du vorab, wie deine Seite in den wichtigsten Netzwerken erscheint.

Serponado-Cluster

Alles rund um Serponado

Begriff, Generator, Tools und offene Dokumentation – der vollständige Themenwirbel auf einen Blick.

Was ist Serponado?Bedeutung & KonzeptKeyword-Tornado GeneratorIdeen-GeneratorSEO-ToolsKostenlose ToolsÜber das ProjektE-E-A-T & EntstehungSerponado SitecheckOnPage, GEO & TechnikSEO-Contest 2026Worum es gehtStrategieOffen dokumentiertAcademySEO-WissenGEO im GeneratorKI-Prompts & Local SEOContent-BriefAus Keywords werden SeitenLageberichtTechnik & StatusJournalLaufende UpdatesSerponado SpielMini BrowsergameAutorSteven SonntagKI-CrawlerGPTBot, ClaudeBot & Co.llms.txtKI-Sichtbarkeit