Imagine spending hours writing a beautiful blog post, sharing it on WhatsApp or Facebook, and instead of a nice image and title, all you see is a plain, ugly link. Frustrating, right?
That's exactly what happens when you don't add Meta Tags to your Blogger blog. Whether you are using a free domain like yourwebsite.blogspot.com or a custom domain like www.mywebsite.com, Google and social media platforms need these tags to understand your content.
In this guide, I will show you exactly how to add Meta Tags in Blogger, step-by-step, without touching any complicated code if you don't want to.
What Are Meta Tags?
Meta tags are small pieces of code that sit in the background of your website. They are not visible to normal readers, but they tell search engines and social media platforms what your page is about.
The three most important ones are:
- Meta Title: The clickable headline you see on Google.
- Meta Description: The short summary below the title on Google.
- Open Graph (OG) Tags: These control how your link looks when shared on Facebook, WhatsApp, or Twitter (with an image and title).
Method 1: The Easy Way (Blogger Settings)
Blogger has a built-in feature that automatically adds a basic meta description to your posts. You just need to turn it on.
- Go to your Blogger Dashboard.
- Click on Settings from the left menu.
- Scroll down to the Meta Tags section.
- Click on "Enable search description?" and select Yes.
- In the box below, type a short description of your blog (e.g., "A blog about technology, tips, and tutorials").
- Click Save.
Now, whenever you write a new post, scroll down the right-side menu and look for the "Search Description" box. Write a 150-character summary there, and Blogger will add the meta tag automatically.
Method 2: The Pro Way (Adding Open Graph Tags)
If you want your links to look beautiful when shared on social media, you need Open Graph and Twitter Card tags. Blogger doesn't do this by default, so we have to add a small code.
Don't want to write the code manually? Use our free Meta Tag Generator. It creates the exact code for you in seconds.
Here is how to add the code manually if you prefer:
- Go to Theme > Click the arrow next to "Customize" > Edit HTML.
- Press
Ctrl + Fto search for<head>. - Paste your generated meta tags right below the
<head>tag. - Click Save.
Example of Open Graph Tags:
<meta property="og:title" content="Your Blog Title" />
<meta property="og:description" content="Your Blog Description" />
<meta property="og:image" content="https://yourwebsite.blogspot.com/your-image.jpg" />
Why are Meta Tags Not Working?
Many bloggers on free Blogspot domains face this issue. You add the tags, but when you share the link on WhatsApp, the old preview still shows. Here is why:
- Facebook/WhatsApp Cache: They save the old preview. Use the Facebook Sharing Debugger to clear the cache.
- Wrong Image URL: Make sure the image link in your meta tag is a full URL starting with
https://. - Theme Conflicts: Some themes already have meta tags. Adding yours might create a conflict. Check your theme carefully.
Frequently Asked Questions
Can I add meta tags to a free Blogspot domain?
Yes, absolutely. Meta tags work perfectly on both free .blogspot.com domains and custom domains.
Do meta tags directly improve my Google rankings?
Not directly, but they improve your Click-Through Rate (CTR). When your title and description look good, more people click on your link, which signals to Google that your page is valuable.
How long should a Meta Description be?
Keep it under 150 characters. If it's too long, Google will cut it off with "...". You can check your length using our Word Counter Tool.
Wrapping Up
Adding meta tags in Blogger is a one-time setup that pays off forever. It makes your blog look professional on Google and social media.
If you want to skip the coding part, just use our Free Meta Tag Generator and copy-paste the results.
Happy blogging!
