Guia para Iniciantes sobre Como Adicionar Cartões do Twitter no WordPress

Você já se perguntou por que alguns tweets recebem muito mais cliques do que outros, mesmo quando o conteúdo é semelhante? O segredo muitas vezes está em como o conteúdo aparece quando compartilhado. Tweets de texto simples são ignorados, mas tweets com prévias chamativas capturam a atenção e geram cliques.

Aqui no WPBeginner, usamos Cartões do Twitter para controlar como nossos tweets aparecem e para aumentar o engajamento. Vemos um aumento notável em nosso tráfego de mídia social e taxas de engajamento.

A melhor parte? Adicionar Cartões do Twitter ao seu site WordPress não requer nenhuma habilidade de codificação ou conhecimento técnico. Mostraremos vários métodos para configurar isso, desde soluções simples de plugins até implementação manual, para que você possa escolher o que funciona melhor para seu nível de habilidade.

Por que Usar Cartões do Twitter no WordPress?

Cartões do Twitter permitem que você adicione um título, resumo, imagem e arquivo de vídeo ou áudio ao seu tweet. Dessa forma, você tem mais chances de obter mais cliques e retweets.

Você pode ver um exemplo ao vivo indo para nossa página do WPBeginner no X.

A maior vantagem de ter Cartões do Twitter é que eles aumentam o número de pessoas que seguem suas contas do X através da atribuição de conteúdo. Muitas vezes, as pessoas tweetam seus links sem dar o devido crédito.

Por exemplo, digamos que @syedbalkhi retuíte uma postagem de @wpbeginner sem atribuição, e outras pessoas retuitem @syedbalkhi. Então, os usuários que visualizam esses retweets são mais propensos a seguir @syedbalkhi do que @wpbeginner.

Frequentemente, curadores de conteúdo fazem isso para manter os tweets curtos e garantir retweets de seus próprios tweets.

Com os Twitter Cards, este problema é resolvido porque você recebe crédito para o seu site WordPress de cada tweet que menciona seu artigo.

Agora que você conhece os benefícios dos Twitter Cards, vamos ver como implementá-los no WordPress. Cobriremos dois métodos e mostraremos como testar e validar seus Twitter Cards:

1. Usando o Plugin AIOSEO para Adicionar Twitter Cards (Recomendado)
2. Adicionando Twitter Cards no WordPress (Método de Código)
3. Teste e Valide Seus Twitter Cards
4. Perguntas Frequentes
5. Guias de Especialistas sobre o Uso do Twitter com WordPress

Método 1: Usando o Plugin AIOSEO para Adicionar Twitter Cards (Recomendado)

A maneira mais fácil de adicionar Twitter Cards ao seu site é usando o plugin All in One SEO (AIOSEO) para WordPress. É o melhor plugin de SEO para WordPress e é usado por mais de 3 milhões de sites.

Primeiro, você precisará instalar e ativar o plugin AIOSEO. Para mais detalhes, siga nosso tutorial passo a passo sobre como instalar um plugin WordPress.

Você pode usar a versão gratuita do AIOSEO, pois ela oferece um recurso para configurar Twitter Cards em seu site WordPress.

Após o plugin estar ativo, vá para sua área de administração do WordPress e navegue até All in One SEO » Redes Sociais. Em seguida, clique na aba ‘X (Twitter)’ e certifique-se de que a opção ‘Habilitar X Card’ esteja ativada.

Assim que você habilitar os Cartões do Twitter, poderá alterar sua aparência usando diferentes configurações.

O AIOSEO permite que você selecione o Tipo de Cartão Padrão para seu conteúdo. O plugin definirá ‘Resumo’ como o tipo de cartão padrão, que exibe o título, o resumo e a imagem em miniatura do seu conteúdo.

No entanto, você pode alterá-lo para ‘Resumo com Imagem Grande’ no menu suspenso, e o Twitter exibirá seu tweet com uma imagem grande.

Depois disso, você precisará selecionar a Fonte da Imagem Padrão do Post. Esta é a imagem que você deseja exibir em seus Cartões do Twitter.

Existem diferentes opções para escolher no menu suspenso. Por exemplo, você pode fazer upload ou selecionar uma imagem padrão que aparecerá no Cartão do X (Twitter) ou selecionar a imagem destacada, imagem anexada, a primeira imagem no conteúdo e muito mais.

