Visualização do Twitter card
Veja uma prévia de como qualquer URL aparece como um cartão do Twitter. Verifique o título, a descrição, a imagem e o cartão de link antes de postar.
Título
De
framer.com
Visualize os cartões do Twitter antes de publicar
Uma pré-visualização do card do Twitter mostra se um link gerará um card claro com o título, a descrição, a imagem e o domínio corretos. Use-a para identificar metadados ausentes, cortes ruins e textos fracos antes que a URL seja compartilhada.
Título
Verifique o título que o Twitter pode colocar no card. Seja direto o suficiente para um feed de ritmo acelerado e evite repetir informações que já estejam óbvias no texto da publicação.
Título
Descrição
framer.com
Descrição
Use a descrição do cartão para adicionar contexto que o título não consegue transmitir. Um texto claro e conciso tem menos probabilidade de ser truncado e é mais fácil de escanear em telas menores.
Título
Descrição
framer.com
Imagem
Inspecione a imagem do Twitter card para verificar cortes, contraste e legibilidade. Elementos importantes e textos devem permanecer em segurança dentro da área central.
Favicon
Embora o cartão dê ênfase ao domínio do editor, um favicon consistente ainda ajuda no reconhecimento durante a navegação mais ampla e o compartilhamento.
Título
Descrição
framer.com
Um guia prático para visualizações de Twitter Cards
Os cartões do Twitter transformam um URL simples em um anexo visual na linha do tempo. Verificar o cartão renderizado ajuda a proteger o título, o resumo, a imagem e a identidade do editor antes que uma publicação seja agendada.
O que cria um Twitter card?
O Twitter lê tags de cartão dedicadas e também pode usar alternativas do Open Graph. O tipo de cartão escolhido, título, descrição, imagem e informações da conta determinam o anexo final.
Card de resumo ou card de imagem grande?
Um cartão de resumo mantém o visual compacto, enquanto um cartão com imagem grande dá mais destaque à fotografia ou à obra de arte. Escolha o formato que melhor representa o destino, em vez de se basear apenas no tamanho.
Como o Twitter usa fallbacks do Open Graph
Quando faltam valores específicos do Twitter, o rastreador pode reutilizar campos compatíveis do Open Graph. As tags de cartão explícitas oferecem mais controle e reduzem a ambiguidade entre as plataformas.
Escrevendo títulos para um feed rápido
Comece com o assunto e o valor em vez de branding ou textos de preenchimento. O título ainda deve fazer sentido quando os usuários visualizarem o cartão sem ler a conversa ao redor.
Como evitar cortes indesejados em imagens
Use a proporção recomendada, mantenha detalhes importantes longe das bordas e evite textos muito pequenos. Teste os contextos de desktop e celular, pois o espaço disponível do cartão muda.
Por que um cartão antigo ainda pode aparecer
O Twitter pode armazenar metadados e mídias em cache após a primeira varredura. Atualizar a fonte da página nem sempre substitui uma prévia existente imediatamente, portanto, permita uma nova varredura antes do lançamento.
Um fluxo de trabalho de publicação de Twitter Cards
Valide a URL pública, confirme o tipo de cartão, inspecione os cortes do título e da imagem, corrija os metadados, solicite uma nova varredura se necessário e, só então, agende a publicação final.