Hot Posts

6/recent/ticker-posts

Como adicionar meta tags do protocolo Open Graph no Blogger

Como usar o protocolo Open Graph Meta Tags no Blogger, protocolo facebook fb google plus twitter para blogspot blog meta tags para site

Como usar Meta Tags do Protocolo Open Graph no Blogger blogspot blog

Em modelos personalizados do Blogger, estamos usando o Open Graph Protocol. O Open Graph Protocol é um conjunto de regras que ajuda a integrar qualquer página da web no gráfico social. Existem problemas muito pequenos relacionados a SEO que podemos ignorar, mas que podem causar grande impacto no mecanismo de busca. Hoje, o maior meio de promoção de blogs é a mídia social. Portanto, devemos considerar a mídia social como um portal para atingir o público mais amplo. Mas devemos tornar nosso blog ou site compatível com o Open Graph Protocol.

O QUE É O PROTOCOLO OPEN GRAPH?

Já mencionei que o Open Graph Protocol é um conjunto de regras. Mas o principal benefício do Open Graph Protocol é que isso permitirá que seu site ou página de blog se torne um objeto rico em um gráfico social.

Por exemplo, todos os sites e blogs têm uma página do Facebook e um Facebook pode ser seu gráfico social. Uma vez que seu blog ou página da web esteja integrado ao Open Graph Protocol, ele se comporta como o objeto do gráfico social. Porque depois de habilitar o Open Graph Protocol, seu site terá a mesma funcionalidade de uma página do Facebook.

COMO FUNCIONA O PROTOCOLO OPEN GRAPH?

O Open Graph Protocol informa ao Facebook qual título, URL, imagem e descrição da sua postagem/página do blog devem ser usados ​​quando o conteúdo do seu blog ou site for compartilhado no Facebook.

Exemplo:

Exemplo de meta tags do protocolo Open Graph do Facebook


Para adicionar isso, você deve adicionar algumas meta tags do Open Graph Protocol.

<meta propriedade=”og:título” conteúdo=” “/>
<meta propriedade=”og:tipo” conteúdo=””/>
<meta propriedade=”og:url” conteúdo=””/>
<meta propriedade=”og:imagem” conteúdo=””/>
<meta propriedade=”fb:admins” conteúdo=””/>
<meta propriedade=”og:nome_do_site” conteúdo=””/>
<meta propriedade=”og:descrição” conteúdo=””/>
COMO USAR META TAGS DO PROTOCOLO OPEN GRAPH NO BLOG DO BLOGGER?
  • Entre na sua conta do Blogger e vá para o seu Painel do Blogger
  • Agora clique em -> Modelo -> Editar HTML ->
  • Agora encontre ]]></b:skin>
  • Cole o código abaixo Antes/acima ]]></b:skin>
<!-- INICIAR tags Open Graph -->
<meta expr:content='data:blog.metaDescription' name='description' property='og:description'/>
<meta content='ID do APP do Facebook' property='fb:app_id'/>
<meta content='ID do administrador do Facebook' property='fb:admins'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<meta content='URL da página Sobre nós' property='article:author'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='URL do seu favicon do blog' property='og:image'/>
</b:if>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.canonicalHomepageUrl' property='og:url'/>
<meta content='blog' property='og:type'/>
<meta content='URL do seu favicon do blog' property='og:image'/>
</b:if>
<meta content='Nome do seu país' name='geo.placename'/>
<meta content='pt_BR' property='og:locale'/>
<meta content='pt_GB' property='og:locale:alternate'/>
<!-- FIM das tags Open Graph -->

Costumização:

  • Encontre o ID do aplicativo do Facebook e o ID do administrador do Facebook e , depois, substitua xxxxxxxx pelo ID do aplicativo do Facebook e pelo ID da página de administração.
  • Altere o URL da página Sobre nós pelo URL da sua página Sobre nós.
  • Encontre a URL do favicon do seu blog e substitua-a pelo favicon do blog/site .
  • Encontre o nome do seu país e substitua-o pelo nome do seu condado.
Agora salve seu modelo... Pronto!!

Se precisar de mais ajuda, sinta-se à vontade para deixar um comentário abaixo. Obrigado.

FONTE:  https://www.bloggersstand.com/2015/12/use-facebook-open-graph-protocol-meta-in-blogspot.html

PODERA GOSTAR