Header tag hierarchy (H1, H2, H3) in SEO Fundamentals - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to add the main title of a webpage using the correct header tag.

SEO Fundamentals

<[1]>Welcome to My Website</[1]>

Drag options to blanks, or click blank then click option'

Ah3

Bh2

Ch1

Dp

Attempts:

3 left

💡 Hint

Common Mistakes

Using

or

for the main title instead of

.

Using paragraph

tags for headings.

The main title of a webpage should use the h1 tag to indicate the highest level heading.

2fill in blank

medium

Complete the code to add a subheading under the main title using the correct header tag.

SEO Fundamentals

<h1>Main Title</h1>
<[1]>Subheading Section</[1]>

Drag options to blanks, or click blank then click option'

Ah2

Bdiv

Ch3

Dh1

Attempts:

3 left

💡 Hint

Common Mistakes

Using

again for subheadings.

Using non-heading tags like

for subheadings.

Subheadings under the main title should use the h2 tag to show the next level in the hierarchy.

3fill in blank

hard

Fix the error in the header tag hierarchy by choosing the correct tag for a subsection under an <h2> heading.

SEO Fundamentals

<h1>Main Title</h1>
<h2>Section Title</h2>
<[1]>Subsection Title</[1]>

Drag options to blanks, or click blank then click option'

Ah1

Bspan

Ch2

Dh3

Attempts:

3 left

💡 Hint

Common Mistakes

Using

or

again for subsections.

Using inline tags like instead of header tags.

Subsections under an h2 heading should use h3 to maintain proper hierarchy.

4fill in blank

hard

Fill both blanks to create a correct header hierarchy with a main title and a subsection.

SEO Fundamentals

<[1]>Website Title</[1]>
<[2]>Details Section</[2]>

Drag options to blanks, or click blank then click option'

Ah1

Bh2

Ch3

Dfooter

Attempts:

3 left

💡 Hint

Common Mistakes

Using the same header level for both titles.

Using non-heading tags like

for headings.

The main title uses h1 and the subsection uses h3 to show a nested structure under an implied

.

5fill in blank

hard

Fill all three blanks to create a proper header hierarchy with a main title, a section, and a subsection.

SEO Fundamentals

<[1]>Home Page</[1]>
<[2]>About Us</[2]>
<[3]>Our Team</[3]>

Drag options to blanks, or click blank then click option'

Ah1

Bh2

Ch3

Dsection

Attempts:

3 left

💡 Hint

Common Mistakes

Skipping header levels or repeating the same header tag.

Using non-heading tags like

for headings.

The main title uses h1, the section uses h2, and the subsection uses h3 to maintain a clear and accessible header structure.