Open Graphic facebook como adicionar no Blogger atualizado!

Open Graphic facebook como adicionar no Blogger atualizado!

Hoje vamos compartilhar como instalar o Open Graph facebook  por bungfrangki isso é muito útil uma vez que, ao compartilhar um post nas redes sociais como twitter facebook Google+ isso pode ficar um pouco impreciso e não ficar bem visualizado, dessa forma open graph é uma maneira de ajustar melhor as postagens do Blog na rede social então para isso siga o tutorial abaixo.


Como adicionar Open Graphic facebook como adicionar no Blogger atualizado!

Faça login no blogger então va no menu tema editar HTML com as teclas combinadas CTRL+F busque por <b:template-skin>  ou &lt;style type=&quot;text/css&quot;&gt;  e acima disso copie e cole o seguinte código:


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
</b:if></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta content='530' property='og:image:width'/>
<meta content='280' property='og:image:height'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<meta content='530' property='og:image:width'/>
<meta content='280' property='og:image:height'/>
<b:else/>
<meta content='https://4.bp.blogspot.com/-LdG142RpkTw/WZdNhjGYgvI/AAAAAAAAQsA/USRZh_fTalIDY4rInADlsyALeBlbe5a9wCLcBGAs/s1600/opengraph-facebook.png' property='og:image'/>
<meta content='530' property='og:image:width'/>
<meta content='280' property='og:image:height'/>
</b:if>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='https://www.facebook.com/username' property='article:author'/>
<meta content='https://www.facebook.com/username' property='article:publisher'/>
</b:if>
<meta content='[ Facebook App ID ]' property='fb:app_id'/>
<meta content='[ Admin Profile Facebook ID ]' property='fb:admins'/>
<meta content='[ Admin Profile Facebook ID ]' property='fb:profile_id'/>
<meta content='[ Facebook Fanpage ID ]' property='fb:pages'/>
<meta content='id_ID' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='en_US' property='og:locale:alternate'/>
<meta content='Brasil' name='geo.placename'/>
<meta content='id' name='geo.country'/>
<meta content='general' name='rating'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:image:alt'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:image:alt'/>
</b:if>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@mybloggerseo' name='twitter:creator'/>


Para obter o melhor é recomendado imagens de 1200px  x  630 px 

Substitua a url a seguir pela imagem inicial do seu blog 


<meta content='https://4.bp.blogspot.com/-LdG142RpkTw/WZdNhjGYgvI/AAAAAAAAQsA/USRZh_fTalIDY4rInADlsyALeBlbe5a9wCLcBGAs/s1600/opengraph-facebook.png' property='og:image'/>

Link de autor e editor 

<meta content='https://www.facebook.com/username' property='article:author'/>
<meta content='https://www.facebook.com/username' property='article:publisher'/>

Id de aplicação 

<meta content='[ Facebook App ID ]' property='fb:app_id'/>
<meta content='[ Admin Profile Facebook ID ]' property='fb:admins'/>
<meta content='[ Admin Profile Facebook ID ]' property='fb:profile_id'/>
<meta content='[ Facebook Fanpage ID ]' property='fb:pages'/>

Geo Placename 

<meta content='id_ID' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='en_US' property='og:locale:alternate'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='id' name='geo.country'/>


Nome usuario Twitter

<meta content='@mybloggerseo' name='twitter:creator'/>

Salve e pronto.

Click to comment