Como habilitar os cartões do site do Twitter para mais tráfego social

Publicados: 2015-10-26

Quase todos os tweets com um link parecem iguais.

“Título + link + via @handle + #hashtag.”

E esse vínculo? É completamente não otimizado. Entediante. Você clica no tweet e nada acontece. Tudo o que o usuário sabe sobre o link é o que a pessoa que está compartilhando escolhe incluir. Isso não lhe dá muito controle sobre como as pessoas estão descobrindo seu site.

Não sei você, mas eu sou um pouco maníaco por controle. E eu não gosto do som disso.

Quero que os usuários do Twitter saibam o que esperar quando clicarem em um link para meu site; estar animado para experimentá-lo. E como eles podem fazer isso quando não sabem nada?

Felizmente, o Twitter precisa manter sites e marcas felizes. Então eles criaram uma resposta para isso: cartões do Twitter.

Os cartões do Twitter são uma maneira fácil de adicionar mídia aos tweets. Os exemplos incluem fotos, vídeos e gifs compatíveis e expandidos em sua linha do tempo.

Aqui está um exemplo de um cartão de imagem:

Como se tornar um pesquisador avançado: usando os mecanismos de pesquisa personalizados do Chrome https://t.co/1vS5WkCj8X
— Brittany Berger? (@thatbberg) 21 de outubro de 2015

E para os proprietários de sites, há o cartão de site do Twitter. Ele extrai o conteúdo do link compartilhado e inclui seu identificador do Twitter. Aqui está o que parece:

Danny Meyer está se livrando das gorjetas em todos os 13 restaurantes em seu Union Square Hospitality Group http://t.co/hCgRnOIZI0
— The New York Times (@nytimes) 18 de outubro de 2015

Tipos de cartões

Existem dois tipos de cartões do Twitter que ajudarão a direcionar mais tráfego para seu site: o cartão de resumo e o cartão de resumo com imagem grande.

Um cartão de resumo é o que é mostrado no exemplo do New York Times acima. Inclui o título da página, descrição e miniatura, e inclui o seu Twitter com um botão de seguimento rápido.
Um cartão de resumo com imagem grande é mais visual. Em vez de mostrar várias informações sobre a página, ele puxa uma miniatura grande da página e nada mais.

Seja qual você decidir usar, seu conteúdo ocupará mais espaço na linha do tempo.

Dois principais benefícios dos cartões de site

Isso ajudará você a ganhar seguidores. Se você usar o cartão de resumo normal, qualquer pessoa que compartilhar seu conteúdo estará promovendo seu identificador. Independentemente de incluí-lo no texto do tweet ou não.
Você obterá taxas de cliques mais altas. Não é nenhum segredo que todos nós gostamos de rich media e conteúdo envolvente. Links simples são antigos e chatos. Dar aos usuários “algo mais” no tweet pode ajudar a persuadi-los de seu valor, até que eles estejam clamando para ver seu site.

Como habilitar cartões de site do Twitter no WordPress

Existem duas maneiras de habilitar os cartões do site do Twitter: por meio de um plug-in ou adicionando o código você mesmo.

Usando o plugin de SEO do WordPress

Alguns plugins podem obter cartões do Twitter em seu site, mas um em particular eu aposto que você já tem: WordPress SEO.

Veja como configurá-lo:

No painel do WordPress, navegue até a seção Social das configurações de SEO do WordPress.
Em Contas, insira seu identificador do Twitter (não inclua o '@') no campo apropriado.

twitter-cards-handle

Vá até a aba do Twitter.

twitter-cards-resumo

Marque a caixa para ativar os metadados do cartão do Twitter.
Selecione o tipo de cartão a ser usado: o cartão de site normal ou o cartão de imagem grande.
Salve as alterações.

Não é tão fácil? Cara, esse plugin é incrível por muitos motivos.

Como usar o Jetpack

O Publicize by Jetpack terá os cartões do site do Twitter (sem uma imagem grande) ativados por padrão. Você só precisa se inscrever através do validador do Twitter. Para usuários do Jetpack, não há como ser mais fácil.

No entanto, se você ainda não usa o WordPress SEO ou Jetpack, definitivamente não deseja instalá-los apenas para esse recurso (um grande exagero). Portanto, também existem plugins apenas para cartões do Twitter.

Usando cartões JM Twitter

JM Twitter Cards é um plugin autônomo que oferece controle avançado sobre seus cartões de página. Você tem mais opções para escolher do que apenas os dois cartões do site e pode personalizar as informações para cada postagem ou página diretamente do editor.

Depois de baixar o plug-in, você desejará ativar as configurações de todo o site para definir os padrões para quando não tiver personalizado as informações.

Para começar:

Preencha seus identificadores do Twitter (você pode incluir identificadores separados para a publicação e o autor do post) e o tipo de cartão nas configurações gerais.

twitter-cards-jm

Na guia Imagens, selecione uma imagem de fallback para o plug-in usar se não encontrar outra na página.

twitter-cards-image

Isso é tudo que você realmente precisa, mas você pode mergulhar nas configurações mais avançadas se quiser.

Adicionando HTML você mesmo

Como alternativa, você mesmo pode adicionar as metatags ao seu site. Aqui está um exemplo do que você adicionaria ao <head>:

&amp;amp;lt;meta name=&amp;amp;quot;twitter:card&amp;amp;quot; content=&amp;amp;quot;summary_large_image&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:site&amp;amp;quot; content=&amp;amp;quot;@nytimes&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:creator&amp;amp;quot; content=&amp;amp;quot;@SarahMaslinNir&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:title&amp;amp;quot; content=&amp;amp;quot;Parade of Fans for Houston’s Funeral&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:description&amp;amp;quot; content=&amp;amp;quot;NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here.&amp;amp;quot;&amp;amp;gt;

&amp;amp;lt;meta name=&amp;amp;quot;twitter:image&amp;amp;quot; content=&amp;amp;quot;http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg&amp;amp;quot;&amp;amp;gt;

Isso seria para um cartão de site com uma imagem grande. Você pode encontrar mais informações sobre como personalizar as metatags aqui para cartões de imagem grandes e aqui para cartões de site.

Para a maioria dos métodos, a aplicação usando o validador não é mais necessária. Mas se você quiser usá-lo para obter visualizações e verificar novamente os valores, poderá fazê-lo aqui.

Faça o Twitter trabalhar para você

Mudanças como essas levam cinco minutos para serem implementadas. Para sempre e sempre. E em troca? Seu site está muito mais otimizado para mídias sociais. E quando outras pessoas podem direcionar o tráfego para seu site tão bem quanto você, seu foco pode mudar para outro lugar.

Não pare por aí; incorpore cartões do Twitter em seu blog. Isso fará com que seu conteúdo seja pop! Saiba como aqui.