O que é um validador de cartão do Twitter e como usá-lo?

Então, o que é um validador de cartão do Twitter?

Para saber isso, primeiro você precisa entender o que é um cartão do Twitter.

Não se sinta mal. Você não é o único que não sabe sobre os cartões do Twitter.

Veja, o Twitter é uma plataforma excepcional para realizar seus sonhos de marketing de conteúdo.

De acordo com estatísticas de mídia social, o Twitter tem mais de 350 milhões de usuários ativos. Esse é um enorme conjunto de tráfego de qualidade esperando para ser convertido por meio de seus esforços de conteúdo.

Então, como você acende os CTRs? Como você torna os tweets atraentes o suficiente para direcionar o público para seu site, blogs e páginas de destino?

Criando tweets informativos, atraentes e bem estruturados. Agora, como você faria tudo isso no limite de apenas 280 caracteres?

É aí que os cartões do Twitter entram em cena. Os cartões do Twitter permitem que você transmita informações que chamam a atenção de seus seguidores sem quebrar o limite de caracteres.

Neste blog, discutiremos tudo sobre cartões do Twitter, validador de cartão do Twitter e como você pode usá-los para expandir os leads recebidos por meio do marketing do Twitter.

Vamos rasgar!

O que é um cartão do Twitter?

Os cartões do Twitter são projetados para dar aos seus tweets de link uma aparência mais atraente e estruturada para tornar a interação com seu público mais envolvente. Sua experiência imersiva aumenta as chances de mover mais tráfego para a página compartilhada.

Tudo o que você precisa fazer é adicionar algumas linhas de código à sua página da Web e, sempre que alguém compartilhar o link do seu conteúdo, ele aparecerá como um cartão do Twitter para todos os seguidores.

Aqui, o sistema do Twitter reconhece a URL em um tweet e rastreia o site para buscar o tipo de cartão e o conteúdo para estruturar o tweet.

Você pode não ter ouvido falar dos cartões do Twitter antes, mas é algo que você encontra todos os dias em seus feeds do Twitter.

Veja o exemplo do cartão do Twitter abaixo. Aqui o link para o vídeo do youtube foi substituído por este lindo cartão de jogador.

Os cartões do Twitter não são novos. Muitas pessoas os usavam antes para ir além do limite restritivo de 140 caracteres e compartilhar mais informações. Agora, o limite de caracteres mudou, mas as cartas ainda estão em uso.

Vamos saber mais sobre os cartões do Twitter.

Tipos de cartões do Twitter

O Twitter experimentou diferentes opções de cartão e tinha um cartão de geração de leads antes, mas o descontinuou mais tarde. Atualmente, você tem a opção de criar 4 tipos de cartões do Twitter.

Cada cartão tem uma experiência visual diferente com base no tipo de mídia que eles suportam. Você precisa escolher que tipo de cartão deseja implementar.

Nota: Você só pode ter um Cartão por página.

1. Cartão de resumo do Twitter

Como o nome sugere, o cartão de resumo fornece um resumo adequado da página da Web que você compartilha, que inclui uma miniatura, título, descrição e o URL da página.

Os cartões de resumo são uma ótima maneira de exibir vários tipos de conteúdo da Web, como postagens de blog, artigos de notícias, produtos de comércio eletrônico e avaliações de restaurantes.

A breve descrição no próprio cartão funciona como um ótimo call-to-action para seu usuário clicar no tweet e acessar seu conteúdo.

Como adicionar o cartão de resumo do Twitter ao seu site?

Para adicionar o cartão de resumo, você deve colar os códigos escritos abaixo no cabeçalho do seu site com as atribuições adequadas.

• Primeiro, você define o tipo de cartão.

<meta name="twitter:card" content="summary" />

• Em seguida, forneça o @username da conta à qual o cartão deve ser atribuído.

<meta name="twitter:site" content="@username" />

• Em seguida, escreva um título nítido para a página de conteúdo. O título em aplicativos Android e iOS será truncado em duas linhas e em uma linha na visualização na web. Portanto, mantenha-o com menos de 70 caracteres.

 <meta name="twitter:title" content="Title of your webpage" />

Uma descrição de 200 caracteres para resumir a página de conteúdo corretamente. Lembre-se de não usar o título como descrição. Isso seria um desperdício.

 <meta name="twitter:description" content="Description" />

