Prévia de Twitter Card
Visualize e gere meta tags Twitter Card para suas páginas
Configurações do cartão
0/70 caracteres
0/200 caracteres
Os contadores de 70/200 servem como orientação para edição. Alguns símbolos contam como mais de um caractere; a exibição real depende do cliente.
Experimente uma imagem larga, por exemplo, 1200 × 628 px. A prévia ilustrativa usa uma área de imagem de 16:9.
A URL da imagem é carregada diretamente pelo seu navegador. O servidor da imagem recebe essa solicitação.
Usado apenas para o domínio exibido aqui. Seu @handle identifica a conta atribuída.
Prévia do cartão
example.com
Título do seu cartão aqui
A descrição do seu cartão aparecerá aqui. Escreva algo atraente para envolver seu público.
Adicione uma URL de imagem para visualizá-la.
Esta prévia é ilustrativa. O layout real do X/Twitter, o recorte, o conteúdo em cache e as imagens obtidas podem ser diferentes.
Suas meta tags
<meta name="twitter:card" content="summary_large_image" />
Tags atualizadas. Adicione-as ao head da sua página e confira a página publicada.
Guia de tipos de cartão
Antes de publicar
- Use um título e uma descrição que descrevam a página.
- Escolha uma imagem cujo conteúdo importante permaneça visível após o recorte.
- Mantenha a URL da imagem acessível à plataforma que busca sua página.
- O @handle é uma identificação de autoria, não um endereço de site.
- Confira a página publicada e sua prévia real de compartilhamento; este editor não busca os dados de cartão do X.
Sobre a nossa ferramenta gratuita de prévia de Twitter/X Card
Twitter Cards (agora X Cards) permitem anexar mídia rica a tweets que levam ao seu site. Quando alguém compartilha uma URL do seu site, o card exibe automaticamente uma prévia com o título, a descrição e a imagem que você definiu. Esta ferramenta de prévia de Twitter Card permite inspecionar um card ilustrativo antes de publicar suas tags. Ela não verifica a coleta, o cache nem a renderização final da plataforma.
A ferramenta aceita os dois principais tipos de card: o Summary Card, com uma pequena miniatura ao lado do texto, e o Summary Card com imagem grande, que coloca um visual de destaque acima do título e da descrição. Você insere o conteúdo, vê a prévia em tempo real e copia as meta tags HTML prontas para uso com um único clique.
Seja você um social media que otimiza prévias de links, um desenvolvedor que implementa tags Open Graph e meta tags do Twitter ou um profissional de marketing de conteúdo que busca maximizar a taxa de cliques em links compartilhados, esta ferramenta gratuita agiliza o seu trabalho. Os contadores de caracteres e as barras coloridas seguem a orientação de 70/200 deste editor e não estabelecem um limite de exibição atual garantido pela plataforma.
Principais recursos
- Prévia ao vivo dos tipos de card Summary e Summary Large Image
- Contadores de caracteres em tempo real e barras coloridas, com base nas diretrizes do editor para título (70) e descrição (200)
- Campo de URL da imagem com sugestões de tamanho recomendado para cada tipo de card
- Campo de @handle do site para a atribuição correta no Twitter
- Meta tags HTML geradas automaticamente, prontas para colar na seção <head> da sua página
- Cópia de todas as meta tags geradas para a área de transferência com um clique
- Guia comparativo dos tipos de card, mostrando quando usar cada formato
- Prévia baseada no layout do card do Twitter/X (uma aproximação, não uma renderização exata em pixels)
- Suporte completo ao modo escuro com layout responsivo
- Sem cadastro, totalmente gratuito e ilimitado
Como usar a ferramenta de prévia de Twitter Card
- Selecione um tipo de card: Escolha entre Summary (imagem pequena) e Summary Large Image, conforme o seu conteúdo e seus objetivos visuais.
- Digite o título: Escreva um título atraente com menos de 70 caracteres, que chame a atenção no feed do Twitter.
- Adicione uma descrição: Elabore uma descrição concisa, com menos de 200 caracteres, que incentive os usuários a clicar.
- Informe a URL da imagem: Cole a URL completa da imagem do card (1200x628 recomendado para cards com imagem grande, 144x144 para o Summary).
- Confira a prévia ao vivo: Veja o painel de prévia do card para ter uma aproximação de como ele aparecerá no Twitter/X.
- Copie as meta tags: Clique em “Copiar todas as tags” para copiar as meta tags HTML geradas e cole-as na seção <head> da sua página.
Casos de uso
- Social media: Veja a prévia e otimize os cards de link antes de compartilhar o conteúdo, para maximizar o engajamento e a taxa de cliques.
- Desenvolvedores web: Gere meta tags corretas de Twitter Card durante o desenvolvimento do site e verifique a renderização antes do lançamento.
- Profissionais de marketing de conteúdo: Teste diferentes títulos, descrições e imagens para encontrar a combinação mais atraente para links compartilhados.
- Profissionais de SEO: Garanta a implementação correta das meta tags sociais como parte das auditorias de SEO técnico.
- Equipes de e-commerce: Veja como as páginas de produto aparecem quando compartilhadas no Twitter/X, para otimizar as conversões.
- Autores de blog: Confira se as prévias dos artigos exibem a imagem de destaque, o título e o resumo corretos antes de publicar.
- Assessoria de imprensa e comunicação: Verifique as prévias de links de comunicados e anúncios antes de distribuí-los aos veículos de imprensa.
Perguntas frequentes
Esta ferramenta é gratuita?
Sim, a ferramenta de prévia de Twitter Card é totalmente gratuita, sem cadastro nem limite de uso.
Meus dados estão seguros?
A renderização da prévia e a geração das tags acontecem no seu navegador. Seus títulos e descrições não são enviados aos nossos servidores. Ao carregar a URL de uma imagem, o seu navegador faz uma requisição ao servidor que hospeda essa imagem.
Quais são os tamanhos de imagem recomendados?
Use uma imagem quadrada para um card pequeno e uma imagem larga para um card grande. O editor oferece tamanhos de exemplo de 144×144 e 1200×628 pixels; eles não validam os requisitos atuais da plataforma quanto a formato de arquivo, tamanho ou coleta. Revise a imagem na prévia de compartilhamento publicada.
Preciso de Twitter Cards e de tags Open Graph?
Os metadados Open Graph e os específicos do Twitter descrevem as prévias sociais. Implemente as tags exigidas pelas plataformas que você atende e confira o resultado publicado; este editor não confirma o comportamento de fallback nem garante controle total da exibição.
Por que meu card não é atualizado depois de eu alterar as meta tags?
Uma plataforma pode manter metadados ou imagens coletados anteriormente. Confirme que a página e as URLs de imagem publicadas contêm suas alterações e depois confira a prévia de compartilhamento real. Este editor não inspeciona nem limpa o cache do X e não pode prometer um intervalo de atualização nem um truque com query string.
Esta prévia corresponde exatamente à renderização real do Twitter?
Esta é uma prévia ilustrativa. O layout do cliente, o corte, os dados em cache e a coleta da imagem podem produzir um resultado bem diferente; confira a prévia de compartilhamento real da página publicada.
Dicas e boas práticas
- Mantenha os títulos com menos de 70 caracteres: Títulos mais longos são truncados na prévia do card e você perde a mensagem principal.
- Escreva descrições voltadas à ação: Use uma linguagem atraente que incentive o clique e fique abaixo de 200 caracteres.
- Use imagens de alta qualidade: Imagens desfocadas ou de baixa resolução reduzem a confiança e o engajamento. Use sempre as dimensões recomendadas.
- Inclua o @handle do site: Isso adiciona a atribuição correta e pode aumentar a visibilidade da sua conta quando os links forem compartilhados.
- Teste antes de publicar: Veja a prévia do card nesta ferramenta e depois cole a URL no editor de posts do X para confirmar o card real antes de postar.
- Implemente as tags OG e as do Twitter: Use as tags Open Graph como base e as tags de Twitter Card para personalizações específicas da plataforma.