Onderwerp

OG-Afbeeldingen voor Blogberichten

Een OG-afbeelding voor blogberichten is de 1200×630 sociale voorbeeldafbeelding die wordt weergegeven wanneer iemand je artikel deelt op X, LinkedIn, Facebook, Slack of WhatsApp. FastOG genereert deze dynamisch op aanvraag op basis van je berichttitel, uittreksel en auteur — geen ontwerpwerk, geen uploads, geen abonnementen, geen inloggen om te starten.

Waarom elke blogpost zijn eigen OG-afbeelding nodig heeft

Een link die zonder kaart wordt gedeeld, of met een verouderde generieke kaart, valt weg tussen alle andere berichten. Een kaart per bericht met de daadwerkelijke titel en een strakke layout levert meer shares en meer kliks op. De kosten van het handmatig genereren van één afbeelding per bericht is de reden dat de meeste blogs genoegen nemen met één standaardafbeelding — precies dat probleem lost FastOG op.

Een dynamische OG-afbeelding voor een blogpost verkrijgen

Je ondertekent een URL op het moment van paginarendering met template=blog, de posttitel, een uittreksel en de auteur. De sociale crawler haalt deze op, FastOG rendert de PNG eenmalig, en Cloudflare cached deze zodat elke latere share direct en gratis is.

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,
            })],
        },
    };
}

Gebruik template=blog voor een speciale blogkaart met auteur en kop, of default voor een strakkere layout met alleen de titel. Alle templates renderen op 1200×630.

Welke template past bij jouw blog

Als jouw blog…	Gebruik de template	Bonus
Auteur + uittreksel toont	`blog`	auteursregel inbegrepen
Vooral titel + tagline heeft	`default`	minimaal, merkgericht
Een foto of coverafbeelding gebruikt	`editorial` / `image-right`	fotogerichte layout
Launch- of productberichten publiceert	`launch`	versie- en domeinvelden

FAQ

Wat kost FastOG voor blogposts?

Eén render per unieke afbeelding; identieke URL's worden permanent edge-cached en tellen niet mee voor je maandelijkse quotum.

Moet ik een afbeelding opnieuw genereren wanneer ik een bericht bewerk?

Alleen als de titel, samenvatting of auteur verandert — de URL hangt af van de inhoud, dus een inhoudswijziging levert een nieuwe URL en een nieuwe render op. Een ongewijzigde URL blijft gecached en telt niet mee voor je quotum.

Kan ik FastOG gebruiken met mijn bestaande blogframework?

Ja. Er zijn kant-en-klare signers (signer-functies) voor Next.js, React, SvelteKit, Vue/Nuxt, Astro, Express, Vanilla Node.js, JavaScript, PHP/Laravel, Python en Ruby/Rails. Zie de SDK-pagina.

Probeer het gratis — geen aanmelding vereist

Bekijk en test dynamische OG-afbeeldingen in seconden.

Open de gratis OG-afbeeldingstester