OG obrázky ve velkém měřítku

Generování og:image ve velkém měřítku znamená automatické vytváření unikátního a správného náhledu pro sociální sítě pro každou stránku rozsáhlého webu – tisíce blogových příspěvků, produktů nebo dokumentačních stránek. FastOG vykresluje každý obrázek na vyžádání (1 render) a Cloudflare ukládá identické URL do mezipaměti navždy, takže měřítko nenásobí náklady ani čas na nastavení.

Problém s unikátními obrázky ve velkém měřítku

Ruční tvorba tisíců obrázků o rozměrech 1200×630 není proveditelná. Většina týmů se uchýlí k jedné generické kartě pro celý web – což je promarněná příležitost, protože karta pro každou stránku se skutečným nadpisem získává více sdílení a kliknutí. Řešením je deterministické vykreslování na vyžádání: obrázek je odvozen z dat samotné stránky v době vykreslení.

Proč FastOG škáluje

Klíčová myšlenka jsou URL adresy podepsané obsahem a ukládané do cache:

Při renderování podepíšete URL z titulku stránky a polí (čistá funkce obsahu).
Crawler načte URL jednou; FastOG vykreslí PNG (1 render) a uloží ho do cache na okraji sítě.
Každé další načtení stejné URL je obslouženo z cache — okamžitě a nezapočítává se.

Takže 10 000 různých stránek se započítá jako 10 000 renderů jednou a neomezené sdílení poté nic nestojí.

Dávkové / systematické nasazení

Pro nasazení og:image na celém webu vygenerujte URL při sestavení nebo při publikování pro každou stránku:

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

Vzory, které udržují škálování levné

Vzor	Proč pomáhá
Podepisování při sestavení/vykreslení	Deterministické URL → sdílené cache
Použití šablony pro každý typ obsahu	Konzistentní značka, méně designových rozhodnutí
Cache pro identické URL	Opakované sdílení se nepočítá
Generování při publikaci, ne při každém požadavku	Vyhne se studenému vykreslení při prvním sdílení

FAQ

Kolik stojí 1 000 nebo 10 000 stránek?

Jeden render za každý unikátní obrázek. 10 000 unikátních stránek = 10 000 renderů jednou; opakované sdílení nic nestojí. Ceník pro Dynamic API plány najdete zde.

Co stránky, jejichž obsah se často mění?

Každá změna obsahu vytvoří novou URL a nový render (1 započtený kvótový bod). Stabilní stránky zůstávají v cache.

Mohu generovat OG obrázky během statického buildu?

Ano — mnoho týmů generuje a ukládá URL obrázku v době buildu/publikování (SSG), takže při prvním sdílení nikdy nedochází ke studenému renderu.

Vyzkoušejte zdarma – bez registrace

Náhled a testování dynamických OG obrázků během pár sekund.

Otevřít bezplatný tester OG obrázků

Téma