Social Media Bildgrößen: Facebook, Pinterest, Google+, Twitter

Dieser Artikel begann 2013 als Pixelliste für Facebook, Twitter, Google+ und Pinterest. Die Plattformen haben das Layout seither mehrfach geändert. Die Maße unten sind für Teilen und Vorschau 2026 aktualisiert; Google+ bleibt nur als historische Fußnote.

Für WordPress-Redaktionen geht es nicht darum, alle Profilbanner auswendig zu lernen. Es geht um ein gutes og:image, darum zu wissen, wann Pinterest ein anderes Format braucht, und darum, warum der Scraper das alte Bild hält, nachdem die Datei in der Mediathek getauscht wurde. Im deutschsprachigen B2B-Alltag fällt derselbe Fehler auf, wenn Kolleginnen den Link in LinkedIn, Teams oder Slack posten: die Vorschau kommt aus den Meta-Tags, nicht aus dem Corporate Design der PDF.

#Was die Vorschau wirklich steuert

Wenn jemand deine URL in Facebook, LinkedIn, Slack oder in einem X-Post einfügt, lädt der Scraper das HTML und liest Meta-Tags. Die wichtigsten sind Open Graph (og:title, og:description, og:image) und für X Twitter Cards (twitter:card, twitter:image). Meta-Dokumentation: Sharing / images. Protokoll: ogp.me.

WordPress-Core liefert kein vollständiges OG-Set allein. SEO-Plugins, wp_head-Hooks im Theme oder ein kleines Custom-Plugin setzen sie. Ohne og:image greift die Plattform auf ein zufälliges Bild der Seite zu - oft ein 200-px-Logo oder ein Footer-Icon.

Praktische Checkliste, bevor du exakte Pixel zählst:

1. Absolute HTTPS-URL zum Bild (kein relativer Pfad).
2. Datei öffentlich, ohne Login und ohne Hotlink-Sperre.
3. Breite und Höhe groß genug, damit die Plattform kein weiches JPEG hochskaliert.
4. Wichtiger Text in einer Safe Zone in der Mitte, nicht in den Ecken.

#Facebook und Meta: Open Graph 2026

Für Link-Sharing bleibt ein Querformat nahe 1200 x 630 Pixel (Verhältnis ca. 1.91:1) die sichere Wahl. Kleinere Bilder funktionieren technisch, wirken auf großen Screens und manchen Anzeigenflächen aber weich.

Profilbild, Cover und Stories haben eigene UI-Maße, die Meta häufiger ändert als den OG-Standard. Für die Seitengestaltung die Meta-Hilfe nutzen; für Artikel- und Landing-Grafik 1200x630 (oder größer im gleichen Verhältnis) halten.

Typische Fehler in WordPress-Themes:

• Das Beitragsbild ist 16:9 Filmformat, und der Scraper schneidet Gesicht oder Logo ab.
• Das Theme setzt og:image auf eine WebP-URL, mit der manche Scraper historisch Probleme hatten; JPEG oder PNG bleiben die sichere Wahl für Sharing-Dateien.
• Dieselbe Datei dient als Hero (breit) und OG (beschnitten) ohne eigenen Crop.

Testen mit dem Sharing Debugger. Nach Bildwechsel: neu scrapen. Hat das CDN immutable Cache unter derselben URL, unter neuem Dateinamen hochladen und den Meta-Tag aktualisieren.

#X (früher Twitter): Card mit großem Bild

X hat Twitter Cards geerbt. Für Artikel und Produkte ist Summary Card with Large Image üblich. Ein Bild um 1200 x 628 liegt in derselben Familie wie Facebooks OG, daher deckt eine 1200x630-Master beide in den meisten Redaktionen ab. Doku: Summary Card with Large Image.

twitter:card sollte summary_large_image sein, wenn du ein großes Bild willst. Fehlt der Tag, fällt die Vorschau oft auf eine kleine quadratische Card zurück - trotz korrektem og:image.

Profilbanner auf X sind eigene Maße und ändern sich mit der UI. Sie gehören ins Markenhandbuch, nicht ins og:image jedes Beitrags. Sharing-Grafik und Profilbanner als zwei Assets führen.

#Pinterest: Hochformat, nicht Querformat

Pinterest ist die Plattform, auf der 1200x630 sichtbar scheitert. Feeds bevorzugen Hochformat-Pins nahe 2:3, zum Beispiel 1000 x 1500. Ein querformatiges OG-Bild wird zum schmalen Streifen oder hässlichen Crop.

Für WooCommerce-Shops und Inspirations-/Rezeptinhalte:

1. Eigene Hochformat-Variante in der Mediathek anlegen (oder ein Feld «Pinterest image» im SEO-Plugin, falls vorhanden).
2. Nicht darauf vertrauen, dass das Beitragsbild reicht, wenn es ein 16:9-Hero ist.
3. Text groß und lesbar halten; Pins werden oft mobil in einer schmalen Spalte gesehen.

Rich Pins (Produkt, Artikel, Rezept) hängen stärker von strukturierten Daten und der Validierung bei Pinterest ab als von der exakten Pixelhöhe - das Seitenverhältnis entscheidet aber weiterhin über die Klickfläche im Feed.

#Google+: nur historischer Kontext

