📢 Add Facebook Share Thumbnail to Blogger (Open Graph Setup)
If you want your Blogger post to show a title, description, and image thumbnail when shared on Facebook, you need to use Open Graph (OG) meta tags. Here's how you can do it.
📌 Step 1: Add This Code to Your Blogger Theme
Go to Theme → Edit HTML, then find the <head> section. Inside it, paste the following code:
<b:if cond='data:blog.pageType == "item"'>
<meta property="og:type" content="article"/>
<meta property="og:title" expr:content='data:blog.pageTitle'/>
<meta property="og:url" expr:content='data:blog.url'/>
<meta property="og:description" expr:content='data:blog.metaDescription'/>
<b:if cond='data:blog.postImage'>
<meta property="og:image" expr:content='data:blog.postImage'/>
</b:if>
</b:if>
🖼️ Step 2: Add an Image in Your Post
Make sure your blog post includes at least one image — Facebook will use it as the thumbnail. Use an image that’s at least 1200x630 pixels for the best display.
🔍 Step 3: Test with Facebook Debugger
Use this link to see how Facebook reads your blog post:
Paste your blog post URL and click "Scrape Again" to preview how your link will appear when shared.
💡 Tip: Always use high-quality images and a short description in your posts for better engagement on Facebook.
If you found this helpful, don’t forget to share with your Blogger friends! 🚀