Imagens OG em Escala

Gerar og:image em escala significa criar uma prévia social única e correta para cada página de um site grande — milhares de posts de blog, produtos ou páginas de documentação — automaticamente. O FastOG renderiza cada imagem sob demanda (1 renderização) e o Cloudflare armazena em cache URLs idênticas para sempre, então a escala não multiplica o custo ou o tempo de configuração.

O problema com imagens únicas em escala

Criar manualmente milhares de imagens de 1200×630 não é viável. A maioria das equipes recorre a um card genérico para todo o site — uma oportunidade perdida, porque um card por página com o título real gera mais compartilhamentos e cliques. A solução é a renderização determinística sob demanda: a imagem é derivada dos próprios dados da página no momento da renderização.

Por que o FastOG escala

A ideia central são URLs assinadas por conteúdo e em cache:

Você assina uma URL a partir do título da página + campos no momento da renderização (uma função pura do conteúdo).
O crawler busca a URL uma vez; o FastOG renderiza o PNG (1 renderização) e o armazena em cache na borda.
Cada busca posterior da mesma URL é servida a partir do cache — instantânea e não contabilizada.

Assim, 10.000 páginas distintas contam 10.000 renderizações uma única vez, e compartilhamentos ilimitados não custam nada depois.

Distribuição em lote / sistemática

Para distribuir a og:image em todo um site, gere as URLs no momento da compilação (build time) ou na publicação para cada página:

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

Padrões que mantêm o custo baixo em escala

Padrão	Por que ajuda
Assinar no momento do build/render	URLs determinísticas → cache compartilhado
Reutilizar um template por tipo de conteúdo	Marca consistente, menos decisões de design
Armazenar em cache URLs idênticas	Compartilhamentos repetidos não contam
Gerar na publicação, não a cada requisição	Evita renders a frio no primeiro compartilhamento

FAQ

Quanto custam 1.000 ou 10.000 páginas?

Um render por imagem única. 10.000 páginas únicas = 10.000 renders uma única vez; re-compartilhamentos ilimitados não custam nada. Consulte preços para os planos da Dynamic API.

E quanto às páginas cujo conteúdo muda com frequência?

Cada alteração de conteúdo gera uma nova URL e um novo render (1 unidade de cota). Páginas estáveis permanecem em cache.

Posso gerar imagens OG durante um build estático?

Sim — muitas equipes geram e armazenam a URL da imagem no momento do build/publicação (SSG), de modo que nunca há um render a frio no primeiro compartilhamento.

Experimente grátis — sem necessidade de cadastro

Visualize e teste imagens OG dinâmicas em segundos.

Abrir o Testador de Imagens OG Grátis

Tópico