For Blog Admins: How To Fix Image Thumbnail Not Showing On Whatsapp

Category: How Tos 

So I have been having this problem for almost a week now. I started noticing this after I edited some codes in my template. I updated Facebook comment codes and since then, all posts I put on Whatsapp stopped displaying thumbnails on Whatsapp.

I tried removing most of the new codes but nothing changed. It looked like I would no longer be able to have thumbnails from my posts displayed on Whatsapp.

Also See: Start an Online Business (See How)

This became very worrisome for me, as you can agree with me that thumbnails on Whatsapp posts usually give posts more beauty and most people are likely to click through your post because of the images displayed. 

And so I kept researching to see what the problem could be, and today I was able to resolve it, and decided to put out this post for those who may need it. 


Also See: What is an Online Business?

Sometimes, blog administrators and managers encounter issues relating to post thumbnails/image not showing on whatsapp, especially when they edit their blog templates or switch to anew templates.

I want to share with you how I was able to resolve mine.

Go to your blogger dashboard, then Theme, click on Edit Html, your blog template html codes will be displayed.

Use Ctrl+A to highlight the codes, and use Ctrl+F, to find this code <head>

Paste this code at the end of the <head> code;

 

Also See: How to Start an Online Business For Beginners

 

<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.postImageThumbnailUrl' property='og:image'/> </b:if></b:if>

 

Then use the same method to search for the <body> code and paste the code below within the <body> code



Also See: FOR BLOGGERS AND SITE OWNERS: How to Monetize Your Sites Using Infolinks 

 

<span itemprop='thumbnail' itemscope='http://schema.org/BlogPosting'> <link href='Image_url here' itemprop='url'/> </span>


Or you can use the code below to achieve the same purpose;

 

<link itemprop="thumbnailUrl" href="url_image"> <span itemprop="thumbnail" itemscope itemtype​=​"http://schema.org/ImageObject"​> <link itemprop="url" href="url_image"> </span>

 

Then save. Once this is done, you will start seeing thumbnails in your Whatsapp posts.



Also See: How To Hire A Virtual Assistant Websites And Its Benefits 

 

Related

How to Choose The Right Diaper For Baby

Video: Best Way to Control Gas Cylinder Explosion at Home 

How To Fix Your Worn Out Leather Sofa By Yourself

3 Important Aspects of Human Talent Management 

No comments

Powered by Blogger.