Compartilhando no Facebook, com estilo

Aí você termina de criar um post e na hora de compartilhar no facebook, ele fica assim:



Até da pra ajeitar tudo manualmente, colocar uma imagem e trocar o texto. Eu até fiz isso quando compartilhei o primeiro post.



Mas e se outra pessoa compartilhar um link do seu blog? Se você for que nem eu, não vai querer que ele apareça, como diria o Pica-Pau: "todo descumcumbelado".

Basta seguir essas instruções:

Na área de edição do html do seu tema, adicione esse código no final da tag "html"

xmlns:og='http://ogp.me/ns#'

Deverá ficar assim:

<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>

Depois adicione o código a seguir logo depois da tag <head>



Só é preciso trocar o link para a imagem que será exibida no compartilhamento da home page e das paginas sem imagens, para isso basta editar a linha 19 do codigo acima e inserir o codigo do seu fb:admins e fb:app_id nas linhas 22 e 23.
Depois vá em Configurações > Preferências de pesquisa > Metatags
Marque a opção "sim" em "Ativar a descrição de pesquisa?" e coloque uma descrição para o seu blog.



Depois disso quando você for criar um novo post, no menu da direita vai ter uma nova opção chamada "Descrição da pesquisa". É nessa área que fica o texto que irá aparecer quando um link for compartilhado.

Agora sim, seus posts já poderão ser compartilhados com estilo.