Um guia completo para cartões do Twitter

Publicados: 2016-01-20

Os Twitter Cards são um protocolo que permite anexar fotos ricas, vídeos e outras mídias interativas a Tweets para direcionar tráfego para seu site. O Twitter oferece um grande número de cartões diferentes. Além disso, os Cartões do Twitter podem ser integrados com algumas linhas de HTML à sua página da web. Os usuários que vincularem ao seu conteúdo com um Tweet receberão um Card adicionado ao Tweet visível para todos os seus seguidores.

Os Cartões do Twitter são um ótimo parceiro para sua estratégia de SEO, pois ajudam a aumentar o engajamento, aumentar a taxa de cliques e as conversões. O Twitter Cards pode, assim, melhorar o alcance do seu conteúdo nas mídias sociais e desenvolver sua marca e SEO local.

Entendendo os diferentes tipos de Twitter Cards

Existem 5 tipos de cartões do Twitter:

  • Cartão de Resumo
  • Cartão de resumo com imagem grande
  • Cartão de jogador
  • Cartão de aplicativo
  • Cartão de geração de leads

Cartão de Resumo

O Cartão de Resumo pode ser usado para postagens de blog, notícias, páginas de produtos ou qualquer outra notícia de negócios. Esses cartões visam oferecer uma visualização do conteúdo exibindo seu título, descrição e uma imagem em miniatura.
Requisitos:

  • Título: 70 caracteres
  • Descrição: 200 caracteres
  • Imagem: pelo menos 120 × 120 pixels e não mais que 1 MB

Para adicioná-lo ao seu site, você precisa colar este código no HTML da sua página da web:

<meta name=”twitter:card” content=”summary” />
<meta name=”twitter:site” content=”@seusite” />
<meta name=”twitter:title” content=”Your Title” />
<meta name="twitter:description" content="Sua descrição." />
<meta name=”twitter:image” content=”https://where-your-image-is-hosted/name.jpg” />

Cartão de resumo com imagem grande

Esses cartões funcionam da mesma forma que o anterior, exceto o tamanho da imagem. Ele permite apresentar uma imagem mais atraente em largura total para atrair melhor os espectadores em seu site.
Requisitos:

  • Título: 70 caracteres
  • Descrição: 200 caracteres
  • Imagem: pelo menos 280 x 150 pixels e não mais que 1 MB

Adicione este código HTML para configurar este tipo de Twitter Cards:

<meta name=”twitter:card” content=”summary_large_image”>
<meta name=”twitter:site” content=”@seusite”>
<meta name=”twitter:criador” content=”@yourtwitterhandle”>
<meta name=”twitter:title” content=”seu título”>
<meta name=”twitter:description” content=”sua descrição.”>
<meta name=”twitter:image” content=” https://where-your-image-is-hosted/name.jpg “>

Cartão de aplicativo

Os App Cards podem ser usados ​​para promover aplicativos móveis no Twitter e aumentar as instalações. Este Cartão destaca um nome, uma descrição, um ícone, uma classificação e um preço. O Twitter pode usar seus IDs de aplicativos para obter algumas dessas informações.
Requisitos:

  • Título: classificado a partir do ID do aplicativo
  • Descrição: 200 caracteres
  • Imagem: logotipo do aplicativo classificado a partir do ID do aplicativo — a imagem deve ter pelo menos 800 x 320 pixels e pode estar no formato JPG, JPEG, PNG ou GIF. Imagens com menos de 1 MB são preferidas

Se seu aplicativo não estiver disponível na loja de aplicativos, o Twitter não poderá obter essas informações. Se seu aplicativo não estiver localizado na loja dos EUA, indique na metatag twitter:app:country de onde vem. Além disso, se o seu link apontar diretamente para a App Store ou Google Play, o Twitter criará automaticamente um App Card.

Aqui está o código que você deve inserir:

