Gere imagens de Twitter Card com uma API
Uma imagem de Twitter (X) card é a prévia grande exibida quando um link é compartilhado no X. A FastOG a gera dinamicamente em 1200×630 e sinaliza summary_large_image, para que cada página receba um X card adequado sem precisar criar uma imagem manualmente.
O que uma imagem de Twitter card precisa
O X lê as tags Open Graph e renderiza um card summary_large_image quando a página contém links twitter:card = summary_large_image. A imagem é renderizada em 1200×630. O FastOG gera exatamente isso, e você aponta twitter:image para a mesma URL dinâmica de og:image.
Como configurar um Twitter card dinâmico
Gere sua URL do FastOG uma vez e, em seguida, defina tanto as meta tags de OG quanto as do Twitter para ela.
<meta property="og:image" content="https://fastog.com/api/v1/og?template=default&title=My+Post&key=sk_...&s=...">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Post">
<meta name="twitter:image" content="https://fastog.com/api/v1/og?template=default&title=My+Post&key=sk_...&s=...">
A mesma URL funciona para ambas as tags. O X usa
og:imagecomo fallback setwitter:imageestiver ausente, mas definir ambas é inofensivo e explícito.
Dicas do validador de cartão do X
| Verificação | Detalhe |
|---|---|
| URL pública | A imagem deve ser acessível pelo X sem autenticação |
| Tamanho / formato do arquivo | Mantenha abaixo de 5 MB; PNG é o melhor para cartões de texto |
| Cache | O X faz cache de forma agressiva — use o Card Validator para forçar uma atualização |
| URLs assinadas | As URLs assinadas por conteúdo da FastOG limitam apenas o primeiro carregamento; cartões em cache permanecem válidos |
FAQ
Preciso de imagens separadas para X e Open Graph?
Não. O X lê a mesma imagem de 1200×630. Esta página existe porque as tags twitter:card corretas são fáceis de errar.
Por que meu card do X não atualiza depois que eu mudo o título?
O X armazena em cache o card antigo. Abra o Validador de Cards do X, cole a URL e faça o re-scrape.
O FastOG também cuida das meta tags do twitter?
O FastOG gera a imagem; você ainda adiciona as meta tags twitter:card e twitter:image à sua página (como mostrado acima). Nosso Gerador de Meta Tags Open Graph gratuito escreve todas as tags para você.