Learn here When should we use the H1, H2 and H3 tags in a blog post? This is the best blog for blogging newbies here you will find the best method to optimize blogger theme heading according to SEO.
H1 and H2 Heading Tags for SEO – How You Should Use Them?
If you are a website looking to optimize your web documents with SEO, it is crucial for you to get your H1 and H2 heading tags right. Proper Use of H1, H2, H3, H4, H5, H6 heading elements is essential for highlighting the content within your web document. Primarily, SEO header tags are HTML elements that denote various sections of your content.
The header tag structure is as follows:
< H1 Tag for the Headline of the post that followed by text >
< H2 Tag for the subheading of the first subsection followed by text >
< H3 Tag as a sub-sub-heading for the first section followed by text >
< Either an H4 Tag for the sub-heading for the previous sub-heading >
< or an H2 tag for the sub-heading for the second section could follow this >
In most web documents, there are more H2 tags, and fewer H3, H4 tags. H5 and H6 header tags would be very rare.
Proper Use of H1, H2, H3, H4, H5, H6 Heading Elements for SEO
Using keywords, the right way is the first lesson in SEO. Once you have a list of potential keywords, you will have to categorize them into four categories, focus, primary, secondary, and tertiary.
Don’t forget that H1-H6 are SEMANTIC tags, they should not be used for styling purposes. Here is an example:
<h1> Fruit and vegetables
<h2> Fruit
<h3> Bananas
<h3> Apples
<h4> Red apples
<h4> Green Apples
<h3> Pears
<h2> Vegetables
<h3> Carrots
<h3> Cucumber
I would recommend to always check the hierarchy of a published article/page with some tool. Great extension for Chrome or Firefox is SEO extension by Mangools that allows you to check the hierarchy of the headings for free in one click. There are many other cool features too.
How to use heading tags
Heading tags should be assigned to titles based on their priority. The most important heading on the page should we wrapped in an H1 tag. For a post page, the most important title will the title of the blog entry. The Blog’s name and the sidebar headings are not as important as the post title.
By default, Blogger homepage uses the below heading tag distribution
<h1>Your Blog Title</h1>
<h3>First post's title</h3>
<h3>Second post's title</h3>
<h2>Sidebar Gadget title</h2>
The Sidebar Gadget titles are not as important as the post titles. So we will reorganize these tags to:
<h1>Blog Title</h1>
<h2>first post's title</h2>
<h2>second post's title</h2>
<h4>Sidebar Gadget title</h4>
By default, Blogger post page uses the below heading distribution<h1>Blog Title</h1>
<h3>The post title</h3>
<h2>Sidebar Gadget title</h2>
We will reorganize this to
<h2>Blog Title</h2>
<h1>The post title</h1>
<h4>Sidebar Gadget title</h4>
Modify template to assign heading tags based on priority
Login to your Blogger Dashboard, backup your template and Navigate to Template > Edit HTML
Change Blog Title to H2 on the post and static pages - Find the opening H1 tag associated with your blog title It will be <h1 class='title'> or similar (Do a Ctrl + F for <h1 within the Blogger Template Editor to find the tag)
Your opening h1 tag:
Replace the text you copied from the template with the generated code. Do this for every <h1. Now replace all </h1> (Closing tag) with
<b:if cond='data:blog.pageType != "index"'> <b:if cond='data:blog.pageType == "archive"'> </h1> <b:else/> </h2> </b:if> <b:else/> </h1> </b:if>
Changing Post title to H1 on the post and static pages – Find the opening H3 tag associated with your post title. It will be <h3 class='post-title entry-title' itemprop='name'>or similar (Do a Ctrl + F for <h3 within the Blogger Template Editor to find it)
Your opening h3 tag:
Replace the text you copied from the template with the generated code. Do this for every <h3 .Now replace all </h3>(Closing tag) with<b:if cond='data:blog.pageType != "index"'> <b:if cond='data:blog.pageType == "archive"'> </h2> <b:else/> </h1> </b:if> <b:else/> </h2> </b:if>
Changing Sidebar Gadget Titles to H4 –
Find all occurrences of<h2><data:title/></h2>
and replace them with<h4><data:title/></h4>
Let’s clear this with more examples-
1 - H1 text is usually the largest text on the page, and serves as the title for that page’s content.
2. The most essential things about heading on the webpage should be the H1.
3. There is normally only one H1 for Good SEO on any page, You should use it in title only with your keywords.
4. Sub-headings should be H2’s, sub-sub-headings should be H3’s, etc. and most importantly try to insert your keywords in these heading for better SEO results.
5. Each heading should include valuable keywords if not, it’s a worthless heading.
Here you can use Heading structure like this.
H1: Page or Blog’s name
H2: Your blog’s or page tagline. Use this in sub-headings. You can use keywords from google suggestions and use them in your H2 to achieve better SEO ranking.
H3: It is used for sub-headings or sub-sub heading, where we need to prioritize content according to the context.
H4: related content in the sidebar, like the heading of an “about” widget.
H5: Unrelated headings in your sidebar, footer, etc.
Thanks
