Blogger HTML Mode SEO Mistakes: Part 17 — WordsByEkta🌿

The Invisible Settings: Why Your Blogger Posts Aren't Showing Up Right (And Everything You Need to Fix It)

I thought I was doing everything right.

I had learned HTML properly — or so I believed. Every article I published started with a full HTML page structure. I wrote the <!DOCTYPE html>, the <head>, the meta description tag, all of it. I had even added my own title tags inside the content.

Weeks passed. My posts were live. But something felt off about how they appeared in search results. The descriptions were random and out of my control even when i had meticulousluy placed meta tag descritpon in all of my htmls. Bing was flagging multiple H1 tags and duplicate titles. I couldn't figure out why.

Then I discovered something that changed everything: Blogger theme already creates half the page.

The theme handles the <html>, the <head>, the title, the meta tags — all of it. When I pasted a full HTML page into the post editor, I was essentially building a house inside a house. Two roofs. Two foundations. Everything conflicting silently.

And the meta description box I needed? I searched everywhere inside the post editor. I genuinely thought only certain blogs had that feature. I was wrong. It existed — it was just hidden behind a setting nobody told me about.

This article is what I wish someone had handed me on day one.

A detailed editorial illustration of a laptop showing a Blogger post editor with three glowing labels pointing at the title box, hidden search description field, and permalink — surrounded by sticky notes reading Title Box = H1, H2 inside content, and set before publish on a warm cream desk — WordsByEkta
The settings were always there — just never pointed out — WordsByEkta
Mistake 1

The Meta Description That Was Never There

When you publish a post on Blogger without a meta description, Google doesn't leave it blank. It picks a random snippet of text from your article — usually the first sentence or two — and displays that in search results.

That means your carefully written opening line becomes your search description whether you like it or not. You lose control of your first impression.

The fix is a box inside the post editor called Search Description. But here's the thing — that box doesn't appear by default. It's hidden. You have to turn it on first.

How to enable the Search Description box:
  1. Go to your Blogger Dashboard
  2. Click Settings in the left menu
  3. Scroll down to Meta Tags
  4. Turn on Enable Search Description
  5. Save

From now on, every post editor will show a Search Description box in the right-hand panel. That is where you write your meta description — not in the HTML.

Important: Do not add a meta description tag inside your post's HTML content. Blogger's theme already handles the meta tags for the page. If you add your own, the page ends up with duplicate meta tags — which search engines dislike and may ignore entirely.
Mistake 2

The H1 You Didn't Know Was Already There

Every webpage should have exactly one H1 tag. It tells search engines: "This is what this page is about." Having two H1 tags confuses that signal.

Here is what most Blogger tutorials never mention: your Blogger theme automatically converts the Title Box into an H1 tag. You don't see it happen. There is no label that says "this is now H1." It just does it, behind the scenes, every time.

So if you then use an H1 heading inside your post content — thinking you're adding a proper title — your page now has two H1 tags.

How I found out: Bing Webmaster Tools surfaces SEO issues clearly and flags duplicate H1 tags directly. If you're not using Bing Webmaster Tools alongside Google Search Console, you're missing a tool that actually tells you what's wrong rather than making you guess.

The fix is simple:

  • Never use H1 inside your post content
  • Use H2 for your main post heading inside the content
  • Use H3 for section headings within the post
  • Use H4 for sub-sections if needed
The Title Box is your H1 — always and only.
Everything inside your post content starts at H2 and goes down.
Mistake 3

The Title Box vs. The Styled Title — And Why You Need Both

The Title Box in Blogger does two jobs:

  • It becomes the H1 tag on the page (for search engines)
  • It becomes the clickable headline in search results (for readers)

But it is also plain. No styling. No custom fonts. No colour. Just text.

Many bloggers try to solve this by putting their title inside the post content using a big heading. The problem is — if that heading is H1, you now have the duplicate H1 problem from Mistake 2. And if you skip the Title Box entirely, Google has no clean title to work with.

The solution is to use both — intentionally:

The Two-Title Method:
  1. Title Box — Write your clean, keyword-focused title here. This is for Google. This becomes your H1. Keep it simple and searchable.
  2. H2 inside content — Write your styled, reader-facing title here at the top of your post. This is for your reader. Make it as beautiful as you like.

The reader sees your styled H2 and feels welcomed. Google sees your clean Title Box and understands exactly what the page is about. Both win.

Pro Tip: You can keep both titles the same, or vary them — use the Title Box for SEO keywords and the H2 for storytelling, depending on the type of post.

Think of it this way:

Title Box = the engine. Content H2 = the paint.

Google reads the engine. Your reader admires the paint. You don't have to choose between them.
Bonus Tip

The Permalink: Your One Chance to Name the Road

The Permalink is the permanent URL of your post — it is the address people type in and what Google displays in search results.

Your full URL looks like this:
https://yourblogname.blogspot.com/your-permalink-here.html

The permalink is only the last part — called the slug. The blog domain stays fixed. You are only choosing what comes after the slash.

If you don't set it manually, Blogger auto-generates it from your title — including stop words like "the", "why", "your" — creating a long, messy URL that weakens your SEO before anyone even clicks.

