Facebook Post Thumbnail Issue in Blogger Blog


#1

Hello Bloggers,

Because I am new user. So I can not put up the link in this post. My blog is running on Blogger platform.

It is showing wrong thumbnails of blog posts on Facebook shares. I have followed so many tutorials but did not work for me. If any one know about this issue that how to solve it then please help me.

Thanks

Gagan Masoun


#2

It’s happening because you haven’t installed thumbnail meta tag on your blog. To do this, just follow the following steps:

  1. Go To Template Editor

  2. Find <head> and bellow it, paste the following code:

    <b:if cond=‘data:blog.pageType == “index”’>

Replace YOUR BLOG’S LOGO with your blog’s logo and save your template.

Note: After doing so, the meta tag will automatically provide correct post thumbnails to:

  1. Twitter;
  2. Google+;
  3. Facebook.

So, it’s more than good for your blog. :smile:


#3

No brother, Its not working…

I have tried this one and followed so many tutorials. My blog always picks image from home page, which I don’t want in FB share.


#4

There was a minor mistake in the code above. So, I have updated it. Kindly try it once again.


#5

Sorry to say… but no response again :frowning:


#6

Give me your website url i will try to fix it or you can give your xml file


#7

Here is my website’s URL - http://www.punjabi-poetry.com


#8

can you give me xml file so that i can test it @gaganmasoun


#9

give me your email id please, so I can send you XML file.


#11

Maybe you could test your meta property by Open Graph Object Debugger. I found out that your image is to small. I used to have large image around 600px width.


#12

Try this:

<!-- open graph -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Read &quot; + data:blog.pageName + &quot; On &quot; + data:blog.title + &quot;&quot;' property='og:description'/>
</b:if>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Visit &quot; + data:blog.pageTitle + &quot;To read more articles.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='Your_Logo' property='og:image'/>
</b:if>
</b:if>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='Twitter_Username' name='twitter:creator'/>
<!-- end open graph -->