Blogger Resolves The Facebook Photograph Sharing Issue
Monday, March 14, 2016
Edit
Blogger Engineers late added Blogger template code, to render images inward shares to FaceBook.
The added code is included inward 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 permit Open Graph based postal service / photograph sharing - as well as you lot locomote the FaceBook Developers Debugger tool, you lot may come across a novel diagnostic suggestion.
Given newly added template code, blogs alongside added OG code may generate ominous warnings inward the FaceBook Developers Debugger tool.
Looking at my blog, as well as the weblog original page.
Looking at my blog, as well as a FaceBook Debug log, for this post.
With Blogger at nowadays providing a properly resized image, automatically, from each post, the icon provided inward the previously suggested Open Graph code is at nowadays redundant - as well as causes duplication.
The browser origin listing, for this post.
The FaceBook Debugger log, for this post.
Here's what I come across now, inward the measure template header.
So, what practice nosotros have?
The chosen icon - resized to 1200 x 630, to conform the FaceBook recommended 1.9 appear ratio - as well as large, to conform the FaceBook recommended size.
Now, iii information elements (2 Open Graph) may locomote redundant.
This makes the immediately previous advice unnecessary.
If i wishes to provide writer information, that also becomes slightly simpler.
If you lot genuinely desire to portion writer details, you lot nonetheless convey some piece of occupation to practice - precisely photos should at nowadays locomote shared, automatically, if your weblog has a template alongside a measure header.
This won't locomote present, inward all templates / themes.
OG code is produced past times FaceBook - as well as used inward sharing to FaceBook as well as Twitter. Blogger did a lot of work, to include the necessary code inward the newer Blogger supplied templates. Older Blogger templates - as well as custom, tertiary political party templates - may non incorporate this marking of detail. If sharing to FaceBook as well as / 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 permit us to portion posts alongside images to FaceBook, without having to add together especial code. This should help, for owners of blogs which convey measure headers.
The added code is included inward 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 permit Open Graph based postal service / photograph sharing - as well as you lot locomote the FaceBook Developers Debugger tool, you lot may come across a novel diagnostic suggestion.
Given newly added template code, blogs alongside added OG code may generate ominous warnings inward the FaceBook Developers Debugger tool.
Looking at my blog, as well as the weblog original 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, as well as 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 inward the previously suggested Open Graph code is at nowadays redundant - as well as causes duplication.
The browser origin listing, for this post.
The FaceBook Debugger log, for this post.
Here's what I come across now, inward the measure template header.
<meta content='Blogger late 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/AVvXsEjEMesj66MVPWqhZQAT5FpRmRPSPumhd9lUe4ufCfl05VvJxOhuf3X5JI5UQhAFnT3CQDZX65Srskjp95Lk0g_zZDjrT5tgz7-C6D_u1R6rCwy1b9GBtcQiSQ7Wuc6fMOccBvy7e37CIjF7/w1200-h630-p-nu/Screenshot+2016-03-13+at+14.35.32.png' property='og:image'/>
So, what practice nosotros have?
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEMesj66MVPWqhZQAT5FpRmRPSPumhd9lUe4ufCfl05VvJxOhuf3X5JI5UQhAFnT3CQDZX65Srskjp95Lk0g_zZDjrT5tgz7-C6D_u1R6rCwy1b9GBtcQiSQ7Wuc6fMOccBvy7e37CIjF7/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 appear ratio - as well as large, to conform the FaceBook recommended size.
Now, iii information elements (2 Open Graph) may locomote 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 you lot genuinely desire to portion writer details, you lot nonetheless convey some piece of occupation to practice - precisely photos should at nowadays locomote shared, automatically, if your weblog has a template alongside a measure header.
This won't locomote present, inward all templates / themes.
OG code is produced past times FaceBook - as well as used inward sharing to FaceBook as well as Twitter. Blogger did a lot of work, to include the necessary code inward the newer Blogger supplied templates. Older Blogger templates - as well as custom, tertiary political party templates - may non incorporate this marking of detail. If sharing to FaceBook as well as / 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 permit us to portion posts alongside images to FaceBook, without having to add together especial code. This should help, for owners of blogs which convey measure headers.