The same thing is happen with TrueBloggingTricks earlier days when we publish post link on Facebook it shows a wrong picture or showing no picture. After many articles about Facebook I finally come to know to resolve Facebook wrong picture issue.
How to Fix Facebook Showing Wrong Thumbnail Image in Blogger Template ?
- Goto Blogger Dashboard.
- Template >> Edit HTML.
- Find <head> tag by pressing Ctrl+F.
- Copy the below code and paste it after <head> tag.
<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 != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
- Click on save button and you done it.
Firstly Thanks Haider Khan
ReplyDeleteIt help me lot
Thanks and regards :
Prakaash(Administration)
Ultimate Entertainment Fun Stuff
www.junctionfun.co.in
@Siva Prakash
DeleteYou always welcome :)
Hi!
ReplyDeleteAlthough I'm not using Blogger your article was helpful to me as well. In the past I noticed that Facebook tends to take the first picture in an article but not always. When working on a fb page that contains several kinds of sensors (co2 sensors, humidity sensors) I tried to take larger pictures but that was not helpful either. Right now I manipulated the website theme as you mentioned - and now it works!
Thx a lot
Michael
@Micheal
ReplyDeleteFirst of all thanks to visit on my blog and i m very please that this article very helpful to you and thanks a lot for appreciation i will try to make it more helpful tutorials for you.
Regards
Haider