Gerador de Twitter (X) Card
Gere meta tags twitter:card para as prévias de links no X (Twitter): summary ou summary_large_image, contas do site e do autor, título, descrição, imagem e alt.
No mínimo 300×157 px, proporção 2:1 (ex.: 1200×600).
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@example"> <meta name="twitter:title" content="My Awesome Article"> <meta name="twitter:description" content="A short summary shown in the card."> <meta name="twitter:image" content="https://example.com/card.png"> <meta name="twitter:image:alt" content="Article cover">
O que é Gerador de Twitter Card?
Este gerador escreve as meta tags twitter: que o X (antigo Twitter) usa para exibir cards de links: o tipo de card (summary ou summary_large_image), as contas @site e @creator, título, descrição, imagem e texto alternativo da imagem.
Como usar Gerador de Twitter Card
- Escolha o tipo de card: summary (imagem quadrada pequena) ou summary_large_image (imagem larga).
- Digite os nomes de usuário do site e do autor; o @ é acrescentado se você o omitir.
- Preencha o título, a descrição, a URL da imagem e o texto alternativo.
- Copie as tags para o <head> da página.
Exemplo
summary, @example, title Hello
<meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@example"> <meta name="twitter:title" content="Hello"> <meta name="twitter:description" content="A short summary shown in the card."> <meta name="twitter:image" content="https://example.com/card.png"> <meta name="twitter:image:alt" content="Article cover">
Quando usar Gerador de Twitter Card
Use quando quiser que o X mostre um card com imagem grande ou dê crédito à conta de um autor. Se a sua página já tem tags Open Graph, você só precisa de twitter:card mais os valores que devem ser diferentes no X.
Como funciona Gerador de Twitter Card
A ferramenta sempre gera twitter:card e só acrescenta as outras tags quando preenchidas, com escape HTML. Os nomes de usuário são normalizados para começar com @. O image:alt só é acrescentado junto com uma imagem. O X usa as tags Open Graph (og:title, og:description, og:image) para tudo o que não for definido, então você pode manter o conjunto twitter: mínimo.
Casos de Uso Comuns
- Transformar um link simples em um card com imagem grande no X.
- Atribuir um artigo ao @nome do autor.
- Usar no X uma imagem diferente da do Facebook.
- Acrescentar texto alternativo às imagens dos cards por acessibilidade.
Perguntas Frequentes
Preciso das tags do Twitter se já tenho tags Open Graph?
Só o twitter:card é obrigatório para escolher o tipo de card; caso contrário, o X reaproveita og:title, og:description e og:image.
Que tamanho de imagem devo usar?
summary_large_image: pelo menos 300×157, de preferência 1200×600 (2:1). summary: pelo menos 144×144, quadrada.
Ainda funciona depois da mudança de nome para X?
Sim. O X continua lendo as meta tags twitter:.