Card grande
- Entrada
- card=summary_large_image
- Saída esperada
- <meta name="twitter:card" content="summary_large_image" />
Prepare uma imagem larga (~1200×630) para não aparecer cortada.
gerador twitter card
Gerador de Twitter Card
O Twitter Card controla como um link aparece no X: imagem pequena ao lado do texto (summary) ou imagem grande acima (summary_large_image). Esta página explica cada tag e gera o bloco com preview, herdando do Open Graph quando faz sentido.
summary vs. summary_large_image
- twitter:card=summary mostra uma miniatura quadrada ao lado do título e da descrição. summary_large_image exibe uma imagem larga acima do texto, ideal para artigos e capas. A escolha muda o tamanho de imagem que você deve preparar.
- twitter:site e twitter:creator usam handles começando com @. Se você não definir twitter:title, twitter:description ou twitter:image, o X usa os equivalentes og: automaticamente.
Exemplos de card
Handle do autor
- Entrada
- creator=autor
- Saída esperada
- Aviso: handles começam com @
twitter:creator deve ser @autor, não apenas autor.
FAQ da ferramenta completa
O <title> vive no <head> e define o texto da aba do navegador e o título do snippet de busca; é um sinal de página inteira. O <h1> é o cabeçalho visível dentro do conteúdo. Eles podem ter textos diferentes: o title costuma ser mais conciso e otimizado para a SERP, enquanto o h1 fala diretamente com quem já está na página. Não confunda os dois nem repita exatamente o mesmo texto sem necessidade.
Perguntas frequentes
Preciso repetir título e descrição se já tenho Open Graph?
Não. O X faz fallback para og:title e og:description quando as tags twitter: correspondentes estão ausentes. Defina apenas twitter:card e adicione as outras tags twitter: somente quando quiser um texto ou imagem diferentes para o X.
Por que meu card não atualiza no X?
Plataformas armazenam em cache a primeira leitura do link. Depois de mudar as tags, use a ferramenta oficial de validação/depuração de cards para forçar uma nova leitura e limpar o cache da URL.
