Pulsars

OG-Meta-Tag-Generator — Social-Media-Vorschau erstellen

Meta-Tag-Felder

Empfohlen: 1200×630px (Verhältnis 1.91:1)

Live-Vorschau

Google-Suche
example.com
Page Title
Page description will appear here...
Twitter / X
No image
Title
Description
example.com
Facebook / LinkedIn
No image
EXAMPLE.COM
Title
Description
iMessage
No image
Title
Description

Generierter HTML-Code

<!-- Open Graph -->
<meta og-attr">property="og:type" og-attr">content="website" />
 
<!-- Twitter Card -->
<meta og-attr">name="twitter:card" og-attr">content="summary_large_image" />
Deine URLs und Inhalte bleiben in deinem Browser. Nichts wird gespeichert oder geteilt.

Open-Graph-Meta-Tags (OG-Tags) wurden 2010 von Facebook entwickelt und steuern, wie Webseiten beim Teilen in sozialen Netzwerken dargestellt werden. Die vier Pflicht-Properties sind og:title, og:type, og:image und og:url. Twitter nutzt ein eigenes System mit twitter:card, twitter:title, twitter:description und twitter:image. Ohne diese Tags erzeugen Plattformen automatisch Vorschauen aus dem Seiteninhalt — häufig mit fehlenden Bildern oder abgeschnittenen Beschreibungen, was die Klickrate um 30–50 % senken kann.

Was sind Open Graph Tags?

Open Graph ist ein Protokoll, das Facebook 2010 eingeführt hat, um jede Webseite in ein reichhaltiges Objekt im sozialen Graphen zu verwandeln. Wenn jemand Ihre URL teilt, liest die Plattform die OG-Tags und erzeugt eine Vorschaukarte mit Titel, Beschreibung und Bild. Ohne diese Tags wird entweder geraten (meist schlecht) oder ein generischer Link angezeigt. OG-Tags werden von Facebook, LinkedIn, Pinterest, Slack, Discord, Telegram, iMessage und vielen weiteren Plattformen unterstützt. Für die beste Darstellung sollten alle vier Pflichtfelder ausgefüllt sein.

Welche Bildgröße ist optimal für Social Sharing?

Die empfohlene Bildgröße für Facebook und LinkedIn ist 1200 × 630 Pixel mit einem Seitenverhältnis von 1,91:1. Twitters summary_large_image nutzt ein ähnliches 2:1-Verhältnis (1200 × 628 px), während der einfache Summary-Kartentyp mindestens 144 × 144 Pixel erfordert. Verwenden Sie PNG- oder JPG-Format und halten Sie die Dateigröße unter 5 MB. Zu kleine Bilder werden auf manchen Plattformen gar nicht angezeigt, zu große verzögern das Laden der Vorschau. Für die Validierung strukturierter Daten nutzen Sie unseren JSON-Formatter.

Häufig gestellte Fragen

Was sind Open-Graph-Tags?

+

Open-Graph-Tags (OG-Tags) sind HTML-Meta-Tags, die steuern, wie Ihre Seite beim Teilen auf Facebook, LinkedIn, Twitter und Messaging-Apps angezeigt wird. Sie definieren Titel, Beschreibung, Bild und URL der Linkvorschau. Ohne OG-Tags erraten Plattformen den Inhalt — oft mit schlechten Ergebnissen.

Was ist der Unterschied zwischen og:title und dem HTML-Title-Tag?

+

Das HTML-<title>-Tag wird von Suchmaschinen für die SERP-Anzeige verwendet. og:title wird speziell für Social-Media-Vorschauen genutzt. Beide können unterschiedlich sein — Ihr Title-Tag enthält möglicherweise den Markennamen, während og:title für das Social Sharing ansprechender formuliert sein kann.

Welche Bildgröße sollte ich für Open Graph verwenden?

+

Die empfohlene Größe ist 1200 × 630 Pixel (Seitenverhältnis 1,91:1) für Facebook und LinkedIn. Twitters summary_large_image verwendet ein ähnliches 2:1-Verhältnis (1200 × 628 px). Für den Summary-Kartentyp sind mindestens 144 × 144 px erforderlich. Verwenden Sie PNG oder JPG und halten Sie die Dateigröße unter 5 MB.

Brauche ich sowohl OG-Tags als auch Twitter-Card-Tags?

+

Twitter greift auf OG-Tags zurück, wenn keine Twitter-spezifischen Tags vorhanden sind. Für optimale Kontrolle sollten Sie jedoch beide einbinden. Twitter-spezifische Tags (twitter:card, twitter:title usw.) haben auf Twitter/X Vorrang vor OG-Tags. Facebook, LinkedIn und iMessage verwenden ausschließlich OG-Tags.

Ist dieses Tool sicher für meine URLs?

+

Ja, alles wird lokal in Ihrem Browser ausgeführt. Es werden keine Daten an einen Server gesendet. Wir speichern, verfolgen oder teilen weder Ihre URLs noch Titel, Beschreibungen oder Bildpfade.

Related Tools