• Agora dê a URL da imagem para aparecer no cartão do Twitter.

 <meta name="twitter:image" content="image URL" />

Para obter melhores resultados, use as seguintes dimensões e limites de caracteres:

Título : 70 caracteres

Descrição : 200 caracteres

Dimensão de imagem suportada : proporção 1:1, dimensão mínima 144x144 pixels e máxima 4096×4096 pixels.

Tamanho da imagem : menos de 5 MB

2. Cartão de resumo do Twitter com imagem grande

Pense no cartão Resumo, mas com uma imagem grande.

O cartão de resumo com uma imagem grande tem a mesma funcionalidade que o cartão de resumo típico, mas com a exceção de que você pode adicionar uma imagem grande.

As marcas o usam para enfatizar os elementos visuais da página da web. Uma grande imagem estruturada pode ser uma excelente trava de rolagem em meio a uma linha do tempo do Twitter lotada.

Como adicionar um cartão de resumo do Twitter com uma imagem grande ao seu site?

Abaixo estão as metatags que você precisa adicionar ao seu site para implementar cartões de resumo com uma imagem grande em seus tweets.

 <meta name=”twitter:card” content=”summary_large_image”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:creator” content=”@yourtwitterhandle”> <meta name=”twitter:title” content=”your title”> <meta name=”twitter:description” content=”your description.”> <meta name=”twitter:image” content=”image URL">
<meta name=”twitter:card” content=”summary_large_image”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:creator” content=”@yourtwitterhandle”> <meta name=”twitter:title” content=”your title”> <meta name=”twitter:description” content=”your description.”> <meta name=”twitter:image” content=”image URL">

Dimensões do cartão de resumo com imagem grande:

Título : 70 caracteres

Descrição : 200 caracteres

Dimensão de imagem suportada : proporção de 2:1 com dimensões mínimas de 300×157 ou máximas de 4096×4096 pixels.

Tamanho da imagem : menos de 5 MB

3. Cartão de aplicativo do Twitter

Além de promover o conteúdo do site, o Twitter também é um lugar notável para promover seu aplicativo para impulsionar as instalações. Afinal, 80% dos usuários do Twitter acessam a plataforma em um dispositivo móvel.

Com o recurso de cartão de aplicativo, a promoção do seu aplicativo fica mais interessante. O cartão de aplicativo é uma ótima maneira de promover seu aplicativo no Twitter para mais downloads .

Ele mostra o nome, ícone, descrição e até informações como o preço e a classificação do seu aplicativo.

Além disso, certifique-se de que seu aplicativo esteja disponível publicamente nas lojas de aplicativos ; caso contrário, o Twitter não conseguirá extrair os dados necessários para criar um cartão de aplicativo.

Como adicionar um cartão de aplicativo ao seu site?

• Para adicionar um cartão de aplicativo, cole os seguintes códigos no HTML da sua página da web:

 <meta name=”twitter:card” content=”app”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:description” content=”your description”>
<meta name=”twitter:card” content=”app”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:description” content=”your description”>

• Por padrão, o Twitter extrai os dados das lojas dos EUA, portanto, se seu aplicativo estiver disponível em um país diferente, defina o nome do país usando a tag abaixo.

 <meta name=”twitter:app:country” content=”your country like US”>

• Em seguida, você define o nome, o ID do aplicativo e a URL do seu aplicativo na App Store.

 <meta name=”twitter:app:name:iphone” content=”your iphone app name”> <meta name=”twitter:app:id:iphone” content=”your iphone app ID”> <meta name=”twitter:app:url:iphone” content=”your iphone app URL”>
<meta name=”twitter:app:name:iphone” content=”your iphone app name”> <meta name=”twitter:app:id:iphone” content=”your iphone app ID”> <meta name=”twitter:app:url:iphone” content=”your iphone app URL”>

• Tags para um aplicativo otimizado para iPad. Se seu aplicativo não estiver otimizado para iPad, preencha as tags da mesma forma que você fez para o iPhone.
  

 <meta name=”twitter:app:name:ipad” content=”your ipad app name”> <meta name=”twitter:app:id:ipad” content=”your ipad app ID”> <meta name=”twitter:app:url:ipad” content=”your ipad app URL”>
<meta name=”twitter:app:name:ipad” content=”your ipad app name”> <meta name=”twitter:app:id:ipad” content=”your ipad app ID”> <meta name=”twitter:app:url:ipad” content=”your ipad app URL”>

