Blogger Resolves The Facebook Photograph Sharing Issue
Friday, June 14, 2013
Edit
Blogger Engineers lately added Blogger template code, to render images inwards shares to FaceBook.
The added code is included inwards the measure template header. If you lot convey a custom template, you lot may postulate to verify template header content.
If you lot convey added the previously recommended Open Graph Code to your blog, to let Open Graph based post service / photograph sharing - together with you lot role the FaceBook Developers Debugger tool, you lot may run into a novel diagnostic suggestion.
Given newly added template code, blogs amongst added OG code may generate ominous warnings inwards the FaceBook Developers Debugger tool.
Looking at my blog, together with the weblog master copy page.
Looking at my blog, together with a FaceBook Debug log, for this post.
With Blogger at nowadays providing a properly resized image, automatically, from each post, the icon provided inwards the previously suggested Open Graph code is at nowadays redundant - together with causes duplication.
The browser origin listing, for this post.
The FaceBook Debugger log, for this post.
Here's what I run into now, inwards the measure template header.
So, what exercise nosotros have?
The chosen icon - resized to 1200 x 630, to adapt the FaceBook recommended 1.9 appear ratio - together with large, to adapt the FaceBook recommended size.
Now, iii information elements (2 Open Graph) may last redundant.
This makes the immediately previous advice unnecessary.
If ane wishes to provide writer information, that also becomes slightly simpler.
If you lot genuinely desire to portion writer details, you lot withal convey some function to exercise - exactly photos should at nowadays last shared, automatically, if your weblog has a template amongst a measure header.
This won't last present, inwards all templates / themes.
OG code is produced past times FaceBook - together with used inwards sharing to FaceBook together with Twitter. Blogger did a lot of work, to include the necessary code inwards the newer Blogger supplied templates. Older Blogger templates - together with custom, tertiary political party templates - may non incorporate this marker of detail. If sharing to FaceBook together with / or Twitter is a priority, you lot may desire to visit moving your weblog to a new, Blogger supplied theme.
Recently, Blogger Engineering added OG code to the measure template header, to let us to portion posts amongst images to FaceBook, without having to add together particular code. This should help, for owners of blogs which convey measure headers.
The added code is included inwards the measure template header. If you lot convey a custom template, you lot may postulate to verify template header content.
If you lot convey added the previously recommended Open Graph Code to your blog, to let Open Graph based post service / photograph sharing - together with you lot role the FaceBook Developers Debugger tool, you lot may run into a novel diagnostic suggestion.
Given newly added template code, blogs amongst added OG code may generate ominous warnings inwards the FaceBook Developers Debugger tool.
Looking at my blog, together with the weblog master copy page.
Object at URL 'http://blogging.nitecruzr.net/' of type 'article' is invalid because it specifies multiple 'og:url' values: http://blogging.nitecruzr.net/, http://blogging.nitecruzr.net/.
Looking at my blog, together with a FaceBook Debug log, for this post.
Object at URL ' ' of type 'article' is invalid because it specifies multiple 'og:url' values: , .
With Blogger at nowadays providing a properly resized image, automatically, from each post, the icon provided inwards the previously suggested Open Graph code is at nowadays redundant - together with causes duplication.
The browser origin listing, for this post.
The FaceBook Debugger log, for this post.
Here's what I run into now, inwards the measure template header.
<meta content='Blogger lately added template code, to properly portion content to FaceBook. Learn how this affects your blog.' name='description'/>
<meta content=' ' property='og:url'/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWjgzrHu8-oN3y5cmpDZ6qQamn0uYlFX3X_B4Eu1hjBeaUV_9lQuwGBpQquAVwmE0iDYOslcsaFyDhTteQJfpqbksnIt1SKKrBjFDR-m4XEf6N6_f_tJ9Tsh8erby7MVoJwjayVHZEMSb4/w1200-h630-p-nu/Screenshot+2016-03-13+at+14.35.32.png' property='og:image'/>
So, what exercise nosotros have?
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWjgzrHu8-oN3y5cmpDZ6qQamn0uYlFX3X_B4Eu1hjBeaUV_9lQuwGBpQquAVwmE0iDYOslcsaFyDhTteQJfpqbksnIt1SKKrBjFDR-m4XEf6N6_f_tJ9Tsh8erby7MVoJwjayVHZEMSb4/w1200-h630-p-nu/Screenshot%2B2016-03-13%2Bat%2B14.35.32.png' property='og:image'/>
The chosen icon - resized to 1200 x 630, to adapt the FaceBook recommended 1.9 appear ratio - together with large, to adapt the FaceBook recommended size.
Now, iii information elements (2 Open Graph) may last redundant.
- description
- og:image
- og:url
This makes the immediately previous advice unnecessary.
If ane wishes to provide writer information, that also becomes slightly simpler.
<!-- BEGIN Open Graph tags -->
<meta expr:content='data:blog.metaDescription' name='description' property='og:description'/>
<meta expr:content='data:blog.pageTitle' name='keywords'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<meta content='https://plus.google.com/nnnnnnnnnnnnnnnnnnnnn/about' property='article:author'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='blog' property='og:type'/>
</b:if>
<meta expr:content='"en_US"' property='og:locale'/>
<!-- END Open Graph tags -->
<meta expr:content='data:blog.metaDescription' name='description' property='og:description'/>
<meta expr:content='data:blog.pageTitle' name='keywords'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<meta content='https://plus.google.com/nnnnnnnnnnnnnnnnnnnnn/about' property='article:author'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='blog' property='og:type'/>
</b:if>
<meta expr:content='"en_US"' property='og:locale'/>
<!-- END Open Graph tags -->
If you lot genuinely desire to portion writer details, you lot withal convey some function to exercise - exactly photos should at nowadays last shared, automatically, if your weblog has a template amongst a measure header.
This won't last present, inwards all templates / themes.
OG code is produced past times FaceBook - together with used inwards sharing to FaceBook together with Twitter. Blogger did a lot of work, to include the necessary code inwards the newer Blogger supplied templates. Older Blogger templates - together with custom, tertiary political party templates - may non incorporate this marker of detail. If sharing to FaceBook together with / or Twitter is a priority, you lot may desire to visit moving your weblog to a new, Blogger supplied theme.
Recently, Blogger Engineering added OG code to the measure template header, to let us to portion posts amongst images to FaceBook, without having to add together particular code. This should help, for owners of blogs which convey measure headers.