Pular para o conteúdo principal
DevTools by Decussi
  • Ferramentas
  • Dados
  • Segurança
  • Rede
  • Texto
  • Data
  • Web
  • Dev
  • SEO
  • Brasil
Ferramentas
DevTools

Ferramentas para desenvolvedores, em português. Sem cadastro e sem instalação.

Criado e mantido por Decussi

Ferramentas

  • Todas as ferramentas
  • Dados
  • Segurança
  • Rede
  • Texto
  • Data
  • Web
  • Dev
  • SEO
  • Brasil

Referência

  • Consulta rápida
  • Guias
  • Códigos HTTP
  • Cron
  • Checagens de SEO

Desenvolvedores

  • API e devs
  • llms.txt
  • ai.txt
  • Sitemap

Newsletter

Receba novidades e novas ferramentas no seu email.

Sugira uma ferramenta

Tem uma ideia? Envie sua sugestão.

  1. Início
  2. /Checagens de SEO
  3. /Verificador de Twitter Card

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

  • Verificador de Open GraphCole uma URL e veja se as tags og: essenciais estão presentes e bem formadas.
  • Verificador de meta descriptionCole uma URL e veja a meta description como ela está no HTML, com o comprimento medido.

Ferramentas relacionadas

  • Extrator de meta tags — veja as og: e as twitter: lado a lado
  • Todas as checagens de SEO