Hoje vou mostrar uma dica bem bacana para quem precisa divulgar de forma customizada seu próprio site ou blog nas redes sociais.

A dica por incrível que pareça é muito simples e faz total diferença na hora de publicar qualquer link do seu site nessa rede, e também em outras redes sociais como LinkedIn e Google+ que exibem em seus posts um thumbnail + descrição do seu site.

Para customizar seu link em um post, primeiro adicione esses atributos na tag HTML:

<html xmlns='http://www.w3.org/1999/xhtml' 
      xmlns:og='http://ogp.me/ns#'>

Feito isso agora apenas adicione as metatags referentes ao xmlns:og:

<meta property='og:title' content='Título do site' />
<meta property='og:description' content='Um breve resumo da descrição do site' />
<meta property='og:url' content='http://url-do-site' />
<meta property='og:image' content='http://url-do-site/imagem.png'/>
<meta property='og:type' content='website' />
<meta property='og:site_name' content='Nome do site' />

Pronto! Agora seu site ou blog já estará apto para ser exibido de forma customizada e não aleatória pela maioria das redes sociais.

Ajude o blog clicando neste anúncio :)

Caso queira realizar um debug do seu site, o Facebook possui uma área que faz essa tarefa de testar como é a exibição do seu site.

Para isso acesse esse link: https://developers.facebook.com/tools/debug