Google+ für Verbraucher wurde im April 2019 eingestellt. Cover 940x180, Ribbon-Fotos und Stream-Miniaturen aus den Listen von 2013 sind keine Maße für neue Templates.

Warum der Titel Google+ noch nennt: Der Artikel hat Ranking und eingehende Links unter dem alten Slug. Den Namen zu löschen erzeugt Redirect-Rauschen ohne Nutzen für Leserinnen. Ehrlich ist zu sagen, dass das Netzwerk weg ist und dass Open Graph, X Cards und Pinterest zählen.

Findest du in alten Themes hardcodierte Google+-Buttons oder rel=author-Links: entfernen. Sie bringen null Sharing-Wert und signalisieren veralteten Code. In DACH-Installationen aus 2013–2016 sitzen sie oft noch neben Xing-Buttons in Magazin-Themes - Xing ist für viele B2B-Teams längst LinkedIn gewichen, Google+ ist schlicht tot.

#LinkedIn, Slack und der Rest

Die meisten B2B-Shares fallen auf Open Graph zurück. LinkedIn mag ebenfalls Querformat aus derselben Familie wie Facebook. Slack und viele Chat-Clients zeigen og:image direkt. In deutschen Agenturen und Mittelstandsteams ist LinkedIn oft der eigentliche Stress-Test: dort fällt ein zu kleines oder falsch gecropptes OG sofort auf.

Deshalb bleibt eine gute 1200x630-Master die beste Investition für eine WordPress-Firmenwebsite. Pinterest ist die Ausnahme, die eine eigene Hochformat-Datei braucht, wenn der Kanal wirklich genutzt wird.

#WordPress-Setup ohne Raten

Ein Workflow, der in Produktion hält:

1. Eine OG-Mastergröße (1200x630) im Designsystem festlegen.
2. Optional eine Image Size social-share im Theme registrieren, wenn serverseitig gecroppt wird; viele Teams exportieren fertige Dateien aus Figma.
3. og:image (plus Höhen-/Breiten-Tags, falls das Plugin sie unterstützt) pro Beitrag oder als Fallback aufs Beitragsbild setzen.
4. Für X: twitter:card global auf summary_large_image im SEO-Plugin.
5. Für Pinterest-lastige Seiten: eigenes Feld oder manuelle Pin-Grafik.
6. Nach dem Publish: Meta-Debugger und X-Card-Validator auf der URL.

Keine «Title Cards» erzeugen - schwarzer Hintergrund und H1 in riesiger Schrift. Im Feed wirken sie austauschbar und verlieren gegen Produktfoto oder Screenshot. Echtes Foto, Diagramm oder UI nutzen - und die Datei außerhalb von 1200x675-Title-Card-Mustern halten, die manche Automatisierungen produziert haben.

#Alte Pixellisten: was du ignorieren kannst

Die Liste von 2013 enthielt unter anderem Sponsored-Story-Maße, Album-Previews, App-Boxen auf der Timeline und Twitter-Hintergrundstreifen in Prozent. Die meisten dieser UI-Elemente sind weg oder ändern sich so oft, dass ein Blogpost keine Wahrheitsquelle sein kann.

Offizielle Dokumentation nutzen für:

• Profil- und Covermaße beim Gestalten der Facebook-Seite selbst
• Anzeigenformate im Ads Manager (eigene Safe Zones)
• Pinterest-Business-Hilfe für aktuelle Pin-Empfehlungen

Diesen Artikel für Teilen aus WordPress nutzen: OG, Cards, Pinterest-Verhältnis und Cache-Troubleshooting.

#Troubleshooting, wenn die Vorschau falsch ist

Typische Ursachen, der Reihe nach:

1. Falsches oder fehlendes og:image im HTML (Seitenquelltext prüfen, nicht nur die SEO-Plugin-UI).
2. Relative URL oder HTTP auf einer HTTPS-Site.
3. Bild hinter Auth, Staging-Basic-Auth oder noindex, das der Scraper nicht passiert.
4. Plattform-Cache (Meta-Debugger / X-Validator).
5. CDN oder Bild-Plugin, das die URL auf eine Variante umschreibt, die der Scraper nicht mag.
6. Mehrere widersprüchliche og:image-Tags von Theme und Plugin.

Wenn du das Bild einer URL änderst, die schon stark geteilt wurde: neuer Dateiname ist billiger als der Kampf mit immutable Cache unter demselben Pfad.

#Zusammenfassung der Maße, die du wirklich brauchst

Dateigröße vernünftig halten (typisch unter wenigen hundert KB JPEG, wenn das Motiv das zulässt), damit der Scraper schnell lädt - Qualität aber nicht so zerquetschen, dass Verläufe in der Vorschau banden.

Bei mehrsprachigen Sites dasselbe Bildformat in allen Locales nutzen, außer der Text in der Grafik ist übersetzt. Hreflang ändert nicht, wie Facebook og:image auf der konkret eingefügten URL liest.

Wenn Sharing-Grafik, WooCommerce-Produkte und ein älteres Theme um das Beitragsbild kämpfen, reicht selten «Yoast auf Auto». Dann braucht es eine bewusste Crop-Strategie im Theme oder in der Redaktionsroutine. Für solches Setup kannst du über WordPress-Entwickler anfragen und OG, Cards sowie Pinterest-Varianten ohne Pixelraten von 2013 aufsetzen.