Em seguida, adicione uma Imagem Padrão do Post para X, que será usada como backup caso seu conteúdo não tenha uma imagem.

Por exemplo, se a origem da imagem do seu post for uma imagem em destaque, mas o post não tiver uma imagem em destaque, o X usará a imagem padrão em vez disso.

Além disso, o AIOSEO oferece mais opções para mostrar dados adicionais como o autor do post e o tempo que levaria para ler um artigo.

Há também uma opção para definir a Origem da Imagem do Termo Padrão, mas você precisará de AIOSEO Pro ou uma licença superior para usar este recurso.

Agora, se você rolar para baixo, verá as configurações da página inicial para o Twitter. O plugin mostrará uma prévia de como sua página inicial ficará em um Cartão do Twitter.

Nesta seção, você pode alterar o Tipo de Cartão e adicionar uma Imagem da Página Inicial.

Isso é semelhante aos passos que mostramos anteriormente, mas a diferença é que essas configurações são para sua página inicial.

Em seguida, insira um Título e Descrição da Página Inicial que aparecerão no Cartão do Twitter.

Depois que isso for feito, clique no botão ‘Salvar Alterações’.

Além disso, o AIOSEO também permite que você altere as configurações do Cartão X (Twitter) para posts e páginas individuais.

Para fazer isso, edite qualquer post ou página de blog e, em seguida, role para baixo até as Configurações do AIOSEO no editor de conteúdo. Agora clique na aba ‘Social’ e selecione ‘X (Twitter)’.

O plugin mostrará uma prévia do Cartão X do seu post e lhe dará a opção de usar dados da aba do Facebook. Ele também permite editar o título e a descrição do X.

Você pode escrever um novo título e descrição ou usar tags inteligentes. Por exemplo, se você usar a tag ‘+ Título do Post’ acima do campo Título do Twitter, o AIOSEO usará automaticamente o título do seu post no Cartão do Twitter.

Depois disso, role para baixo e selecione a Fonte da Imagem para seu Cartão do Twitter. Use o menu suspenso para selecionar a imagem que você deseja exibir para sua postagem, como uma imagem em destaque, imagem anexada, primeira imagem no conteúdo e assim por diante.

Por último, você pode selecionar o Tipo de Cartão do Twitter no menu suspenso. Por padrão, o AIOSEO o definirá como ‘Resumo’, mas você pode alterá-lo para ‘Resumo com Imagem Grande’.

Em seguida, atualize ou publique sua postagem do blog. Você adicionou com sucesso Cartões do Twitter ao seu site WordPress.

Método 2: Adicionando Cartões do Twitter no WordPress (Método de Código)

Este método requer a adição de código aos arquivos do seu tema ou tema filho. Simplesmente abra o arquivo header.php ou use o plugin gratuito WPCode para adicionar este código personalizado pouco antes da tag </head>:

<?php
#twitter cards hack
if(is_single() || is_page()) {
  $twitter_url    = get_permalink();
 $twitter_title  = get_the_title();
 $twitter_desc   = get_the_excerpt();
   $twitter_thumbs = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), full );
    $twitter_thumb  = $twitter_thumbs[0];
      if(!$twitter_thumb) {
      $twitter_thumb = 'http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&size=75';
    }
  $twitter_name   = str_replace('@', '', get_the_author_meta('twitter'));
?>
<meta name="twitter:card" value="summary" />
<meta name="twitter:url" value="<?php echo $twitter_url; ?>" />
<meta name="twitter:title" value="<?php echo $twitter_title; ?>" />
<meta name="twitter:description" value="<?php echo $twitter_desc; ?>" />
<meta name="twitter:image" value="<?php echo $twitter_thumb; ?>" />
<meta name="twitter:site" value="@libdemvoice" />
<?
  if($twitter_name) {
?>
<meta name="twitter:creator" value="@<?php echo $twitter_name; ?>" />
<?
  }
}
?>

Você pode alterar o valor do ‘twitter:card’ na Linha 14 para ‘summary_large_image’ se desejar exibir um cartão de resumo com uma imagem grande.

