• About Us
  • Contact Us
  • Privacy Policy
  • Sitemap
TeChBoYMRK
  • HOME
  • Apps
    • Android
    • Windows
  • Games
    • Android
    • Windows
  • EBooks
    • Bengali
    • English
  • Tutorials
    • Blogging
    • Computer
    • Smartphone
    • Social Media
    • Internet
  • Tips And Tricks
    • Computer
    • Recharge
    • Smartphone
    • Social Media
  • Miscellaneous
Home » Blogging » Facebook Showing Wrong Thumbnail Image While Sharing Blogger Posts : Error Fixed
Thursday, May 26, 2016

Facebook Showing Wrong Thumbnail Image While Sharing Blogger Posts : Error Fixed

Unknown
Blogging
Thursday, May 26, 2016
add comment

Facebook Showing Wrong Thumbnail Image While Sharing Blogger Posts : Error Fixed

As a Blogger, everyone would like to promote his/her posts and largely shared the idea on Facebook. Ever if you have tried sometime you might have observed that there is wrong thumbnail or no thumbnail shown by facebook of our blog post . This is among the most popular issue through Facebook from a few years back nonetheless it will not be resolved till yet. However Facebook isn't much clever to pickup the correct image from your post. You should make the post easy to understand by adding a little piece of chunk code within your blogger template to express to the Facebook robot which usually show image in the Round thumbnail at your wall or groups. So here we are discussing about such a popular topic to fix this error to get proper image of our blog post on facebook.

How to Fix this Issue:
To get accurate thumbnail of our posts by facebook we have to add a little piece of code in our blog templates which tells the facebook that what is our post's main image. 

Follow steps below:


  • Go to blogger dashboard:
  • Go to Template >> Edit >>Html:
  • Find for <head>
  • Past the below given code just after the <head>

<meta content='article' property='og:type'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>

Now click on save button: You are almost Done!

Quick Tips to Remember:
Follow these quick tips while you are sharing your blog posts on facebook:

  • I recommended you to use the PNG format for main image.
  • Use JPG image format for the rest of all ordinary image inside the post except the main picture.
  • Always try to add intro image inside the post.
  • Share your Post on facebook immediately after publishing.
  • If you change your blogger template make sure to add the above coding again.

Like the Post? Share with your Friends:-
  • Facebook
  • Twitter
  • Google+
  • Pinterest
  • StumbleUpon
  • LinkedIn
  • Reddit


Show Conversion CodeHide conversion code Show EmoticonHide Emoticon Contact Us Sitemap

Newer Post Older Post Home
Subscribe to: Post Comments (Atom)

SUBSCRIBE !

Subscribe to our email newsletter & receive updates right in your inbox.

Contact Form

Name

Email *

Message *

Popular Posts

  • Quick Heal Total Security 2017 (17.0) Patch Latest (100% Working- See Screenshoot) -TeChBoYMRK
    Quick Heal Total Security 2017  is a full security suite for your PC. Install it and forget about the security for any type like interne...
  • Add Beautiful Social Media Follow Widget In Blogger Blog
    Add beautiful social media follow me and subscribe for feed buttons on blogger. Following button like Facebook, Twitter, Google plus, ...

ABOUT TBM

ABOUT TBM
TeChBoYMRK is a free website for Latest PC-Android Tips, Tricks, Hacks, Blogging Tutorials And Much More About Tech !

Contact US

Name

Email *

Message *

CONNECT WITH US

  • Joins Us On Facebook
  • Circle Us On Google+
  • Follow Us On Twitter
  • Follow Us On Pinterest
  • Subscribe Via RSS

Copyright 2016 © TeChBoYMRK..All Rights Reserved. And Our Sitemap.. All Products, Logos And Trademark Belongs To Their Respective Owners.. Designed By MRK