Sobre esta ferramenta
O X (antigo Twitter) lê sua própria família de meta tags — twitter:card, twitter:title, twitter:description, twitter:image e twitter:site — para montar o cartão de pré-visualização exibido quando alguém compartilha seu link. É um padrão separado do Open Graph, com dois layouts: summary_large_image mostra uma imagem larga no topo com um pequeno bloco de texto abaixo, enquanto summary mantém uma miniatura quadrada compacta ao lado do título e da descrição. Use o layout de imagem grande para posts de blog e artigos, e summary para páginas utilitárias onde o texto importa mais que o visual.
O X recorre à tag og: correspondente para qualquer propriedade twitter: que não encontrar — og:title, og:description e og:image cobrem as lacunas — então uma página só com tags Open Graph ainda ganha um cartão, só que sem o controle específico do X. Para cobertura completa, gere suas tags Open Graph com o Gerador de Open Graph complementar e combine-as com as tags twitter: desta página; juntas, elas cobrem os dois padrões dos quais a grande maioria das plataformas — X, Facebook, LinkedIn, Slack, Discord e a maioria dos apps de chat — depende para prévias de link ricas.
Perguntas frequentes
Qual é a diferença entre summary e summary_large_image?
summary mostra uma pequena miniatura quadrada ao lado do texto, enquanto summary_large_image mostra uma imagem de banner em largura total acima do texto — use a versão grande para conteúdo visual como posts de blog ou produtos.
Ainda preciso de tags Open Graph se adicionar tags de Twitter Card?
Sim — o X/Twitter recorre às tags Open Graph para qualquer campo twitter: que você omitir, então manter ambos oferece os resultados mais confiáveis em todas as plataformas.