Open Graph Vorschau — Was sind OG Tags und warum sind sie wichtig?
Open Graph (OG) Tags sind HTML Meta-Tags, die steuern, wie deine Website beim Teilen auf Social-Media-Plattformen wie Facebook, LinkedIn, Twitter und WhatsApp erscheint. Ohne korrekte OG-Tags zeigen Plattformen zufälligen Inhalt — oder gar nichts — was die Klickrate drastisch senkt. Unser kostenloser OG-Preview-Checker zeigt dir genau, was Nutzer sehen, wenn sie deine URL teilen, bevor du veröffentlichst.
Was das OG-Preview-Tool analysiert
og:titleTitel auf Social Media (ideal: 55–70 Zeichen)og:descriptionBeschreibungstext (ideal: 150–200 Zeichen)og:imageVorschaubild — muss absolute URL sein, ideal 1200×630pxog:urlKanonische URL der geteilten Seiteog:typeInhaltstyp (website, article, video...)og:site_nameWebsite-/Markenname auf Social Cardstwitter:cardTwitter-Card-Typ (summary, summary_large_image)twitter:imageSeparates Bild für Twitter/XWie jede Plattform OG-Tags unterschiedlich rendert
Google nutzt og:title und og:description als Fallback, wenn dein HTML-Title/Description fehlt oder zu kurz ist. Es zeigt og:image auch als Thumbnail in Suchergebnissen. Google liest og:url für Canonical-Signale.
Facebook & LinkedIn
Diese Plattformen zeigen eine große Bildkarte mit og:title, og:description und og:site_name darunter. Das Bild wird prominent angezeigt — ohne og:image hat dein geteilter Link keine visuelle Attraktivität. Empfohlene Bildgröße: 1200×630px.
Twitter / X
Twitter nutzt eigene twitter:card Meta-Tags. Mit "summary_large_image" wird ein Vollbreiten-Bild angezeigt. Mit "summary" erscheint nur ein kleines Thumbnail. Fehlen twitter:-Tags, greift Twitter auf og:-Tags zurück.
WhatsApp zeigt eine kompakte Link-Vorschau mit kleinem Thumbnail, Titel und URL. Es nutzt og:image (skaliert), og:title und die Domain. Bilder müssen öffentlich zugänglich sein — keine Authentifizierung oder regionsblockierte CDNs.
Open Graph Best Practices für den DACH-Raum
Für österreichische und deutsche Websites ist eine korrekte OG-Implementierung besonders wichtig, weil deutschsprachiges Social Sharing oft andere Plattform-Mixes umfasst — XING und LinkedIn sind im B2B-Kontext besonders dominant, während WhatsApp-Business-Sharing (über Status, Gruppen) verbreiteter ist als in englischsprachigen Märkten.
- og:title auf 55–70 Zeichen setzen — wertvolle Fläche für CTR-Optimierung
- og:image immer mit absoluter URL (https://...) bei 1200×630px einbinden
- og:description als 150–200 Zeichen Kurzbeschreibung des Seiteninhalts
- og:type = "article" für Blogbeiträge — Plattformen nutzen dies für das Karten-Layout
- twitter:card = "summary_large_image" für maximale Twitter-Sichtbarkeit setzen
- Nach jedem größeren Content-Update testen — OG-Daten können 24–72h gecached sein
OG Tags reparieren — kostenlose Tools
Meta Tag Generator
Optimierte og:title, og:description und Twitter Cards in Sekunden generieren — kein manuelles Coding.
SEO Checker
Vollständige On-Page SEO Analyse — inklusive OG-Tags, Schema Markup und 20+ weitere Faktoren.
GEO Checker
KI-Sichtbarkeit in ChatGPT, Perplexity und Google SGE prüfen — OG-Tags sind ein GEO-Faktor.
Schema Generator
OG-Tags mit JSON-LD strukturierten Daten kombinieren für maximale Such- und KI-Sichtbarkeit.
Häufig gestellte Fragen zum Open Graph Preview
Was ist ein Open Graph Preview Tool?
Ein Open Graph Preview Tool lädt eine URL und extrahiert die og: Meta-Tags, um zu zeigen, wie die Seite beim Teilen auf verschiedenen Social-Media-Plattformen erscheint. Es hilft dir, deine OG-Implementierung vor dem Veröffentlichen zu prüfen.
Warum sieht meine Facebook-Vorschau anders aus als in deinem Tool?
Facebook cached OG-Daten 24–72 Stunden. Wenn du OG-Tags kürzlich aktualisiert hast, kann die alte Vorschau noch gecached sein. Nutze Facebooks Sharing Debugger (developers.facebook.com/tools/debug) zum Cache-Reset. Unser Tool lädt immer das aktuelle HTML.
Welche Bildgröße ist für og:image empfohlen?
1200×630 Pixel (1.91:1 Verhältnis) — optimal für Facebook, LinkedIn und Twitter. Die maximale Dateigröße variiert, aber unter 8MB ist sicher. Für Twitter benötigen summary_large_image Cards mindestens 600×314px.
Brauche ich sowohl og: als auch twitter: Tags?
Twitter nutzt og:-Tags als Fallback, wenn twitter:-Tags fehlen — aber beide zu haben gibt mehr Kontrolle. twitter:card = "summary_large_image" sollte immer explizit gesetzt werden, da es nicht aus og:type abgeleitet wird.
Kann ich relative URLs für og:image verwenden?
Nein — Social-Media-Plattformen benötigen absolute URLs (beginnend mit https://) für og:image. Relative Pfade wie /images/og.jpg funktionieren nicht. Immer die vollständige URL mit Protokoll und Domain verwenden.
Jetzt Social-Media-Vorschau prüfen
3 kostenlose Vorschauen — keine Anmeldung nötig.
Vorschau jetzt generieren