Como usar o protocolo Open Graph Meta Tags no Blogger, protocolo facebook fb google plus twitter para blogspot blog meta tags para site
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:
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.
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