<meta name="twitter:card" content="app">
<meta name=”twitter:site” content=”@seusite”>
<meta name=”twitter:description” content=”sua descrição”>
<meta name=”twitter:app:country” content=”seu país como os EUA”>
<meta name=”twitter:app:name:iphone” content=”nome do seu app para iphone”>
<meta name=”twitter:app:id:iphone” content=”seu ID do aplicativo iphone”>
<meta name=”twitter:app:url:iphone” content=”URL do seu aplicativo iphone”>
<meta name=”twitter:app:name:ipad” content=”nome do seu app para ipad”>
<meta name=”twitter:app:id:ipad” content=”seu ID do aplicativo do iPad”>
<meta name=”twitter:app:url:ipad” content=”URL do seu aplicativo para ipad”>
<meta name=”twitter:app:name:googleplay” content=”nome do seu aplicativo googleplay”>
<meta name="twitter:app:id:googleplay" content="seu googleplay adicionar ID"

Cartão de jogador

Os Player Cards foram criados para promover streaming de mídia como player de vídeo ou áudio dentro do seu tweet. Isso é perfeito para empurrar Vines ou podcast, por exemplo.
Requisitos:

  • Descrição: 200 caracteres
  • Imagem: exibida no lugar do player em plataformas que não suportam iframes ou players inline. Mesmas dimensões do seu
  • jogador; não mais que 1 MB
  • Vídeo: H.264, perfil de linha de base, nível 3.0, até 640 x 480 pixels a 30 fps.
  • Áudio: AAC, perfil de baixa complexidade

Cartão de geração de leads

Os cartões de geração de leads são ótimos para se conectar com clientes em potencial. Assim, você pode coletar informações sobre clientes em potencial. As pessoas podem manifestar interesse sobre sua empresa sem precisar preencher um formulário ou sair da conta do Twitter. Normalmente, seu nome, twitter e endereço de e-mail já estão inseridos para que eles não precisem preenchê-los.
Requisitos:

  • Título: 50 caracteres
  • Chamada para ação: 20 caracteres
  • Mensagem pós-envio (opcional): 100 caracteres
  • Imagem: pelo menos 800 x 200 pixels com proporção de 4:1 e não mais que 3 MB

Para configurar bem seu cartão de geração de leads, você precisa fazer login na sua conta do Twitter Ads (mesmo que o cartão seja gratuito):

  • Entrar no Twitter
  • Clique no ícone Configuração e selecione Twitter Ads no menu suspenso
  • Clique na guia Criativos no menu de navegação superior e selecione Cartões
  • Clique em Criar seus primeiros cartões de geração de leads
  • Depois de configurado, clique na guia Tweets e, em seguida, clique no botão azul Compose Tweet no canto superior direito
  • Componha seu Tweet e clique em Anexar um cartão a este Tweet quando estiver pronto
  • Selecione o cartão que deseja anexar e envie seu Tweet

Como integrar esses Twitter Cards em um CMS?

Se o seu site estiver funcionando no WordPress, convém integrar esses cartões do Twitter ao seu sistema para economizar tempo. Se focarmos no WordPress, existem três plugins que você pode instalar:

  • Mochila a jato
  • Cartões do Twitter JM
  • SEO por Yoast

O Twitter oferece um bom guia para configurar seu CMS com Twitter Cards, então você definitivamente deveria dar uma olhada.

Uma vez que isso esteja bem configurado, você deve verificar se ele funciona bem no Twitter. Conecte-se ao Twitter Card Validator e você verá se tudo parece como deveria ser. Pegamos o exemplo do nosso último artigo:

Como verificar o desempenho dos seus cartões do Twitter?

Para ir mais longe, você pode querer dar uma olhada no comportamento do seu Twitter Cards. Recentemente, desenvolvemos um novo recurso que permite verificar facilmente o desempenho de seus cartões do Twitter (e Open Graphs). Você pode analisar a distribuição e as propriedades de seus cartões do Twitter, obter informações e acessar detalhes de URL. Este é um ótimo parceiro para sua estratégia de SEO, pois melhora seu alcance de compartilhamento social, taxa de cliques e conversões.

Inicie o seu teste gratuito