Blogger Resolves The Facebook Photograph Sharing Issue
Thursday, February 12, 2015
Edit
Blogger Engineers of late added Blogger template code, to furnish images inwards shares to FaceBook.
The added code is included inwards the measure template header. If yous convey a custom template, yous may need to verify template header content.
If yous convey added the previously recommended Open Graph Code to your blog, to permit Open Graph based post / photograph sharing - too yous purpose the FaceBook Developers Debugger tool, yous may come across a novel diagnostic suggestion.
Given newly added template code, blogs alongside added OG code may generate ominous warnings inwards the FaceBook Developers Debugger tool.
Looking at my blog, too the weblog principal page.
Looking at my blog, too 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 - too causes duplication.
The browser rootage listing, for this post.
The FaceBook Debugger log, for this post.
Here's what I come across now, inwards the measure template header.
So, what practise nosotros have?
The chosen icon - resized to 1200 x 630, to conform the FaceBook recommended 1.9 human face ratio - too large, to conform the FaceBook recommended size.
Now, iii information elements (2 Open Graph) may hold upward redundant.
This makes the immediately previous advice unnecessary.
If i wishes to provide writer information, that also becomes slightly simpler.
If yous real desire to part writer details, yous notwithstanding convey some locomote to practise - precisely photos should at nowadays hold upward shared, automatically, if your weblog has a template alongside a measure header.
This won't hold upward present, inwards all templates / themes.
OG code is produced past times FaceBook - too used inwards sharing to FaceBook too Twitter. Blogger did a lot of work, to include the necessary code inwards the newer Blogger supplied templates. Older Blogger templates - too custom, 3rd political party templates - may non comprise this score of detail. If sharing to FaceBook too / or Twitter is a priority, yous may desire to reckon moving your weblog to a new, Blogger supplied theme.
Recently, Blogger Engineering added OG code to the measure template header, to permit us to part posts alongside images to FaceBook, without having to add together exceptional code. This should help, for owners of blogs which convey measure headers.
The added code is included inwards the measure template header. If yous convey a custom template, yous may need to verify template header content.
If yous convey added the previously recommended Open Graph Code to your blog, to permit Open Graph based post / photograph sharing - too yous purpose the FaceBook Developers Debugger tool, yous may come across a novel diagnostic suggestion.
Given newly added template code, blogs alongside added OG code may generate ominous warnings inwards the FaceBook Developers Debugger tool.
Looking at my blog, too the weblog principal 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, too 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 - too causes duplication.
The browser rootage listing, for this post.
The FaceBook Debugger log, for this post.
Here's what I come across now, inwards the measure template header.
<meta content='Blogger of late added template code, to properly part 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/AVvXsEi2rjr0apGFJqk7Epfsb4gwaUyYSrcyaBYagTEs0QyXryH3s96KcinVtz17xd-t52WjwUGStBfyOln6CITk9xpN6kUIVRSMUOBlY9YP6oMa7Rj8gKjqSb7Qil32XBdGdBBW-HsjMBfKRguV/w1200-h630-p-nu/Screenshot+2016-03-13+at+14.35.32.png' property='og:image'/>
So, what practise nosotros have?
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2rjr0apGFJqk7Epfsb4gwaUyYSrcyaBYagTEs0QyXryH3s96KcinVtz17xd-t52WjwUGStBfyOln6CITk9xpN6kUIVRSMUOBlY9YP6oMa7Rj8gKjqSb7Qil32XBdGdBBW-HsjMBfKRguV/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 conform the FaceBook recommended 1.9 human face ratio - too large, to conform the FaceBook recommended size.
Now, iii information elements (2 Open Graph) may hold upward redundant.
- description
- og:image
- og:url
This makes the immediately previous advice unnecessary.
If i 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 yous real desire to part writer details, yous notwithstanding convey some locomote to practise - precisely photos should at nowadays hold upward shared, automatically, if your weblog has a template alongside a measure header.
This won't hold upward present, inwards all templates / themes.
OG code is produced past times FaceBook - too used inwards sharing to FaceBook too Twitter. Blogger did a lot of work, to include the necessary code inwards the newer Blogger supplied templates. Older Blogger templates - too custom, 3rd political party templates - may non comprise this score of detail. If sharing to FaceBook too / or Twitter is a priority, yous may desire to reckon moving your weblog to a new, Blogger supplied theme.
Recently, Blogger Engineering added OG code to the measure template header, to permit us to part posts alongside images to FaceBook, without having to add together exceptional code. This should help, for owners of blogs which convey measure headers.