Academia WordPress
Snippets Sociais

Social Snippets: Como gerar mais tráfego para seu blog a partir das redes sociais

Você quer que as pessoas cliquem nas postagens do seu blog quando outras compartilharem no Facebook, LinkedIn e Google+? Seu blog está otimizado para a melhor visualização quando as pessoas compartilham seu conteúdo? Suas postagens vêm acompanhadas de boas imagens com uma descrição precisa e ficam destacadas nas mídias sociais? Por que isso é importante? Muitas perguntas e se você respondeu com dúvidas algumas delas, você precisa ler esse artigo!

Quando um link para uma postagem sua vem acompanhado de uma imagem e descrição, é mais provável que as pessoas vão clicar nele para ler o conteúdo seu e compartilhá-lo. Existe um elemento que ajuda você a controlar como suas postagens aparecem no status de atualização e é chamado de fragmento social ou “social snippet”, em inglês. Você pode gerenciar esses social snippets e melhorar o modo de compartilhamento quando adiconadas algumas tags – se programação, mesmo que básica, não é a sua praia eu sugiro que você procure alguém que entenda para bater um papo – no código HTML do seu website ou blog.

Neste artigo eu vou examinar os snippets e mostrar como você pode controlar imagens que acompanharão suas postagens quando elas aparecerem no seus status do Facebook, LinkedIn e Google+.

A Anatomia de um Social Snippet.

Os social snippets variam de forma significativa dependendo da onde são compartilhados. É importante examinar como eles aparecem em cada uma das plataformas.

Facebook Social Snippet

 

social snippet Facebook
O status de atualização do Facebook combina títulos de página, domínio, meta description e imagens.

 

LinkedIn Social Snippet

Como o Facebook, o status de atualização do LinkedIn, inclui um título, descrição e imagem. Aqui está como o social snippet funciona no LinkedIn.

Social Snippet Linkedin
O status de atualização do LinkedIn é muito similar, combinando títulos de página, domínio, meta descriptions e imagens.

Google+ Social Snippet

Os social snippets do Google+ também tem título, descrição e imagem.

Social Snippet Googleplus
O status de atualização do Google+ também combina títulos e imagens, mas eles usam o favicon ao invés da URL e não mostram a meta description.

Google+ prefere mostrar imagens quadradas. Se existirem diversas imagens para serem escolhidas na sua página, é provável que o Google+ escolha mostrar as imagens que sejam mais parecidas com um quadrado em suas dimensões.

Como adicionar as Tags para gerenciar Social Snippets

Se os links para seu conteúdo não mostram uma imagem, título ou descrição, quando você os publica em seu status de atualização no Facebook, LinkedIn ou Google+, você pode resolver isso adicionando tags dentro do seu código HTML. Use um dos métodos de tags abaixo para adicionar as tags corretas, assim os links para seu conteúdo mostrarão a imagem correta em qualquer status de atualização.

Algumas dessas dicas são correções técnicas, então se você não está confortável em realizar edições no código HTML do seu site, não hesite em enviar esse artigo para o seu desenvolvedor de web.

  • Use Tags de Título e Meta Description

Você precisará trabalhar com algumas tags para título e meta description em suas postagens no blog. Os social snippets usam esses dois elementos em todas as redes sociais.

<title>…</title>

<meta name=”description” content=”…” />

Isso também irá controlar os snippets nas listas de mecanismos de pesquisa, sendo importantes para as práticas de SEO. Tenha certeza de usá-los tendo em vista a pesquisa como também as redes sociais.

  •  Use Schema.org Microformatação

Schema.org é uma parceria entre os maiores mecanismos de pesquisa. Eles criaram um padrão de configuração de tags para todos os tipos de coisas. Para controlar seus social snippets, você precisa somente dessas tags:

<body itemscope itemtype=”http://schema.org/Product”>

<h1 itemprop=”name”>Interesting Headline</h1>

<img itemprop=”image” src=”{image-url}” />

<p itemprop=”description”>Thought provoking description</p>

</body>

  •  Use Tags “Open Graph Protocol”

Facebook, Google+ e LinkedIn, todos usam o padrão Open Graph para conteúdo tagging. Adicione essas tags para configurar imagens nas suas atualizações:

<meta property=”og:image” content=”/image.jpg” />

Tags Open Graph também podem ser usadas para configurar títulos e descrição.

<meta property=”og:title” content=”…” />

<meta property=”og:description” content=”…” />

  •  Use Image_SRC Meta Tags

Para o Facebook, você pode usar image_src meta tag entre o <head> e <head> tags para gerenciar as imagens dos social snippets:

<link rel=”image_src” href=”http://www.example.com/image.jpg” />

Se você adicionar mais que um desses liks para mais que uma imagem, a pessoa que compartilhar terá uma escolha de imagem para usar no snippet.

Como gerenciar todas essas Tags? Para onde elas vão?

Algumas dessas tag vão para o <head> do HTML, e outras irão para o <body>. Aqui está um guia rápido mostrando como colocar essas tags nos lugares certos, para que seu post apareça bem quando for compartilhado nas redes sociais. Entre em contato com o seu desenvolvedor de web se precisar de assistência.

Social Snippets Guide
As tags que gerenciam os social snippets aparecem em vários lugares no HTML

Utilizando WordPress? Tente usar esses plugins!

Todo sistema de gerenciamento de conteúdo (como o WordPress) dará a você o controle das tags de título e de meta description. Para usuários do WordPress, aqui estão alguns plugins que podem adicionar outras tags para você:

  • All in One Schema.org Rich Snippets Plugin: Esse plugin permite a você controlar as tags para social snippets, e também pode fazer com que suas listas de pesquisa apareçam melhor na classificação do Google.
  • WP Open Graph Plugin: Similar ao plugin do Schema.org, essa pequena ferramenta vai adicionar todas as meta tags do Open Graph.
  • Custom Image_Src Plugin: Se você compartilhou conteúdo mas ainda não aparece bem no Facebook, teste esse plugin. Ao criar a tag image_src, esse plugin vai forçar o Facebook a usar a imagem que você escolher.

Nenhum destes plugins precisam mexer no código, somente instalar o plugin e gerenciar as tags a partir do wordpress.

Ainda não está funcionando?

Depois de ter certeza que você tem todos os códigos para essas tags configurados em seu site, se ainda assim você não conseguir ver imagens em seus social snippets, uma versão antiga da sua página sem as novas tags pode estar armazenada no seu navegador. Você talvez precise limpar o cache do navegador.

Você também pode limpar o cache do seu Facebook usando o Facebook URL Debugger. Agora, tente compartilhar novamente e você deverá ver as imagens em ação.

Por que tantas opções?

Existem diversas maneiras de marcar conteúdo e as redes sociais fazem o melhor com as tags que você está lhe dando. Como elas consideram diversos elementos da página, um desenvolvedor de web tem que considerar muitos tipos de tags. Não existe um pacote de tags oficial, você precisa tentar e entender como elas funcionam.

Sua Vez

Usando as tags de forma correta vai impactar de forma grande como seu conteúdo aparecerá nas mídias sociais quando for compartilhado, que por sua vez, vai afetar o número de cliques e compartilhamentos que seu conteúdo vai receber. Lembre-se, que todo bom post precisa de uma boa imagem e um bom conteúdo é importante. Siga essas opções para garantir que seu conteúdo está pronto para arrasar.

Se você tiver alguma dúvida ou usou um desses métodos e quer compartilhar, deixe seu comentário e vamos trocar uma ideia.

BLING
Daniel Leal

Daniel Leal

Eu já passei dos meus 25 anos e boa parte desse tempo eu estive online. WordPress, Plataformas e códigos são uma paixão grande, mas marketing, conteúdo e empreendedorismo falam mais alto. Eu vivo nesse conflito e escrevo sobre ele!

Add comment

Digital Ocean

Send this to a friend