ZSC Labs

Gerador de Twitter Card

Gere as tags Twitter Card para links compartilhados no X.

Dados do Twitter Card

Preencha os campos para gerar as tags twitter: usadas ao compartilhar links no X (Twitter).

html
<meta name="twitter:card" content="summary_large_image" />
Publicidade

Cansado de anúncios? Assine o Premium por R$ 14,90/mês e navegue sem anúncios.

Remover anúncios

Sobre esta ferramenta

O X, antigo Twitter, tem seu próprio conjunto de meta tags — twitter:card, twitter:title, twitter:image — separado das tags Open Graph, embora sirva ao mesmo propósito de controlar como um link aparece ao ser compartilhado. Na ausência das tags twitter:, o X costuma cair de volta nas tags og: da página, mas com menos controle sobre o formato final do card. Esta ferramenta gera as duas variações de card suportadas e normaliza automaticamente os @ dos usuários informados.

Como funciona

O tipo de card escolhido define o layout do preview, e a ferramenta monta uma tag twitter para cada campo preenchido, normalizando automaticamente os @ de twitter:site e twitter:creator informados.

Tipo de cardLayoutQuando usar
summaryImagem pequena ao lado do textoPerfis e páginas de texto
summary_large_imageImagem grande acima do textoArtigos, produtos e banners

Como utilizar

  1. Escolha o tipo de card (summary ou summary_large_image)
  2. Preencha título, descrição e imagem
  3. Copie as tags twitter geradas para o head da página

Exemplos

Útil para quem divulga conteúdo com frequência no X e quer garantir que o card apareça com a imagem certa, em vez de depender do que a plataforma conseguir inferir sozinha.

Benefícios

  • Prévia visual dos dois formatos de card
  • Normalização automática dos handles @
  • Cobre o cenário em que o X cai de volta nas tags Open Graph

Perguntas frequentes

Geralmente sim, porque o X também lê as tags Open Graph como alternativa — mas as tags twitter: dão mais controle sobre qual formato de card é exibido.

Publicidade

Conclusão

Mesmo com o fallback para Open Graph, configurar as tags twitter: dá mais controle sobre como seu link aparece especificamente no X.