Se você não sabe como trabalhar com PHP ou está tendo problemas com o Método 2, use o Método 1.

Teste e Valide Seus Twitter Cards

Antes que os links do seu site WordPress comecem a exibir Cartões do Twitter, você precisa primeiro verificá-los no validador de cartões do Twitter.

Simplesmente acesse a página Validador de Cartões no site dos desenvolvedores do Twitter. Insira o URL de qualquer postagem do seu site WordPress e clique no botão ‘Preview card’.

O validador de cartões não exibe mais uma prévia do tweet, mas mostra um log se o cartão do Twitter foi carregado com sucesso ou não.

Perguntas Frequentes

Cobrimos o básico de como adicionar Twitter Cards ao seu site WordPress, mas você ainda pode ter algumas dúvidas. Abaixo estão as perguntas mais comuns que recebemos sobre Twitter Cards e sua implementação.

1. Os Twitter Cards funcionam automaticamente assim que os adiciono ao meu site WordPress?

Os Twitter Cards devem funcionar automaticamente assim que você implementar corretamente as meta tags em seu site. No entanto, pode levar algum tempo para o Twitter reconhecer e começar a exibir seus cards. Você pode acelerar o processo usando a ferramenta Card Validator do Twitter para testar seus URLs e solicitar que o Twitter rastreie seu site.

2. Qual é a diferença entre os Twitter Cards Summary e Summary with Large Image?

A principal diferença é o tamanho e o layout da imagem. Os cartões de resumo exibem uma pequena imagem em miniatura no lado esquerdo do tweet, enquanto os cartões de resumo com imagem grande mostram uma imagem grande e proeminente acima do texto. Cartões de imagem grande tendem a ter mais engajamento, mas ocupam mais espaço na linha do tempo.

3. Posso usar diferentes tipos de Twitter Cards para diferentes páginas do meu site?

Sim, você pode absolutamente usar diferentes tipos de Twitter Cards para diferentes páginas. A maioria dos plugins de SEO como o All in One SEO (AIOSEO) permite que você defina configurações específicas de Twitter Card para posts e páginas individuais. Isso lhe dá flexibilidade para escolher o melhor tipo de cartão para cada conteúdo.

4. Por que meus Twitter Cards não aparecem quando compartilho meu conteúdo?

Existem várias razões pelas quais os Twitter Cards podem não aparecer: as meta tags não estão implementadas corretamente, o Twitter ainda não rastreou seu site, há erros no seu markup do cartão, ou suas imagens não atendem aos requisitos do Twitter. Use o Validador de Cartões do Twitter para solucionar problemas e identificar quaisquer questões.

5. Preciso aprovar meus Twitter Cards com o Twitter antes de usá-los?

Não, o Twitter não exige mais aprovação para Twitter Cards. Desde que seus cartões estejam implementados corretamente e sigam as diretrizes do Twitter, eles devem ser exibidos automaticamente quando seu conteúdo for compartilhado.

6. Quais tamanhos de imagem funcionam melhor para Twitter Cards?

Para cartões de resumo, use imagens com pelo menos 144×144 pixels (formato quadrado funciona bem). Para cartões de resumo com imagem grande, use imagens com pelo menos 300×157 pixels com uma proporção de 1.91:1. O tamanho máximo do arquivo para imagens é de 5MB, e o Twitter suporta os formatos JPG, PNG, WebP e GIF.

Guias de Especialistas sobre o Uso do Twitter com WordPress

Esperamos que este artigo tenha ajudado você a adicionar Twitter Cards ao WordPress. Você também pode querer ver outros guias relacionados ao uso do X (Twitter) com o WordPress.

• Como Tweetar Automaticamente ao Publicar um Novo Post no WordPress
• Como Adicionar Botão de Compartilhamento e Retweet do Twitter no WordPress
• Como Incorporar Tweets Reais em Posts de Blog do WordPress
• Como Corrigir Imagens Quebradas de Cartões do Twitter no WordPress
• Como Exibir o Twitter e o Facebook do Autor na Página de Perfil
• Melhores Plugins do Twitter para WordPress (Comparados)
• Como Exibir Tweets Recentes no WordPress (Passo a Passo)
• Como Adicionar Seus Feeds de Mídias Sociais ao WordPress (Passo a Passo)

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.