Imagens OG à Escala

Gerar og:image à escala significa criar uma pré-visualização social única e correta para cada página de um site grande — milhares de publicações de blogue, produtos ou páginas de documentação — automaticamente. A FastOG renderiza cada imagem a pedido (1 renderização) e a Cloudflare armazena em cache URLs idênticos para sempre, pelo que a escala não multiplica o custo nem o tempo de configuração.

O problema das imagens únicas à escala

Criar manualmente milhares de imagens de 1200×630 não é viável. A maioria das equipas acaba por usar um cartão genérico para todo o site — uma oportunidade perdida, porque um cartão por página com o título real obtém mais partilhas 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.

Porque é que a FastOG escala

A ideia-chave são URLs com assinatura de conteúdo e em cache:

Assina um URL a partir do título da página e dos campos no momento da renderização (uma função pura do conteúdo).
O crawler obtém o URL uma vez; a FastOG renderiza o PNG (1 renderização) e coloca-o em cache na edge.
Cada obtenção posterior do mesmo URL é servida a partir da cache — instantânea e não contabilizada.

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

Implementação em lote / sistemática

Para implementar og:image num site inteiro, gere os 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 a escala barata

Padrão	Porque ajuda
Assinar no momento da compilação/renderização	URLs determinísticos → cache partilhada
Reutilizar um modelo por tipo de conteúdo	Marca consistente, menos decisões de design
Colocar em cache URLs idênticos	Partilhas repetidas não contam
Gerar na publicação, não em cada pedido	Evita renderizações a frio na primeira partilha

FAQ

Quanto custam 1.000 ou 10.000 páginas?

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

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

Cada alteração de conteúdo produz um novo URL e um novo render (1 contagem de quota). Páginas estáveis permanecem em cache.

Posso gerar imagens OG durante uma compilação estática?

Sim — muitas equipas geram e armazenam o URL da imagem no momento da compilação/publicação (SSG), para que nunca haja um render a frio na primeira partilha.

Experimente gratuitamente — sem necessidade de registo

Pré-visualize e teste imagens OG dinâmicas em segundos.

Abrir o Testador Gratuito de Imagens OG

Tópico