O que é Pré-visualização de Card do Twitter?
O Twitter Card Preview mostra como seus links aparecerão quando compartilhados no Twitter/X. Insira uma URL ou preencha o título, a descrição e a imagem para visualizar os tipos de card Summary e Summary with Large Image antes de publicar.
A pré-visualização usa as mesmas proporções do cliente web do Twitter/X: 2:1 para Summary with Large Image (recomendado pra posts de blog e lançamentos), e 1:1 quadrada para Summary (melhor pra páginas de categoria e links de referência). Também gera as meta tags correspondentes pra você colar direto no <head> sem digitar nenhuma à mão.
Como usar
- Passo 1 — Preencha o título, a descrição e a URL da imagem, ou cole o HTML da sua página para importar de uma vez as tags twitter: e og: que ela já tem.
- Passo 2 — Selecione o tipo de card: Summary (miniatura pequena) ou Summary with Large Image (pré-visualização estilo banner).
- Passo 3 — Revise a pré-visualização em tempo real para ver exatamente como seu link aparece na timeline do Twitter/X, opcionalmente dentro de um tweet completo e no LinkedIn, Facebook, Slack e Discord, e ajuste os campos conforme necessário.
Quando usar
- Conferir como um post ou artigo vai aparecer antes de tuitar o link.
- Auditar landings antigas cujos cards estão quebrados ou mostrando só um corte do logo.
- Decidir qual tipo de card (Summary ou Large Image) combina com cada tipo de página antes de adicionar as meta tags.
Resultado
Você está prestes a compartilhar um link de post do blog no Twitter/X. Você cola o HTML da página para carregar as tags e a pré-visualização mostra que o card está sem descrição e a imagem está cortada. Você corrige ambos os campos e confirma que o card de imagem grande está profissional antes de tweetar.
Perguntas frequentes
- Qual a diferença entre Summary e Summary with Large Image?
- O Summary mostra um thumbnail quadrado pequeno à esquerda com título e descrição à direita. O Summary with Large Image coloca um banner largo acima do título. O grande ocupa mais espaço no timeline e quase sempre tem CTR maior.
- Que dimensões de imagem o Twitter/X exibe na prática?
- Pro Summary with Large Image a área visível é cerca de 2:1 (por exemplo 1200×600 px). O Twitter aceita de 300×157 a 4096×4096, mas corta pra 2:1, então textos e rostos importantes devem ficar dentro da zona 2:1 centralizada.
- Preciso de aprovação do Twitter Developer pra usar essas tags?
- Não. As meta tags do Twitter Card funcionam em qualquer site público sem aprovação. O validator antigo que pedia revisão foi descontinuado. Coloque as tags no <head>, publique, e da próxima vez que alguém compartilhar a URL o card aparece.
- Por que meu card não aparece no Twitter mesmo com as meta tags certas?
- O Twitter cacheia respostas de card de forma agressiva. Depois de corrigir tags, o card antigo pode persistir por horas. Compartilhar uma URL com sufixo de tracking (?v=2 ou UTM) força um novo fetch. Bloquear o Twitterbot no robots.txt é outra causa comum.
- Devo usar Open Graph ou tags do Twitter?
- O Twitter cai pra Open Graph (og:title, og:description, og:image) quando faltam tags twitter:*, então normalmente OG já dá conta. Adicione twitter:card e twitter:image se quiser controle total da imagem e do layout que o Twitter escolhe.
Ferramentas relacionadas
Gerador de dados estruturados
Gere marcação JSON-LD de schema para SEO
Página web para PDF
Capture uma página web como PDF
Gerador de política de privacidade
Gere uma política de privacidade para o seu site
Gerador de termos de serviço
Gere um documento de termos de serviço
Gerador de Consentimento de Cookies
Gera código para banners de consentimento de cookies
Minificador CSS
Minifique código CSS para reduzir o tamanho do arquivo