Imagens OG para Posts de Blog
Uma imagem OG para posts de blog é a imagem de pré-visualização social de 1200×630 exibida quando alguém compartilha seu artigo no X, LinkedIn, Facebook, Slack ou WhatsApp. A FastOG a gera dinamicamente sob demanda a partir do título, resumo e autor do seu post — sem trabalho de design, sem uploads, sem assinaturas, sem login para começar.
Por que cada post do blog precisa de sua própria imagem OG
Um link compartilhado sem um card, ou com um card genérico desatualizado, se mistura com todos os outros posts. Um card por post, com o título real e um layout limpo, gera mais compartilhamentos e mais cliques. O custo de gerar um card por post manualmente é o motivo pelo qual a maioria dos blogs se contenta com uma única imagem padrão — e é exatamente esse problema que o FastOG resolve.
Como obter uma imagem OG dinâmica para um post de blog
Você assina uma URL no momento da renderização da página com template=blog, o título do post, um resumo e o autor. O crawler de redes sociais a busca, o FastOG renderiza o PNG uma vez, e o Cloudflare o armazena em cache, de modo que cada compartilhamento posterior seja instantâneo e gratuito.
// 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,
})],
},
};
}
Use
template=blogpara um card de blog dedicado com autor e manchete, oudefaultpara um layout mais limpo apenas com título. Todos os templates renderizam em 1200×630.
Qual modelo combina com o seu blog
| Se o seu blog… | Use o modelo | Bônus |
|---|---|---|
| Mostra autor + resumo | blog |
linha do autor incluída |
| É principalmente título + slogan | default |
minimalista, focado na marca |
| Usa uma foto ou arte de capa | editorial / image-right |
layout com destaque para foto |
| Publica posts de lançamento / produto | launch |
campos de versão e domínio |
FAQ
Quanto custa o FastOG para postagens de blog?
Uma renderização por imagem exclusiva; URLs idênticas ficam em cache na borda para sempre e não contam contra sua cota mensal.
Preciso regenerar uma imagem quando edito uma postagem?
Somente se o título, o resumo ou o autor mudarem — a URL depende do conteúdo, então uma alteração de conteúdo gera uma nova URL e uma nova renderização. Uma URL inalterada permanece em cache e não conta contra sua cota.
Posso usar o FastOG com meu framework de blog existente?
Sim. Existem signers prontos 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.