Aihe

Blogipostausten OG-kuvat

Blogipostauksen OG-kuva on 1200×630 sosiaalisen median esikatselukuva, joka näytetään, kun joku jakaa artikkelisi X:ssä, LinkedInissä, Facebookissa, Slackissa tai WhatsAppissa. FastOG luo sen dynaamisesti pyynnöstä postauksen otsikosta, tiivistelmästä ja kirjoittajasta — ei suunnittelutyötä, ei latauksia, ei tilauksia, ei kirjautumista aloittamiseen.

Miksi jokainen blogikirjoitus tarvitsee oman OG-kuvansa

Linkki, joka jaetaan ilman korttia tai vanhan yleiskuvan kanssa, sulautuu muiden julkaisujen joukkoon. Julkaisukohtainen kortti, jossa on varsinainen otsikko ja siisti asettelu, saa enemmän jakoja ja klikkauksia. Kustannus siitä, että jokainen julkaisu tehdään käsin, on syy siihen, miksi useimmat blogit tyytyvät yhteen oletuskuvaan — juuri tämän ongelman FastOG poistaa.

Blogipostauksen dynaamisen OG-kuvan hankkiminen

Allekirjoitat URL-osoitteen sivun renderöinnin yhteydessä käyttäen template=blog, postauksen otsikkoa, katkelmaa ja kirjoittajaa. Sosiaalisen median hakurobotti hakee sen, FastOG renderöi PNG-kuvan kerran, ja Cloudflare välimuistittaa sen, joten jokainen myöhempi jakaminen on välitön ja ilmainen.

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

Käytä template=blog erilliseen blogikorttiin, jossa on kirjoittaja ja otsikko, tai default siistimpään vain otsikon sisältävään asetteluun. Kaikki mallipohjat renderöivät kuvan koossa 1200×630.

Mikä mallipohja sopii blogiisi

Jos blogisi…	Käytä mallipohjaa	Lisäetu
Näyttää kirjoittajan + tiivistelmän	`blog`	kirjoittajarivi sisältyy
On enimmäkseen otsikko + tunnuslause	`default`	minimalistinen, brändipainotteinen
Käyttää valokuvaa tai kansikuvaa	`editorial` / `image-right`	valokuvavetoinen asettelu
Julkaisee julkaisu-/tuotepostauksia	`launch`	versio- ja verkkotunnuskentät

UKK

Paljonko FastOG maksaa blogikirjoituksille?

Yksi renderöinti jokaista yksilöllistä kuvaa kohden; identtiset URL-osoitteet tallennetaan reunavälimuistiin pysyvästi, eivätkä ne kuluta kuukausittaista kiintiötäsi.

Täytyykö minun luoda kuva uudelleen, kun muokkaan kirjoitusta?

Vain jos otsikko, tiivistelmä tai kirjoittaja muuttuu — URL-osoite riippuu sisällöstä, joten sisällön muutos tuottaa uuden URL-osoitteen ja uuden renderöinnin. Muuttumaton URL-osoite pysyy välimuistissa eikä kuluta kiintiötäsi.

Voinko käyttää FastOG:ta olemassa olevan blogialustani kanssa?

Kyllä. Valmiita allekirjoittajia (signers) on saatavilla Next.js:lle, Reactille, SvelteKitille, Vue/Nuxtille, Astrolle, Expressille, Vanilla Node.js:lle, JavaScriptille, PHP/Laravelille, Pythonille ja Ruby/Railsille. Katso SDK-sivu.

Kokeile ilmaiseksi — ei vaadi rekisteröitymistä

Esikatsele ja testaa dynaamisia OG-kuvia sekunneissa.

Avaa ilmainen OG-kuvien testaaja