• Defina os mesmos parâmetros para seu aplicativo presente no Google Play.

 <meta name=”twitter:app:name:googleplay” content=”your googleplay app name”> <meta name=”twitter:app:id:googleplay” content=”your googleplay app ID”> <meta name="twitter:app:url:googleplay" content="your Google Play app URL ">
<meta name=”twitter:app:name:googleplay” content=”your googleplay app name”> <meta name=”twitter:app:id:googleplay” content=”your googleplay app ID”> <meta name="twitter:app:url:googleplay" content="your Google Play app URL ">

Dimensão a ser lembrada para o cartão do aplicativo:

Título : Buscado no ID do seu aplicativo

Descrição : 200 caracteres

Imagem : A imagem enviada para a iTunes/Google Play Store deve ter menos de 1 MB de tamanho

4. Cartão de jogador do Twitter

O vídeo tem sido o rei do marketing de conteúdo e, com o surgimento de plataformas de áudio como os espaços do Twitter, o áudio também começou a ocupar o primeiro lugar no marketing do Twitter.

Felizmente, o cartão de jogador suporta os dois tipos de mídia e oferece uma experiência mais rica aos usuários do Twitter.

O que eles fazem?

Os cartões de jogador retiram automaticamente o vídeo ou áudio presente no link e o reproduzem ali mesmo na linha do tempo ou no feed , para que os usuários não precisem sair do aplicativo apenas para interagir com a multimídia.

O cartão é uma excelente maneira de promover novos vídeos de produtos, trechos de podcast, bastidores e eventos de marca.

Como adicionar um cartão de jogador ao seu site?

Abaixo estão os códigos de exemplo, você precisa colar no HTML da sua página da web:

 <meta name="twitter:card" content="player" /> <meta name="twitter:site" content="@username" /> <meta name="twitter:title" content="Title of your video" /> <meta name="twitter:description" content="Description." /> <meta name="twitter:image" content="Image URL" /> <meta name="twitter:player" content="https://yoursite.com/container.html" /> <meta name="twitter:player:width" content="Width" /> <meta name="twitter:player:height" content="Height" />
 <meta name="twitter:card" content="player" /> <meta name="twitter:site" content="@username" /> <meta name="twitter:title" content="Title of your video" /> <meta name="twitter:description" content="Description." /> <meta name="twitter:image" content="Image URL" /> <meta name="twitter:player" content="https://yoursite.com/container.html" /> <meta name="twitter:player:width" content="Width" /> <meta name="twitter:player:height" content="Height" />

Para obter uma compreensão mais profunda e instruções sobre como testar a experiência do cartão de jogador nas várias plataformas, visite aqui.

Como usar um validador de cartão do Twitter?

Depois de selecionar seu cartão e ativar as tags em seu site, o próximo passo é verificar se tudo está funcionando corretamente ou não.

Como você faz isso? Com a ajuda do validador de cartão do Twitter em apenas dois passos simples:

Passo 1 : Vá para a página do validador de cartão do Twitter.

Passo 2 : Cole o URL da página com as metatags. Clique no botão “Visualizar cartão”.

Se tudo estiver funcionando bem, a visualização do cartão mostrará como seu cartão aparecerá nos feeds do Twitter. Além disso, você verá as informações sobre o número de meta tags, tipo de cartão e uma mensagem de sucesso do carregamento do cartão com sucesso.

Por outro lado, você verá uma mensagem de erro na seção de log se seu cartão não for encontrado ou tiver qualquer outro problema.

Conclusão

Só porque os cartões do Twitter são antigos não significa que não funcionem. Está estatisticamente comprovado que os tweets com mídia anexada funcionam melhor do que um tweet normal. Deixe os cartões do Twitter fazerem maravilhas para você.

O cartão do Twitter certo alinhado à sua estratégia de marketing pode aumentar a visibilidade, o engajamento e a estética geral do seu perfil do Twitter.

Portanto, certifique-se de se sentar com essa ideia, discuti-la com sua equipe e fazer com que seu desenvolvedor de back-end trabalhe.

Além disso, se, assim como eu, você acredita que o Twitter pode fazer ou quebrar sua marca e é sério sobre mudar a maré do seu jeito; experimente o SocialPilot hoje!