Blog

Guia para iniciantes sobre Como Adicionar Twitter Cards no WordPress

Twitter
Tutoriais

Guia para iniciantes sobre Como Adicionar Twitter Cards no WordPress

O Twitter disponibilizou uma tecnologia chamada Twitter Cards (Cartões do Twitter), que torna possível anexar experiências de mídia para seus tweets que apontam para o seu conteúdo. Está muito semelhante ao status do Facebook. Quando você cola um link, ele adiciona uma pré-visualização com o título, o resumo e miniaturas do conteúdo da página. Neste artigo, vamos mostrar-lhe como adicionar Twitter Cards no WordPress.

Como o Twitter Cards funciona?

Quando o seu tweet tem um link para um site que tem Twitter Cards habilitados, há uma opção para ver resumo. Toda vez que outro usuário clicar no tweet, eles vão ver este resumo. Veja um exemplo abaixo:

Exemplo de Twitter Card

A maior vantagem de ter Twitter Cards é que ela aumenta o número de pessoas que seguem as sua conta do Twitter através da atribuição de conteúdo. Muitas vezes as pessoas twittam seus links sem dar-lhe a devida atribuição. Alguns twittam nossos artigos, sem qualquer via @wp24horas ou RT @wp24horas. Isso é seu direito, mas nós / você como editores, perdemos, especialmente quando outras pessoas retweettam o seu conteúdo com atributos de outra pessoa.

Por exemplo, se @asllanmaciel retwittar um post de @wp24horas sem atribuição para @wp24horas. Em seguida, outra pessoa retwittar @asllanmaciel , outros serão mais propensos a seguir @asllanmaciel ao invés de seguir @wp24horas.

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

Agora que você sabe os benefícios dos Twitter Cards, vamos dar uma olhada em como implementar no WordPress.

Como adicionar Twitter Cards no WordPress

Existem duas maneiras de adicionar Twitter Cards no WordPress. Vamos dar uma olhada em ambas.

#Método1: Plugin WordPress SEO by Yoast

Se você estiver usando o plugin WordPress SEO by Yoast, então você tem uma vantagem. Yoast construiu o plugin com integração para Twitter Cards, então, adicioná-los é uma questão de poucos cliques. Vá para a página “Social” da página de configurações do WordPress SEO by Yoast. Marque a caixa ““. Insira o username do twitter do seu site.

WordPress SEO > Social > Twitter Cards

A próxima coisa que você precisa fazer é ir para sua página de perfil do usuário, em Usuários > Seu Perfil. Você verá um novo campo nas Informações de Contato, para o seu nome de usuário do Twitter. Digite seu nome de usuário do Twitter lá sem o “@”. Se você estiver executando um site multi-autor, solicite aos seus autores a também incluírem seu Twitter em seu perfil. Desta maneira, cada autor específico receberá crédito por seu trabalho também.

Este método é, certamente, o método mais fácil.

#Método2: Codifique você mesmo

Este método requer a edição de código. Abra seu arquivo header.php e cole o seguinte código antes do fechamento da tag head “</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; ?>" />
<?
  }
}
?>

Fonte: Ryan Cullen @artesea

Se você não sabe como trabalhar com PHP ou tiver em problemas com o #Método2, por favor, utilize o método 1.

Etapa final: Ser aprovado

Só porque você adicionou o suporte à Twitter Cards em seu site, não significa que ele irá aparecer no Twitter. Veja a Citação da Documentação Oficial dos Twitter Cards (tradução):

Twitter Cards torna possível anexar experiências de mídia aos Tweets que apontam para o seu conteúdo. Basta adicionar algumas linhas de código HTML para suas páginas, e os usuários que Twittam links para seu conteúdo terão um “Cartão” adicionado ao Tweet que é visível para todos os seus seguidores.

São quatro passos simples:

  1. Reveja a documentação para o tipo de cartão que você deseja implementar.
  2. Adicione as meta tags para a sua página. Os métodos citados acima servem para este passo.
  3. Execute seus URLs na ferramenta de validação para ser aprovado.
  4. Após a aprovação, tweet a URL e veja o cartão aparecer abaixo do seu tweet.

É isso aí. Desfrute de seus Twitter Cards com integração ao WordPress. Se você tem ideias, perguntas e sugestões, sinta-se livre para comentar. Se você gostou deste artigo, então considere seguir-nos no Twitter @wp24horas e compartilhar com seus amigos.

wp24horas

Deixe seu comentário aqui...

O seu endereço de e-mail não será publicado.

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Nosso site usa cookies e, portanto, coleta informações sobre sua visita para melhorar nosso site (por meio de análise), mostrar a você conteúdo de mídia social e anúncios relevantes. Por favor, consulte nossa página Termos & Políticas para mais detalhes ou concorde clicando no botão 'Aceitar'. OBS: Ao continuar a navegação, você, automaticamente, concorda.

Configurações de Cookies

Abaixo, você pode escolher os tipos de cookies que quer permitir neste site. Clique no botão "Salvar Configurações de Cookies" para aplicar sua escolha.

FuncionalNosso site usa cookies funcionais. Esses cookies são necessários para permitir que nosso site funcione.

AnalíticoNosso site usa cookies analíticos para permitir a análise de nosso site e a otimização para o propósito de a.o. a usabilidade.

Mídia SocialNosso site coloca cookies de mídia social para mostrar conteúdo de terceiros, como YouTube e Facebook. Esses cookies podem rastrear seus dados pessoais.

PublicidadeNosso site coloca cookies de publicidade para mostrar anúncios de terceiros com base em seus interesses. Esses cookies podem rastrear seus dados pessoais.

OutrosNosso site coloca cookies de terceiros de outros serviços que não são analíticos, mídia social ou publicidade.