O que é
Um "Twitter Card" (o nome original da plataforma para esta funcionalidade, anterior à mudança para X) é a pré-visualização enriquecida mostrada quando um link é compartilhado no X — normalmente incluindo imagem, título e descrição, em vez de um simples link em texto puro. É controlada por uma meta tag específica, mais simplesmente <meta name="twitter:card" content="summary_large_image">, que diz ao X para criar especificamente este formato de pré-visualização maior, focado em imagem.
O X recorre, em muitos casos, às tags Open Graph padrão (og:title, og:description, og:image) para o conteúdo real da pré-visualização — mas sem esta tag específica twitter:card presente, pode não criar uma pré-visualização enriquecida de todo, mostrando em vez disso apenas um link simples.
Por que importa
Links compartilhados no X sem um cartão funcional aparecem como texto simples e pouco chamativo num feed cheio de outras publicações a competir pela atenção — fáceis de ignorar ao passar o dedo pela tela. Um cartão funcional com imagem e título é consideravelmente mais chamativo e dá às pessoas com quem foi compartilhado uma noção real e imediata do que vão encontrar ao clicar, antes mesmo de lerem uma única palavra do comentário ao redor.
Esta é uma adição muito pequena, de uma única linha, além das tags Open Graph que já deve ter configurado para o Facebook e o LinkedIn — não há praticamente nenhuma razão para a saltar, já que essas outras já estão implementadas.
Como corrigir
- Confirme que já tem as tags Open Graph (og:title, og:description, og:image) definidas na página, já que o X usa grande parte do conteúdo da pré-visualização a partir delas.
- Adicione
<meta name="twitter:card" content="summary_large_image">na seção<head>da página, o que solicita o formato de pré-visualização maior e focado em imagem. - Se usa um criador de sites ou plugin de SEO, isto costuma já vir incluído automaticamente junto com as outras configurações de compartilhamento social — verifique isso antes de adicionar manualmente.
- Teste o resultado com o Card Validator do X (ou compartilhando o link numa publicação privada de rascunho) para confirmar que a pré-visualização aparece como esperado.
- Volte a executar a sua verificação do Launch Readiness para confirmar que a tag agora é detectada.