OG-kuvat mittakaavassa

Og:image-kuvien tuottaminen mittakaavassa tarkoittaa ainutlaatuisen ja oikean sosiaalisen esikatselun (social preview) luomista automaattisesti jokaiselle suuren sivuston sivulle — tuhansille blogikirjoituksille, tuotteille tai dokumentaatiosivuille. FastOG renderöi jokaisen kuvan pyynnöstä (1 renderöinti) ja Cloudflare välimuistittaa identtiset URL-osoitteet pysyvästi, joten mittakaava ei moninkertaista kustannuksia tai asennusaikaa.

Uniikkien kuvien ongelma suuressa mittakaavassa

Tuhansien 1200×630-kuvien käsin tekeminen ei ole käytännöllistä. Useimmat tiimit tyytyvät yhteen geneeriseen korttiin koko sivustolle — mikä on menetetty mahdollisuus, sillä sivukohtainen kortti oikealla otsikolla saa enemmän jakoja ja klikkauksia. Ratkaisu on deterministinen on-demand-renderöinti: kuva johdetaan sivun omasta datasta renderöintihetkellä.

Miksi FastOG skaalautuu

Keskeinen idea on sisällöllä allekirjoitetut, välimuistissa olevat URL-osoitteet:

Allekirjoitat URL-osoitteen sivun otsikosta ja kentistä renderöinnin yhteydessä (puhdas funktio sisällöstä).
Hakurobotti hakee URL-osoitteen kerran; FastOG renderöi PNG-kuvan (1 renderöinti) ja tallentaa sen välimuistiin reunalla.
Jokainen myöhempi haku samasta URL-osoitteesta palvellaan välimuistista – välittömästi ja ei lasketa mukaan.

Joten 10 000 erillistä sivua lasketaan 10 000 renderöintinä kerran, ja rajoittamattomat jaot eivät maksa mitään sen jälkeen.

Eräajo / järjestelmällinen käyttöönotto

Jotta og:image saadaan käyttöön koko sivustolla, luo URL-osoitteet rakennusvaiheessa tai julkaisun yhteydessä jokaiselle sivulle:

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

Kuviot, jotka pitävät skaalauksen edullisena

Kuvio	Miksi se auttaa
Allekirjoita rakennus-/renderöintiajassa	Deterministiset URL-osoitteet → jaettu välimuisti
Käytä yhtä mallipohjaa sisältötyyppiä kohden	Yhdenmukainen brändi, vähemmän suunnittelupäätöksiä
Välimuistita identtiset URL-osoitteet	Toistuvat jaot eivät kuluta resursseja
Luo julkaisun yhteydessä, älä jokaisessa pyynnössä	Välttää kylmät renderöinnit ensimmäisessä jaossa

UKK

Paljonko 1 000 tai 10 000 sivua maksaa?

Yksi renderöinti kutakin uniikkia kuvaa kohden. 10 000 uniikkia sivua = 10 000 renderöintiä kerran; rajoittamattomat uudelleenjaot eivät maksa mitään. Katso hinnoittelu Dynamic API -paketeista.

Entä sivut, joiden sisältö muuttuu usein?

Jokainen sisällönmuutos tuottaa uuden URL-osoitteen ja uuden renderöinnin (1 kiintiöpiste). Vakaat sivut pysyvät välimuistissa.

Voinko luoda OG-kuvia staattisen buildin aikana?

Kyllä — monet tiimit luovat ja tallentavat kuvan URL-osoitteen buildin/julkaisun yhteydessä (SSG), jolloin ensimmäisessä jaossa ei koskaan tapahdu kylmää renderöintiä.

Kokeile ilmaiseksi — ei vaadi rekisteröitymistä

Esikatsele ja testaa dynaamisia OG-kuvia sekunneissa.

Avaa ilmainen OG-kuvien testaaja

Aihe