Thema

OG-Bilder für Blogbeiträge

Ein OG-Bild für Blogbeiträge ist das 1200×630 große Social-Preview-Bild, das angezeigt wird, wenn jemand Ihren Artikel auf X, LinkedIn, Facebook, Slack oder WhatsApp teilt. FastOG generiert es dynamisch und bei Bedarf aus Ihrem Beitragstitel, Auszug und Autor – ohne Designarbeit, ohne Hochladen, ohne Abonnements, ohne Anmeldung zum Start.

Warum jeder Blogbeitrag sein eigenes OG-Bild benötigt

Ein Link, der ohne Karte oder mit einer veralteten generischen Karte geteilt wird, geht in der Masse aller anderen Beiträge unter. Eine beitragsspezifische Karte mit dem tatsächlichen Titel und einem klaren Layout führt zu mehr Shares und mehr Klicks. Die Kosten für die manuelle Erstellung eines Bildes pro Beitrag sind der Grund, warum sich die meisten Blogs mit einem einzigen Standardbild begnügen – genau dieses Problem löst FastOG.

So erhalten Sie ein dynamisches OG-Bild für einen Blogbeitrag

Sie signieren eine URL zur Seiten-Renderzeit mit template=blog, dem Beitragstitel, einem Auszug und dem Autor. Der Social-Crawler ruft sie ab, FastOG rendert das PNG einmalig, und Cloudflare cached es, sodass jedes spätere Teilen sofort und kostenlos erfolgt.

tsx

// Next.js App Router — app/blog/[slug]/page.tsx
export async function generateMetadata({ params }) {
    const post = await getPost(params.slug);
    return {
        title: post.title,
        openGraph: {
            images: [generateOgImageUrl({
                template: "blog",
                title: post.title,
                subtitle: post.excerpt,
                author: post.author.name,
            })],
        },
    };
}

Verwenden Sie template=blog für eine dedizierte Blog-Karte mit Autor und Überschrift oder default für ein schlichteres Layout mit nur dem Titel. Alle Vorlagen rendern in 1200×630.

Welches Template zu Ihrem Blog passt

Wenn Ihr Blog…	Verwenden Sie das Template	Vorteil
Autor + Auszug anzeigt	`blog`	Autorenzeile enthalten
Hauptsächlich aus Titel + Untertitel besteht	`default`	minimalistisch, markenorientiert
Ein Foto oder Cover-Bild verwendet	`editorial` / `image-right`	fotogestütztes Layout
Launch- oder Produktbeiträge veröffentlicht	`launch`	Versions- und Domain-Felder

FAQ

Wie viel kostet FastOG für Blogbeiträge?

Ein Rendering pro eindeutigem Bild; identische URLs werden dauerhaft im Edge-Cache gespeichert und zählen nicht gegen Ihr monatliches Kontingent.

Muss ich ein Bild neu generieren, wenn ich einen Beitrag bearbeite?

Nur wenn sich Titel, Auszug oder Autor ändern – die URL hängt vom Inhalt ab, sodass eine Inhaltsänderung eine neue URL und ein neues Rendering ergibt. Eine unveränderte URL bleibt im Cache und zählt nicht gegen Ihr Kontingent.

Kann ich FastOG mit meinem bestehenden Blog-Framework verwenden?

Ja. Fertige Signer-Funktionen (Signers) gibt es für Next.js, React, SvelteKit, Vue/Nuxt, Astro, Express, Vanilla Node.js, JavaScript, PHP/Laravel, Python und Ruby/Rails. Siehe die SDK-Seite.

Kostenlos testen – keine Anmeldung erforderlich

Vorschau und Test dynamischer OG-Bilder in Sekunden.

Kostenlosen OG-Bild-Tester öffnen