publicacaofb

/ Tecnologia

Personalizar informações de uma postagem do seu blog compartilhada no Facebook

Seu blog no Facebook

Olá a todos!

Muitos de vocês já devem ter visto que alguns links que vocês copiam e colam no Facebook para compartilhar aparecem personalizados, muitas vezes até com uma imagem de thumbnail customizada. Hoje eu trago uma dica rápida de como fazer isso.

O Facebook interpreta o Open Graph protocol, que é um conjunto de meta tags para agregar mais informações semânticas às páginas web. Alguns dos principais metadados básicos, que já permitem que sua página tenha informações interpretadas pelo Facebook, são:

  • og:title – O título que você deseja que a postagem assuma. Por exemplo: “Olá, Mundo!”;
  • og:description – Um resumo da sua postagem. Por exemplo: “Vejam como fazer um aplicativo que escreva ‘Olá, Mundo!’ na tela do seu celular!”;
  • og:image – Uma imagem para ser associada à sua postagem. No caso do Facebook, existem as seguintes restrições para o tamanho da imagem:
    • Dimensões mínimas: 50×50 pixels;
    • Dimensões máximas: 130×110 pixels;
    • Proporção máxima: 3.0. Ou seja: o resultado da divisão da altura pela largura (e vice-versa) da sua imagem não pode exceder o valor de 3.0. Uma imagem 100 x 25, por exemplo, não seria interpretada, já que a largura dividida pela altura dá como resultado 4.0.

Essas meta tags deverão ser adicionadas entre as tags <head> e </head>  da sua página.

Vejamos um exemplo completo:

Com esse conteúdo inserido em sua página, quando alguém compartilhar o link no Facebook, essas informações já estarão automaticamente agregadas.



Virtualize Soluções Digitais

Empresa especializada na criação de sites, desenvolvimento de jogos, de aplicativos para celular e para redes sociais como o Facebook. Localizada em Salvador - BA.