OG-Bilder i stor skala

Att generera og:image i stor skala innebär att skapa en unik, korrekt social förhandsvisning (social preview) för varje sida på en stor webbplats — tusentals blogginlägg, produkter eller dokumentsidor — automatiskt. FastOG renderar varje bild på begäran (1 rendering) och Cloudflare cachar identiska webbadresser för alltid, så skala multiplicerar varken kostnad eller installationstid.

Problemet med unika bilder i stor skala

Att för hand skapa tusentals 1200×630-bilder är inte görligt. De flesta team faller tillbaka på ett generiskt kort för hela webbplatsen – en förlorad möjlighet, eftersom ett kort per sida med den faktiska titeln får fler delningar och klick. Lösningen är deterministisk rendering på begäran: bilden härleds från sidans egna data vid renderingstillfället.

Varför FastOG skalar

Den centrala idén är innehållssignerade, cachade URL:er:

Du signerar en URL från sidans titel + fält vid renderingstillfället (en ren funktion av innehållet).
Crawlern hämtar URL:en en gång; FastOG renderar PNG:en (1 rendering) och cachar den i utkanten (edge).
Varje senare hämtning av samma URL serveras från cachen — omedelbart och räknas inte.

Så 10 000 unika sidor räknas som 10 000 renderingar en gång, och obegränsade delningar kostar ingenting efteråt.

Batch / systematisk utrullning

För att rulla ut og:image över en hel webbplats genererar du URL:erna vid byggtid eller vid publicering för varje sida:

tsx

// Static generation — generateMetadata per route
export async function generateStaticParams() {
    return posts.map((p) => ({ slug: p.slug }));
}

export function generateMetadata({ params }) {
    const post = posts.find((p) => p.slug === params.slug);
    return {
        openGraph: {
            images: [generateOgImageUrl({
                template: "blog",
                title: post.title,
                subtitle: post.excerpt,
                author: post.author,
            })],
        },
    };
}

Mönster som håller skalan billig

Mönster	Varför det hjälper
Signera vid bygg-/renderingstillfället	Deterministiska URL:er → delad cachning
Återanvänd en mall per innehållstyp	Konsekvent varumärke, färre designbeslut
Cacha identiska URL:er	Upprepade delningar räknas inte
Generera vid publicering, inte vid varje förfrågan	Undviker kalla renderingar vid första delningen

FAQ

Vad kostar 1 000 eller 10 000 sidor?

En rendering per unik bild. 10 000 unika sidor = 10 000 renderingar en gång; obegränsade delningar kostar inget. Se prissättning för Dynamic API-planer.

Vad händer med sidor vars innehåll ändras ofta?

Varje innehållsändring ger en ny URL och en ny rendering (1 kvotenhet). Stabila sidor förblir cachade.

Kan jag generera OG-bilder under en statisk byggprocess?

Ja — många team genererar och lagrar bild-URL:en vid bygg-/publiceringstillfället (SSG) så att det aldrig sker en kall rendering vid första delningen.

Prova gratis – ingen registrering krävs

Förhandsgranska och testa dynamiska OG-bilder på några sekunder.

Öppna gratis OG-bildtestaren

Ämne