Instructions to fix image sharing posts on facebook

Instructions for you to fix the error of not displaying images, thumbs when sharing blogspot posts on facebook, some blogs when sharing articles on social networks without thumbnails or errors, this is a workaround.

Instructions to fix image sharing posts on facebook


You copy the entire code below paste under the <head> tag and save. Then share your blog post card on facebook to check.

Or you can check and collect information with facebook's Debug Sharing Tool:

<b:if cond='data:view.featuredImage'>
    <meta expr:content='resizeImage(data:view.featuredImage, 1200, &quot;1200:630&quot;)' property='og:image'/>
<b:elseif cond='data:widgets'/>
    <b:loop reverse='true' values='data:widgets.Blog.first.posts where (p =&gt; p.featuredImage) map (p =&gt; p.featuredImage)' var='imageUrl'>
    <meta expr:content='resizeImage(data:imageUrl, 1200, &quot;1200:630&quot;)' property='og:image'/>
    </b:loop>
<b:elseif cond='data:blog.postImageUrl'/>
    <meta expr:content='resizeImage(data:blog.postImageUrl, 1200, &quot;1200:630&quot;)' property='og:image'/>
</b:if>