Verificador de Twitter Card
Cole uma URL e veja quais tags twitter: a página declara.
A página é buscada pelo servidor do DevTools. Só funciona com URLs públicas.
O que é
Twitter Cards são meta tags com prefixo twitter: que definem o formato do card exibido quando um link é postado no X. A principal é twitter:card, que escolhe o layout — summary mostra uma miniatura quadrada ao lado do texto, summary_large_image mostra a imagem grande acima. As demais espelham o Open Graph: título, descrição e imagem.
Por que importa
É o check mais dispensável desta lista, e vale dizer isso com todas as letras: o X usa as tags og: como alternativa quando não encontra as twitter:, então uma página com Open Graph correto já exibe card decente sem nenhuma tag twitter:. Declará-las só compensa em dois casos — quando você quer o layout de imagem grande e o Open Graph sozinho não o entrega, ou quando o texto ideal para o X difere do usado nas demais redes. Fora isso, é otimização de margem, e o esforço rende mais em qualquer outro item.
Como corrigir
- Use twitter:card com valor summary_large_image quando a imagem for o atrativo, e summary quando for apenas ilustrativa.
- Só declare twitter:title, twitter:description e twitter:image se o conteúdo diferir do Open Graph. Repetir os mesmos valores adiciona manutenção sem benefício.
- Use URL absoluta na imagem, como no Open Graph. Caminho relativo é ignorado.
- Para summary_large_image, forneça imagem de pelo menos 300×157, respeitando a proporção 2:1.
- Garanta que o Open Graph esteja correto primeiro. É ele que atende o X, o WhatsApp, o LinkedIn e o Slack de uma vez.
- Não perca tempo com twitter:site e twitter:creator a menos que a atribuição de perfil importe para você.
Só o que acrescenta ao Open Graph
<!-- Open Graph já cobre título, descrição e imagem -->
<meta property="og:title" content="Validador de CPF online">
<meta property="og:image" content="https://exemplo.com.br/og/cpf.png">
<!-- Twitter: só o que muda o layout -->
<meta name="twitter:card" content="summary_large_image">Perguntas frequentes
- Preciso das tags twitter: se já tenho Open Graph?
- Na maioria dos casos não. O X lê as og: como alternativa e monta o card a partir delas. Declarar twitter:card faz sentido quando você quer especificamente o layout de imagem grande.
- Twitter Card influencia o SEO?
- Não. É um formato de exibição de uma rede social, sem qualquer papel no algoritmo do Google. O efeito é na aparência do link quando alguém o compartilha no X.
- Qual a diferença entre summary e summary_large_image?
- O layout. O summary coloca uma miniatura quadrada à esquerda do título e da descrição. O summary_large_image exibe a imagem em largura total acima do texto, ocupando bem mais espaço na linha do tempo.
- Mudei as tags e o card continua o antigo. Como atualizar?
- O X guarda o card em cache, como as demais plataformas. A prévia é atualizada quando o link é reprocessado — o que pode levar horas. Publicar a mudança e aguardar costuma ser o caminho mais simples.
Outras checagens
Ferramentas relacionadas
- Extrator de meta tags — veja as og: e as twitter: lado a lado
- Todas as checagens de SEO