The One Rule: You must set your custom permalink before you hit publish. Once a post is live, Blogger locks that URL permanently. You get exactly one chance to get it right.
How to take control of your URL:
  1. Before publishing, look at the Post Settings panel on the right.
  2. Click on Permalink.
  3. Select Custom Permalink.
  4. Type a short, keyword-focused address (use hyphens between words).
Example:

Instead of a messy auto-generated link like:
.../the-invisible-settings-why-your-blogger-posts.html

Use a clean, strategic link like:
.../blogger-seo-meta-description-h1-fix.html

A clean URL tells Google exactly what the page is about before they even read the first word. It’s the final piece of a professional infrastructure.

Quick Reference Summary

What Where Why
Meta Description Search Description box in post panel (enable in Settings → Meta Tags first) Controls what Google shows under your title in search results
Page Title (H1) Title Box only Theme converts this to H1 automatically — never add H1 in content
Styled Title Top of post content as H2 For reader aesthetics — Google ignores styling, reads the Title Box
Section Headings Inside post content as H3 Keeps heading hierarchy clean for search engines
Permalink / Slug Post Settings → Permalink → Custom Permalink (before publishing) Controls your URL — set it once with keywords, Blogger locks it after publishing
Advanced Theme Check

This section is most useful if your blog uses the Blogger Contempo theme. If you use another theme, the exact code may be different, but the idea is the same: check whether your theme is creating duplicate title tags or extra H1 tags.

What If Bing Still Shows Duplicate Titles or More Than One H1 Tag?

Sometimes the problem is not inside your blog post anymore. You may have removed all H1 tags from the article body, stopped pasting full HTML into Blogger, and filled the Search Description correctly — but Bing may still show duplicate titles or more than one H1 tag.

In that case, the issue may be inside your Blogger theme code.

Important: Theme HTML changes affect your whole blog. Before editing anything, go to Theme → Backup and download a copy of your theme.

Before You Search Inside Theme HTML

When you open Theme → Edit HTML, first click once anywhere inside the theme code box. After that, press Ctrl + F.

If you press Ctrl + F without clicking inside the theme code first, your browser search may open instead. Browser search only searches visible text on the page, so it may not find the Blogger theme code properly.

Correct method: open Theme HTML → click inside the code area → press Ctrl + F → search inside the theme editor.

Note: The examples below are based on my Blogger blog using the Contempo theme. Blogger themes are not all the same, so if your theme code looks different or you do not find the same or very similar code, please do not replace anything blindly. Take a backup first. You can also send me only the small theme code section you found while searching through the contact page, and I can take a look.

1. Check the Theme Title Tag

Inside the Blogger theme code, click inside the code area and press Ctrl + F. Search for:

<title

If you find more than one title section, your theme may be creating confusing title output.

Do not delete random title code. First, look for the title block that contains <data:blog.pageTitle/>.

You may find something like this:

<title><data:blog.pageTitle/></title>

Or something like this:

<b:if cond='data:blog.url == data:blog.homepageUrl'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>

Replace the whole title block you found with this:

<b:if cond='data:view.isSingleItem'> <title><data:blog.pageName/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>
In simple words: select from the opening <title> or opening <b:if before the title, down to the matching closing </title> or </b:if>. Then paste the replacement code above.

2. Check Whether the Blog Header Is Creating an Extra H1

Now search inside the theme HTML for:

<h1

Look carefully at each H1 result. You are trying to find out what that H1 is showing on your blog.

If the H1 contains this:

<data:blog.title/>

then that H1 is probably showing your blog name.

If the H1 contains this:

<data:post.title/>

then that H1 is probably showing your blog post title. Do not replace that one.

If you find an H1 that shows your blog name, it may look like this:

<h1 class='title'> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> </h1>

Replace only that blog-name H1 block with this:

<div class='title'> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> </div>
Important: replace the H1 only if that block contains <data:blog.title/>. Do not replace an H1 that contains <data:post.title/>.

Alternate Case: Newer Blogger Header Code

In some newer Blogger themes, you may not see a simple H1 block like the example above. Instead, you may find a header title block that looks similar to this:

<b:includable id='title'> ... <b:if cond='data:view.isSingleItem'> ... <b:else/> <b:include name='super.title'/> </b:if> ... </b:includable>

In that case, the idea is the same: on single post pages, show the blog name as a normal link or div, not as another H1.

If your code already has <b:if cond='data:view.isSingleItem'> inside the header title block, make sure the single post part uses normal div text for the blog name, like this:

<b:if cond='data:view.isSingleItem'> <div class='title-text' style='font-size:inherit;font-weight:inherit;'> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> </div> <b:else/> <b:include name='super.title'/> </b:if>
Replace only the inside part of the header title block if your theme already has a similar structure. Do not replace your whole theme HTML with this code.

3. Check the Post Title H1

Now search inside the Blogger theme HTML for:

post-title

You may find a code block that controls your post title. It may look similar to this:

<h3 class='post-title entry-title'> <data:post.title/> </h3>

Or it may look like this:

<h2 class='post-title entry-title'> <data:post.title/> </h2>

If your post title is using H2 or H3 on the actual blog post page, replace only that post title heading block with this:

<b:if cond='data:view.isSingleItem'> <h1 class='post-title entry-title'> <data:post.title/> </h1> <b:else/> <h2 class='post-title entry-title'> <data:post.title/> </h2> </b:if>
Replace only the post title heading block. Do not replace the whole post section, body section, or article content code.

This tells Blogger: use H1 for the post title on single post pages, but use H2 on homepage, label pages, and archive pages.

If your theme already has a block using data:view.isSingleItem, do not paste a second full block blindly. Instead, make sure the single-item part uses H1 and the else part uses H2.
Simple rule: on a single post page, your post title should be the main H1. Your blog name should not also be another H1 on the same post page.

How to Check After Editing

After saving your theme, Blogger may show it as Custom (Modified). Now open one live blog post in a new tab.

Right-click on the page and choose View Page Source. Then press Ctrl + F and search for:

<title

You should ideally find one main title tag.

Then search for:

<h1

You should ideally find one main H1, and it should be your blog post title.

If you are not comfortable editing theme code, do not make many changes at once. Make one change, save, test one post, and only then continue.

The Honest Part

None of this is your fault for not knowing it.

Blogger's interface doesn't explain any of this. The meta description box hides until you find a buried setting. The H1 conversion happens silently. The Title Box looks too simple to matter.

You were doing what made sense with what you could see. That's not a mistake — that's just working without the manual.

Now you have the manual.

Every time I fix one of these invisible settings, I think about all the posts that were out there trying their best — good words, real thoughts — just not being found because a box was hidden in a settings menu. The writing was never the problem. The infrastructure was. And infrastructure can always be fixed.
Written by WordsByEkta🌿
For the bloggers who are figuring it out — one post at a time.

Everything I Learned — So You Don't Have To Figure It Out Alone

The technical mistakes I made in year one — the full HTML inside Blogger, the missing meta descriptions, the duplicate H1 tags, the links closing articles — I have written all of it down. Every fix. Every discovery. Every hour of confused trial and error turned into a clear guide.

🌿 The WordsByEkta Blogger Technical Series

📊 SEO Health Checker
Analyze your website’s SEO basics instantly. Check titles, meta descriptions, headings, indexing signals and overall SEO health using our free browser-based SEO tool.
Open Free SEO Health Checker
Home | About | Explore All | Welcome | Contact | Privacy Policy

Comments

Post a Comment

Popular Posts

Stop Uploading PDFs Online — Unlock Them Yourself — WordsByEkta🌿

Image
Privacy · Tech Tip · Python Stop Uploading Your PDFs to Random Websites. Do This Instead. WordsByEkta  ·  May 2026  ·  4 min read You have a password-protected PDF. Maybe it's a bank statement, an old invoice, a government certificate. You Google "unlock PDF free" and click the first result. You upload your file. You download it unlocked. Done. But here's what you didn't think about — where did that file go? Whose server did it sit on? For how long? Did anyone see it? I asked myself the same thing. So I built a small Python script that unlocks PDFs entirely on my own machine. No uploads. No third party. No risk. Online PDF tools are not inherently evil — but for sensitive documents, you genuinely do not know what happens to your file after you hit upload. Your file never leaves your computer. Zero upload, zero risk. What this script does You run it, type your PDF filename, type the password, and it ...
Continue Reading →

Publish Your Android App on Google Play Store — WordsByEkta🌿

Image
Android Google Play First App How to Publish Your Android App on Google Play Store — Complete Step-by-Step Guide Everything you need to know: from signing your APK to surviving closed testing. Written from real first-time experience, including every warning, every confusion, and exactly what to do about it. ⏱ 18 min read 🛠 45–90 min to complete the setup Before You Start Phase 0A: AdMob Setup Phase 0B: Firebase Analytics Phase 1: Account Phase 2: Package Phase 3: App Creation Phase 4: App Content Phase 5: Store Settings Phase 5A: AdMob app-ads.txt Phase 6: Store Listing Phase 7: AAB Upload Phase 8: Testing Phase 9: Post Publishing What Changes Per App Key Lessons From AdMob setup to live on Play Store — every phase, every warning, every fix. Install Jaa...
Continue Reading →

How to Set Up Your Blogger About Me Page: Part 02 — WordsByEkta🌿

Image
How to Set Up Your Blogger About Me or Profile Page When I first set up my Blogger profile, I spent a good 20 minutes clicking in all the wrong places — so I wrote this down so you don't have to. 🌿 Visual guide: How to set up your "About Me" or "Profile" page on Blogger. Setting up your "About Me" or "Profile" page on Blogger is a fantastic way to personalize your blog and let your readers know more about you and your purpose. It builds connection and trust with your audience. Blogger offers a couple of flexible ways to do this, depending on how much detail you want to share about yourself and your blog's mission. Option 1: Using the "About Me" Gadget (Quick & Common) This is the fastest way to add a small "About Me" section, typically displayed in your blog's sidebar. It's great for a brief introduction. ...
Continue Reading →