Você não ama os tweets ou postagens do Facebook que incluem uma foto e um breve resumo do artigo em que você está prestes a clicar? Você gostaria de saber como inserir essas meta-informações em seu artigo de notícias? Reunimos um breve tutorial sobre como inserir metatags para otimizar seu artigo de mídia social. E não se preocupe, pessoal do WordPress, nem tudo é codificado. Também temos um ótimo plugin para você. [Atualização: o Wall Street Journal forneceu seu validador de metatags com código aberto no início de 2015.]

Usando tags Open Graph no Facebook

O Facebook usa um sistema de tags chamado protocolo Open Graph. O Open Graph é essencialmente um sistema que transfere pacotes de informações sobre o título, a descrição e a imagem preferida de um site para um lugar como o Facebook. As informações estão contidas na seção principal do HTML do site da seguinte forma:
<meta property="og:locale" content="pt_BR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="MBS - Seu Estúdio Mutimídia" />
<meta property="og:description" content="Fazemos o Marketing de sua empresa como: gravações e propagandas, desenvolvimento de websites - Blogs e Redes Socias." />
<meta property="og:url" content="http://mbs.pescweb.com" />
<meta property="og:site_name" content="MBS" />
<meta property="article:publisher" content="https://www.facebook.com/mbs" />
<meta property="og:image" content="http://mbs.pescweb.com/mbs.png" />

Observe que quase todas as propriedades têm um prefixo og:. Isso claramente identifica cada pacote de informações sobre o seu site. Para artigos de notícias individuais, você pode incluir coberturas, registros e URLs para imagens:


<meta property="og:locale" content="pt_BR" />
<meta property="og:type" content="artigo" />
<meta property="og:title" content="2 de Julho Noticias" />
<meta property="og:description" content="tudo cidades, bahia, brasi, mundo, policia, politica, arte e cutura, saude e muito mais [...]" />
<meta property="og:url" content="http://www.2dejulhonoticias.com.br/projects/" />
<meta property="og:site_name" content="Storybench" />
<meta property="article:publisher" content="https://www.facebook.com/2dejulhomeubairromeuamor" />
<meta property="og:image" content="http://http://www.2dejulhonoticias.com.br/interaljazeera.jpg" />

Veja Maie em storybench