Gerador de cartões do Twitter
Gere metatags de cartão do Twitter – visualizações X ricas com imagens grandes.
Como usar Gerador de cartões do Twitter
- Escolha o tipo de cartão — summary_large_image para o formato de largura total que quase todos os sites usam.
- Preencha o título, a descrição e o URL da imagem (URL https absoluto, 1200 × 630 px funciona tanto para X quanto para OG).
- Copie as tags geradas no da sua página, junto com o Open Graph. tags.
- Teste postando o URL em um rascunho no X — a visualização do cartão é renderizada antes da publicação.
O que é Gerador de cartões do Twitter?
Um gerador de cartão do Twitter cria meta tags que controlam como os links são renderizados no X (Twitter): um cartão com título, descrição e imagem em vez de uma URL simples. A escolha principal é o tipo de cartão - summary (pequena miniatura quadrada ao lado do texto) ou summary_large_image (imagem de largura total acima do texto, o formato que praticamente todos os editores usam porque ocupa o triplo do espaço da linha do tempo).
As tags espelham o Open Graph, mas usam o atributo name="twitter:…": twitter:card, twitter:title, twitter:description, twitter:image. X recorre às tags OG quando as tags do Twitter estão ausentes. Portanto, essas tags existem para substituir ou atualizar o que o OG fornece, começando por forçar o formato de imagem grande.
Sobre o Gerador de cartões do Twitter
Escolha o tipo de cartão, preencha o título, a descrição e o URL da imagem e copie o twitter: meta bloco completo para o
da sua página.Notas práticas de campo: twitter:title trunca cerca de 70 caracteres; twitter:descrição em torno de 200 — um pouco mais espaçoso que o OG; twitter:image deseja os mesmos 1200 × 630 px (2:1 mínimo 300 × 157) que o Open Graph para cartões grandes, portanto, uma imagem atende a ambos os protocolos. Adicione twitter:site com seu @handle para atribuir o cartão à sua conta – ele também permite a atribuição de análises no X.
Como X lê Open Graph como um substituto, a configuração mínima eficiente são tags OG completas (nosso Open Graph Generator) mais apenas twitter:card = summary_large_image para forçar o formato grande – este gerador produz o conjunto explícito completo para quando você deseja valores específicos de X.