In this article, we will show you how to fix post share Facebook thumbnail Issue in blogger just follow the below steps.
Step 1: Go to blogger dashboard: >> Template >> Edit Html:
<head> tag In template:Look at the Facebook Open Graph it might look like this below, Remove this completely
<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>Step 2: Now search for
<b:includable id='post' var='post'> and paste the below code after this tag<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='article' property='og:type'/>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' property='og:image'/>
<meta content='1200' property='og:image:width'/>
<meta content='630' property='og:image:height'/>
<b:else/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta content='1200' property='og:image:width'/>
<meta content='630' property='og:image:height'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIqKxoSoXsO2sJdXVUY-0AV5YwiAaKArViE-btYI9DbYxA096ipYkanWMEt-Eb_mwT1wSkLUqJ8pArwaSjp7VJEsM7AOsbtkpo9Sh50AUNhyphenhyphenXbCdvKBiTcP5ELRuZWiD7t0uSReJ_ZEqA/s1600/no-thumbanil-available.png' property='og:image'/>
</b:if>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='og:description'/>
</b:if>Now click on save button.
Fix Description does Facebook Post shows ?
First go to Blogger dashboard >> Settings >> Basic >> Description and Click EditNow write the description of your blog and press Save Changes. Now you get “Search description” option showing on right side bar of your Post editor and Page Editor. Whenever you write a post don’t forget to add search description because that will show in search engine. Don't worry about old post if you have not added search description, in the above code we have fix for older post but for future post it is better to add search description in the post.
Manually Uploading your Thumbnail Image:
If your article still does not pick up the correct thumbnail, then you can click on the upload link to upload the image you want to use.The image you have upload for the article is stored in the photos section of your Facebook page. Facebook will show the image you uploaded as the thumbnail for the article in your timeline. However this solution does not affect other users who share your article, then it may still show the incorrect thumbnail.
Post a Comment