How to Overcome Blog Pictures Don’t Appear When Sharing on Facebook

Often feel annoyed because when sharing blog posts on Facebook social media but thumbnails of those posts don’t appear so Facebook posts are just links without pictures

What causes thumbnails not to appear?

Most likely due to your blog not implementing the og: image facebook meta tag and resulting in Thumbnails on Posts not appearing when sharing url Posts.

Image won't show on Facebook

How to Overcome Blog Pictures Don’t Appear When Sharing on Facebook

1. Login to the blog account and enter the blogger dashboard
2. Select the Menu Menu >>  Edit HTML
3. Enter the code below right Before </head>

<!-- Facebook Meta Tag Open Graph -->
<b:if cond='data:view.isHomepage'>
<b:if cond='data:view.isPost'>
<b:if cond='data:view.isPage'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta content='blog' property='og:type'/>
<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='https://1.bp.blogspot.com/-1eSzIPykBbA/W7TEES3n5PI/AAAAAAAAGeA/NWfEPstRSFspDaGDP6_VBjxTa38mVAHlwCPcBGAYYCw/s75/Lain.jpg' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='https://www.facebook.com/XXXXXXXXXXXXXXX' property='article:author'/>
<meta content='https://www.facebook.com/XXXXXXXXXXXXXXX' property='article:publisher'/>
<meta content='XXXXXXXXXXXXXXX' property='fb:admins'/>
<meta content='1234567890123456' property='fb:app_id'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>

 

  • Change Url ” https://1.bp.blogspot.com/-1eSzIPykBbA/W7TEES3n5PI/AAAAAAAAGeA/NWfEPstRSFspDaGDP6_VBjxTa38mVAHlwCPcBGAYYCw/s75/Lain.jpg ” with your url Banner Image. The image is to display the image when you share the Url Homepage instead of posting on Facebook.
  • Replace XXXXXXXXXXXXXXX (There Are 3 Pieces) with your Facebook / Fanspage Account ID.
  • Replace 1234567890123456 with your Facebook Application ID.

 

How to find Facebook application id

You can find it on search engines by using the search keyword “How to make your own facebook application”

What if the picture still doesn’t want to appear

1. Visit the  Facebook Sharing Debugger site

https://developers.facebook.com/tools/debug/sharing

 

2. After entering the site, enter the homepage URL and article whose image still does not want to appear on Facebook.
3. Click the “Debug” button and press the “Scrape Again” button.

I suggest you do scrape again several times until the url post image can appear on facebook posts

If you still encounter this problem please leave a comment below.

Leave a Reply

Your email address will not be published. Required fields are marked *