Open Graph
Twitter / X
Social-Media-Vorschau — Facebook
Page Title
Meta-HTML generieren
<meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" />
<head> <!-- Open Graph (for Facebook, LinkedIn, Slack…) --> <meta property="og:title" content="Your Page Title" /> <meta property="og:description" content="A concise page description" /> <meta property="og:image" content="https://example.com/image.jpg" /> <meta property="og:url" content="https://example.com/page" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="My Site" /> <!-- Twitter Cards (also used by X / formerly Twitter) --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Your Page Title" /> <meta name="twitter:description" content="A concise page description" /> <meta name="twitter:image" content="https://example.com/image.jpg" /> </head>
| Platform | Recommended Size | Min Size | Aspect Ratio |
|---|---|---|---|
| 1200×630 px | 600×315 px | 1.91:1 | |
| Twitter / X | 1200×628 px | 300×157 px | ~1.91:1 |
| 1200×627 px | 200×200 px | 1.91:1 | |
| Slack | 1200×628 px | — | ~1.91:1 |
Keep under 60 characters. Match the page <title> for consistency.
150–160 characters. Write a compelling summary, not just keywords.
Use HTTPS. Minimum 1200×630 px. Avoid text-heavy images.
Use the canonical URL. Avoids duplicate content issues when pages share images.
Open Graph (OG) Meta-Tags sind HTML-Metadaten-Tags, die steuern, wie Ihre Inhalte beim Teilen auf sozialen Medienplattformen wie Facebook, LinkedIn und Slack angezeigt werden. Sie wurden 2010 von Facebook entwickelt und ermöglichen es Ihnen, Titel, Beschreibung, Bild und andere Eigenschaften für Social-Sharing-Karten festzulegen.
Die empfohlene Open Graph-Bildgröße beträgt 1200×630 Pixel mit einem Seitenverhältnis von 1,91:1. Twitter/X empfiehlt 800×418 für summary_large_image. Bilder sollten unter 8 MB (Facebook) oder 5 MB (Twitter) liegen. PNG oder JPG-Formate funktionieren am besten.
Ja. Twitter verwendet seine eigenen twitter:-präfixierten Tags (twitter:card, twitter:title, twitter:description, twitter:image), aber Twitter greift auf og:-Tags zurück, wenn twitter:-Tags fehlen. Es wird empfohlen, beide zu setzen, um maximale Kompatibilität auf allen Plattformen zu gewährleisten.
Plattformen cachen OG-Daten. Facebook kann 24 Stunden zum Aktualisieren benötigen; verwenden Sie den Facebook Sharing Debugger, um den Cache zu leeren. LinkedIn aktualisiert sich typischerweise innerhalb von Minuten. Twitter aktualisiert bei jeder neuen Freigabelinkerkennung. Slack aktualisiert sofort beim Einfügen.