Cursos Online

Ver Mais

Ferramentas e Recursos

Ver mais

Fotos e Vídeos

Ver mais

Viagens

Ver mais

21 outubro 2021

Facebook Open Graph, para que serve, como adicionar no blog do blogger?

em 21 outubro 2021

Tempo de leitura:


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.


Facebook Open Graph, para que serve, como adicionar no  blog do blogger?


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.

Verifique se está tudo certo e salve.

Agora vá ao Depurador de compartilhamento do Facebook e teste a 'URL' do seu blog.

Insira também o 'URL' de postagem para verificar se está saindo de acordo.


Por hoje é isso, não tem segredo siga direitinho as explicações.

O template base que ofereço aqui no blog já vem com ele configurado é só preencher com seus dados.

Nenhum comentário:

Postar um comentário

Você leu um artigo escrito com muita dedicação. Gostou? !
Deixe seus comentários, críticas e sugestões, eles são muito importantes para o desenvolvimento do Blog.
Sua mensagem será respondida o mais rápido possível.
Muito obrigado pela visita e volte sempre, aproveite para conhecer as redes sociais e assinar a newsletter do Universo da Blogueira.

Confira também, outros artigos: