Validador de Twitter Cards
O X removeu seu próprio validador, então teste seu card aqui. Cole o HTML da sua página para verificar cada tag twitter:, veja o card que o X exibe e copie as tags corrigidas.
1<!-- X (Twitter) card -->2<meta name="twitter:card" content="summary_large_image" />3<meta name="twitter:title" content="Framer: Free website builder and AI design agent" />4<meta name="twitter:description" content="The free website builder with a design agent that takes you from idea to launch. Changes stay editable, with hosting, CMS, analytics, SEO, and AEO built in." />5<meta name="twitter:image" content="https://framerusercontent.com/images/vt65Mbfi3w8ymfTyRfbmgM4Tyo.png" />6<meta name="twitter:image:alt" content="Describe what the image shows" />7<meta name="twitter:site" content="@yourbrand" />Como consertar seu cartão X
O X lê as tags twitter: primeiro e usa suas tags Open Graph como alternativa. A maioria dos cards quebrados se resume a uma destas quatro coisas.
Defina twitter:card como summary_large_image
Sem isso, o X pode recorrer a um card de resumo pequeno com uma miniatura quadrada. O summary_large_image exibe a imagem em largura total na proporção 2:1, chamando muito mais atenção no feed.
Use um URL de imagem HTTPS absoluto
twitter:image (ou og:image) precisa ser uma URL completa que comece com https://, seja publicamente acessível e tenha menos de 5 MB. Caminhos relativos e imagens protegidas por login não carregarão.
Adicionar twitter:image:alt
O texto alternativo descreve a imagem para pessoas que usam leitores de tela, em até 420 caracteres. É opcional, mas o X lê esse texto e ele ocupa uma linha.
Obtenha X para mostrar o novo cartão
O X armazena os cards em cache por cerca de uma semana e não possui botão de atualização. Adicione uma query string como ?v=2 ao link para obter um card atualizado e, em seguida, verifique as outras plataformas com o verificador de meta tags. Para o LinkedIn, Facebook, Slack e os demais, consulte o guia de atualização.
Perguntas frequentes sobre o validador de Twitter Cards
Respostas rápidas sobre os cards do X, as tags twitter: e o antigo validador.
O que aconteceu com o Twitter Card Validator?
O X removeu a prévia do seu Validador de Cards em 2022, e agora a página redireciona você para uma tela de login. Esta ferramenta o substitui: ela lê as mesmas tags que o X e mostra o card que elas geram.
Quais tags são necessárias para um cartão do X?
twitter:card é obrigatório. O X então lê twitter:title, twitter:description e twitter:image, e usa og:title, og:description e og:image quando estes estiverem ausentes. twitter:site e twitter:image:alt são opcionais.
Por que o meu card do X não está exibindo uma imagem?
Geralmente, o URL da imagem é relativo, está bloqueado pelo robots.txt, protegido por login ou é grande demais, ou o tipo de cartão é summary em vez de summary_large_image. O X também armazena os cartões em cache, então faça o teste adicionando ?v=2 ao final do link.
Por que colar HTML em vez de uma URL?
Colar o HTML permite que o validador leia cada tag twitter: exatamente como foi escrita. A verificação por URL mostra o card que o X gera a partir das tags Open Graph da página, que é a alternativa padrão usada pelo X.
Este validador de Twitter Cards é gratuito?
Sim. Ele roda no seu navegador, não requer login e o HTML colado nunca sai do seu dispositivo.