Como eu havia prometido quando postei como configurar o Twitter Cards, hoje venho trazendo as informações sobre o Facebook Open Graph.
Antes de darmos inicio ao código e como adicionar em seu blog, entenda melhor que se trata.
O que é Open Graph do Facebook?
Trata-se de uma marcação. A maioria do conteúdo compartilhado no Facebook é como um URL, dai a importância marcar seu site\blog com as tags do Open Graph, assim tendo controle de como seu conteúdo é exibido no Facebook.
Para que seu site\blog seja compartilhado corretamente, pelo rastreador do Facebook.
Essas informações mais completas você encontra no site do Facebook for Developers, onde estão documentos, ferramentas e suporte para desenvolvedores.
Com a marcação Open Graph seu conteúdo não arrisca ao ser compartilhado, ter imagem e descrição aleatória ao conteúdo que está sendo compartilhado, ou até mesmo ficar sem imagem da postagem.
Sem mais demora vamos ao código.
Abra o painel do seu blog, vá em tema na aba HTML abra procure logo no início a tag <head> , abaixo dela colo o código que vou deixar abaixo:
<meta content='AUTOR DO BLOG ' name='author'/>
<meta content='PALAVRAS CHAVE SEPARADAS POR VIRGULA' name='keywords'/>
<meta content='Descrição do conteúdo do blog' name='description'/>
<meta content='article' property='og:type'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='https://cutt.ly/psBfIHH ' property='og:image'/>
<meta content='500' property='og:image:width'/>
<meta content='500' property='og:image:height'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='[ CÓDIGO DE ADMINISTRDOR]' property='fb:admins'/>
<meta content='SEU ID DE APP DO FACEBOOK' property='fb:app_id'/>
<meta content='https://www.facebook.com/XXXXX' property='article:author'/>
<meta content='pt_BR' property='og:locale'/>
O que você deve fazer agora, complete onde está em letras maiúsculas:
- AUTOR DO BLOG, coloque seu nome;
- PALAVRAS CHAVE SEPARADAS POR VIRGULA, as palavras-chave que você usa em seu blog;
- DESCRIÇÃO DO CONTEÚDO DO SEU BLOG;
- SEU CÓDIGO DE ADMINISTRADOR DO FACEBOOK;
- O ID DE SEU APP;
- COMPLETE COM O NOME DA SUA FANPAGE.
Nenhum comentário:
Postar um comentário
Você leu um artigo escrito com grande dedicação. Gostou? !
Comente, críticas e sugestões, são importantes para o desenvolvimento do Blog.
Sua mensagem será respondida o mais rápido possível.
Obrigado pela visita, volte sempre. Inscreva-se e receba novidades.