OG-bilder for blogginnlegg

Et OG-bilde for blogginnlegg er 1200×630-sosialforhåndsvisningsbildet som vises når noen deler artikkelen din på X, LinkedIn, Facebook, Slack eller WhatsApp. FastOG genererer det dynamisk på forespørsel fra innleggets tittel, utdrag og forfatter — ingen designarbeid, ingen opplasting, ingen abonnementer, abonnementsbasert, ingen pålogging for å starte.

Hvorfor hvert blogginnlegg trenger sitt eget OG-bilde

En lenke som deles uten et kort, eller med et utdatert generisk kort, forsvinner i mengden sammen med alle andre innlegg. Et kort per innlegg med den faktiske tittelen og et rent oppsett gir flere delinger og flere klikk. Kostnaden ved å generere ett per innlegg manuelt er grunnen til at de fleste blogger nøyer seg med ett enkelt standardbilde — det er nettopp dette problemet FastOG løser.

Slik får du et dynamisk OG-bilde for et blogginnlegg

Du signerer en URL ved side-renderingstidspunktet med template=blog, innleggets tittel, et utdrag og forfatteren. Den sosiale crawleren henter den, FastOG renderer PNG-en én gang, og Cloudflare cacher den slik at hver senere deling er øyeblikkelig og gratis.

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

Bruk template=blog for et dedikert bloggkort med forfatter + overskrift, eller default for en renere layout med kun tittel. Alle maler renderes i 1200×630.

Hvilken mal passer til bloggen din

FAQ

Hvor mye koster FastOG for blogginnlegg?

Én rendering per unikt bilde; identiske URL-er blir edge-cachet for alltid og teller ikke mot det månedlige kvotet.

Må jeg generere et bilde på nytt når jeg redigerer et innlegg?

Bare hvis tittelen, utdraget eller forfatteren endres — URL-en avhenger av innholdet, så en innholdsendring gir en ny URL og en ny rendering. En uendret URL forblir cachet og teller ikke mot kvotet.

Kan jeg bruke FastOG med mitt eksisterende bloggrapparat?

Ja. Ferdige signer-funksjoner finnes for Next.js, React, SvelteKit, Vue/Nuxt, Astro, Express, Vanilla Node.js, JavaScript, PHP/Laravel, Python og Ruby/Rails. Se SDK-siden.

Relatert

• API-referanse
• SDK — Last ned og bruk
• OG-bildestørrelse: 1200×630 forklart
• Hvorfor vises ikke og:image-bildet mitt?