O que e uma Twitter Card?

Uma Twitter Card e a previa rica que o X mostra quando alguem posta um link. Meta tags como twitter:card, twitter:title, twitter:description e twitter:image dizem ao X como renderizar essa previa.

Qual a diferenca entre summary e summary_large_image?

summary_large_image mostra uma imagem larga acima do titulo - ideal para posts e lancamentos. summary usa uma miniatura quadrada ao lado do texto - melhor para shares compactos. Escolha o tipo que combina com sua imagem.

Ainda preciso de tags Open Graph?

Sim para Facebook, LinkedIn, Slack e muitos messengers. O X pode usar Open Graph como fallback, mas as tags twitter:* dao controle explicito. Gere as duas - use esta ferramenta mais o Gerador de tags Open Graph.

Qual o tamanho da imagem da Twitter Card?

Use uma URL https absoluta. Cerca de 1200 x 628 px funciona bem para summary_large_image. Para summary, uma imagem quadrada (pelo menos 144 x 144, idealmente maior) e mais segura.

O que vai em twitter:site?

O @handle da sua marca ou site no X. Voce pode digitar @marca, marca ou uma URL de perfil - o gerador normaliza para @handle.

Dentro do head do documento HTML publico (ou da API de metadata do seu framework). As tags precisam estar visiveis na URL compartilhada para o crawler do X le-las.

Meus dados saem do dispositivo?

Nao. O Gerador de Twitter Cards roda so no navegador. Titulos, handles e URLs de imagem nao sao enviados nem armazenados em servidor.

Ferramentas de SEO

Popular

Gerador de Twitter Cards

Crie meta tags de Twitter Card para o X no navegador.

Tipo de card

summary_large_image para uma imagem larga. summary para um card compacto com miniatura quadrada.

Titulo

0 caracteres

Descricao

0 caracteres

URL da imagem

Use uma URL https absoluta. 1200 x 628 px funciona bem para summary_large_image.

Site (@handle)

O handle da sua marca no X. Aceita @nome, nome ou uma URL x.com / twitter.com.

Criador (@handle)

Opcional. Handle do autor do conteudo.

Tags HTML

Preencha um titulo, descricao, imagem ou handle para gerar tags.

Previa X / Twitter

Adicione uma URL de imagem para pre-visualizar

Titulo do seu card

Sua descricao aparece aqui quando o link e compartilhado.

example.com

Sobre o Gerador de Twitter Cards

Crie meta tags de Twitter Card para o X no navegador. Escolha summary ou summary_large_image, informe titulo, descricao, URL da imagem e handles opcionais @site / @creator, e copie o HTML para o head da pagina. A previa mostra como um card compacto ou de imagem grande fica. Combine com o Gerador de tags Open Graph quando tambem precisar de Facebook e LinkedIn. Nada e enviado.

Como usar o Gerador de Twitter Cards

Escolha o tipo de card: summary_large_image para um hero largo, ou summary para uma miniatura compacta.
Informe o titulo e a descricao mostrados ao compartilhar o link.
Cole uma URL https absoluta da imagem (1200 x 628 funciona bem para cards grandes).
Adicione twitter:site (handle da marca) e twitter:creator opcional.
Copie o HTML e cole no head da sua pagina.

Exemplos de Gerador de Twitter Cards

Post com imagem grande

Card summary_large_image, titulo do post, descricao de duas linhas e imagem 1200 x 628 geram twitter:card, twitter:title, twitter:description e twitter:image prontos para o template.

Pagina de produto com handle da marca

Adicione @suamarca como site para o X atribuir o card a sua conta. Mantenha o titulo abaixo de ~70 caracteres para nao cortar no timeline.

Card summary compacto

Use summary com miniatura quadrada quando o share deve ficar pequeno ao lado do titulo - util para docs e links de suporte.

Handle a partir de URL de perfil X

Cole https://x.com/toolsminify em Site e o gerador normaliza para @toolsminify em twitter:site.

Casos de uso comuns

Publicar tags twitter:card em blog ou landing
Comparar summary vs summary_large_image antes do deploy
Configurar twitter:site e twitter:creator corretamente
Escapar titulos com aspas e ampersands para HTML valido
Complementar Open Graph com controle especifico para X

Perguntas frequentes sobre o Gerador de Twitter Cards

O que e uma Twitter Card?: Uma Twitter Card e a previa rica que o X mostra quando alguem posta um link. Meta tags como twitter:card, twitter:title, twitter:description e twitter:image dizem ao X como renderizar essa previa.
Qual a diferenca entre summary e summary_large_image?: summary_large_image mostra uma imagem larga acima do titulo - ideal para posts e lancamentos. summary usa uma miniatura quadrada ao lado do texto - melhor para shares compactos. Escolha o tipo que combina com sua imagem.
Ainda preciso de tags Open Graph?: Sim para Facebook, LinkedIn, Slack e muitos messengers. O X pode usar Open Graph como fallback, mas as tags twitter:* dao controle explicito. Gere as duas - use esta ferramenta mais o Gerador de tags Open Graph.
Qual o tamanho da imagem da Twitter Card?: Use uma URL https absoluta. Cerca de 1200 x 628 px funciona bem para summary_large_image. Para summary, uma imagem quadrada (pelo menos 144 x 144, idealmente maior) e mais segura.
O que vai em twitter:site?: O @handle da sua marca ou site no X. Voce pode digitar @marca, marca ou uma URL de perfil - o gerador normaliza para @handle.
Onde colo o HTML?: Dentro do head do documento HTML publico (ou da API de metadata do seu framework). As tags precisam estar visiveis na URL compartilhada para o crawler do X le-las.
Meus dados saem do dispositivo?: Nao. O Gerador de Twitter Cards roda so no navegador. Titulos, handles e URLs de imagem nao sao enviados nem armazenados em servidor.

Gerador de tags Open Graph

Gere tags Open Graph e Twitter Card a partir de um título, descrição, URL e imagem. Gerador OG grátis com HTML ao vivo e prévia social.

Verificador de meta description e prévia da SERP

Verificador grátis de tamanho de SERP e prévia de meta description. Contador de caracteres e preview do Google - ou gere um rascunho no limite de 150-160.

Gerador de URL de campanha UTM

Gerador gratis de URL de campanha UTM para GA4. Adicione utm_source, utm_medium e utm_campaign, analise um link etiquetado e use minusculas (GA4 distingue maiusculas). Nada e enviado.