Imagens OG para Artigos de Blog

Uma imagem OG para artigos de blog é a imagem de pré-visualização social de 1200×630 exibida quando alguém partilha o seu artigo no X, LinkedIn, Facebook, Slack ou WhatsApp. A FastOG gera-a dinamicamente a pedido a partir do título, resumo e autor do seu artigo — sem trabalho de design, sem carregamentos, sem subscrições, sem necessidade de iniciar sessão para começar.

Porque cada publicação de blogue precisa da sua própria imagem OG

Uma ligação partilhada sem cartão, ou com um cartão genérico desatualizado, confunde-se com todas as outras publicações. Um cartão específico para cada publicação, com o título real e um layout limpo, obtém mais partilhas e mais cliques. O custo de gerar um cartão por publicação manualmente é a razão pela qual a maioria dos blogues se contenta com uma única imagem predefinida — é exatamente esse o problema que o FastOG resolve.

Como obter uma imagem OG dinâmica para um artigo de blogue

Assina um URL no momento da renderização da página com template=blog, o título do artigo, um excerto e o autor. O crawler social obtém-no, o FastOG renderiza o PNG uma vez, e o Cloudflare coloca-o em cache para que cada partilha posterior seja instantânea e gratuita.

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

Utilize template=blog para um cartão de blogue dedicado com autor e título, ou default para um layout mais limpo apenas com título. Todos os modelos renderizam a 1200×630.

Qual modelo se adequa ao seu blogue

FAQ

Quanto custa o FastOG para artigos de blogue?

Uma renderização por imagem única; URLs idênticas são armazenadas em cache no edge para sempre e não contam para a sua quota mensal.

Preciso de regenerar uma imagem quando edito um artigo?

Apenas se o título, o resumo ou o autor mudarem — o URL depende do conteúdo, pelo que uma alteração de conteúdo gera um novo URL e uma nova renderização. Um URL inalterado permanece em cache e não conta para a sua quota.

Posso usar o FastOG com o meu framework de blogue existente?

Sim. Existem signers (signers) de integração direta para Next.js, React, SvelteKit, Vue/Nuxt, Astro, Express, Vanilla Node.js, JavaScript, PHP/Laravel, Python e Ruby/Rails. Consulte a página do SDK.

Relacionados

• Referência da API
• SDK — Download e Utilização
• Tamanho da Imagem OG: 1200×630 Explicado
• Porque é que a minha og:image não aparece?