Dynamische Open Graph Bilder erklärt
og:image on-the-fly generieren mit Next.js, Edge Functions und Templates. Wann dynamische OG-Bilder statische Files schlagen.
OG-Bilder — Blog
Alles rund um og:image — Größen, Formate, Design-Tipps, dynamische Generierung und Bilder, die nicht laden.
OG-Bilder designen, die Klicks bringen
Design-Tipps für klickstarke OG-Bilder: Layout, Typografie, Kontrast und Safe Zones, die jeden Social-Crop überleben.
OG-Bild lädt nicht? Server vs. CDN
og:image-Tag ist da, Bild lädt trotzdem nicht? Server-Fehler, CDN-Blocks, Timeouts und Bot-Schutz Schritt für Schritt diagnostizieren.
Fehlendes OG-Bild beheben
Schritt-für-Schritt, wenn og:image leer, kaputt oder in Social-Vorschauen unsichtbar ist.
Beste OG-Bildgröße nach Plattform (2026)
OG-Bildmaße für Facebook, LinkedIn, X, WhatsApp, Discord und Slack. Eine Master-Datei, sechs Vorschauen.
OG-Bild-Validator-Checkliste für Marketer
OG-Bilder vor jedem Share validieren. Marketer-Checkliste für Größe, Format, Text, Branding und Plattform-Vorschauen, die klicken.
Open-Graph-Bildformat: PNG vs. JPG vs. WebP
PNG, JPG oder WebP für og:image? Qualität, Dateigröße und Plattform-Support im Vergleich - für scharfe, schnelle Link-Vorschauen.
Open-Graph-Bildgröße – Leitfaden (2026)
Die besten OG-Bildmaße, Seitenverhältnisse und Dateiformate für scharfe Social-Vorschauen auf Facebook, LinkedIn, X und mehr.