Otimizando seu site para publicação nas redes sociais

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.

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

4 respostas para Otimizando seu site para publicação nas redes sociais

    • José, o padrão “og” é utilizado na maioria das redes sociais, ou seja, se você faz um link bem descritivo para o facebook, o mesmo será bem visto no LinkedIn, Google+ e por ai vai…

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>