OG-billeder til blogindlæg

Et OG-billede til blogindlæg er det 1200×630 sociale forhåndsvisningsbillede (social preview image), der vises, når nogen deler din artikel på X, LinkedIn, Facebook, Slack eller WhatsApp. FastOG genererer det dynamisk efter behov ud fra dit indlægs titel, uddrag og forfatter — intet designarbejde, ingen uploads, ingen abonnementer, og du behøver ikke at logge ind for at komme i gang.

Hvorfor hvert blogindlæg har brug for sit eget OG-billede

Et link, der deles uden et kort, eller med et forældet generisk et, blander sig med alle andre indlæg. Et kort pr. indlæg med den faktiske titel og et rent layout får flere delinger og flere klik. Omkostningen ved at generere et pr. indlæg manuelt er grunden til, at de fleste blogs nøjes med et enkelt standardbillede — det er præcis det problem, FastOG fjerner.

Sådan får du et dynamisk OG-billede til et blogindlæg

Du signerer en URL på render-tidspunktet med template=blog, indlæggets titel, et uddrag og forfatteren. Social-crawleren henter den, FastOG renderer PNG'en én gang, og Cloudflare cacher den, så hver senere deling er øjeblikkelig 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,
            })],
        },
    };
}

Brug template=blog til et dedikeret blogkort med forfatter + overskrift, eller default til et renere layout med kun titel. Alle skabeloner renderer ved 1200×630.

Hvilken skabelon passer til din blog

FAQ

Hvad koster FastOG for blogindlæg?

Én rendering pr. unikt billede; identiske URL'er cachelagres permanent på kanten og tæller ikke med i dit månedlige kvota.

Skal jeg generere et billede igen, når jeg redigerer et indlæg?

Kun hvis titlen, uddraget eller forfatteren ændres — URL'en afhænger af indholdet, så en indholdsændring giver en ny URL og en ny rendering. En uændret URL forbliver cachelagret og tæller ikke med i dit kvota.

Kan jeg bruge FastOG med mit eksisterende blogframework?

Ja. Færdige signer-funktioner (signers) findes til Next.js, React, SvelteKit, Vue/Nuxt, Astro, Express, Vanilla Node.js, JavaScript, PHP/Laravel, Python og Ruby/Rails. Se SDK-siden.

Relateret

• API-referencen
• SDK — Download og brug
• OG-billedstørrelse: 1200×630 forklaret
• Hvorfor vises min og:image ikke?