O que é twitter:image?
A meta tag twitter:image especifica a imagem mostrada nas pré-visualizações de link do X/Twitter. Combinada com twitter:card, cria uma pré-visualização visual rica que aumenta drasticamente o engajamento.
Comportamento de fallback
O X/Twitter verifica imagens nesta ordem:
twitter:image— Maior prioridadeog:image— Recorre ao Open Graph- Sem imagem — Mostra uma pré-visualização mínima só de texto
Se tanto twitter:image quanto og:image estiverem ausentes, o link vai aparecer como URL simples ou card mínimo sem imagem — uma oportunidade significativa perdida.
Impacto no engajamento
- Tweets com imagens têm 150% mais retweets do que aqueles sem
- Cards com imagens grandes têm 40% mais cliques do que summary cards
- Conteúdo visual é processado 60.000x mais rápido pelo cérebro do que texto
Como corrigir
<meta name="twitter:image" content="https://yoursite.com/twitter-image.jpg" />
Requisitos de imagem para o X/Twitter
Para summary_large_image:
- Recomendado: 1200 x 600px (proporção 2:1)
- Mínimo: 300 x 157px
- Tamanho máximo do arquivo: 5MB
- Formatos: JPG, PNG, WebP, GIF (apenas o primeiro frame)
Para summary:
- Recomendado: 240 x 240px (proporção 1:1)
- Mínimo: 144 x 144px
Boas práticas
- Use URLs absolutas HTTPS —
https://yoursite.com/image.jpg - Otimize para proporção 2:1 — Diferente da proporção 1.91:1 de og:image
- Considere imagens separadas para o Twitter — A proporção ligeiramente diferente significa que a imagem OG pode ser cortada de outra forma
- Mantenha o texto mínimo e grande — A imagem pode aparecer pequena no mobile
- Teste com o Card Validator — Sempre pré-visualize antes de publicar
Por que usar uma imagem diferente no Twitter?
As proporções recomendadas diferem:
- og:image: 1200 x 630 (1.91:1)
- twitter:image: 1200 x 600 (2:1)
Se você usar a mesma imagem 1200x630, o X pode cortar um pouco o topo e a base. Na maioria das imagens isso é aceitável, mas se o design tiver conteúdo nas bordas, considere criar uma versão otimizada para o Twitter.