freecourses.digital
Lesson progress: 0 of 3 activities done
All lessons in HTML Basics for Beginners Lesson 9.2 of 34

Module 1: Introduction to HTML

  1. 1.1What is HTML?
  2. 1.2How websites work: HTML, CSS, and JavaScript
  3. 1.3HTML elements, tags, and attributes
  4. 1.4Setting up your first HTML file

Module 2: HTML Document Structure

  1. 2.1The basic HTML document
  2. 2.2DOCTYPE, html, head, and body explained
  3. 2.3The page title and metadata
  4. 2.4Writing your first webpage

Module 3: Text and Content Elements

  1. 3.1HTML headings: h1 to h6
  2. 3.2Paragraphs and line breaks
  3. 3.3Bold, emphasis, and text formatting
  4. 3.4Ordered and unordered lists

Module 4: Links and Navigation

  1. 4.1Creating links with the a tag
  2. 4.2Relative URLs and absolute URLs
  3. 4.3Linking to sections within a page
  4. 4.4Building basic website navigation

Module 5: Images and Embedded Content

  1. 5.1Adding images with the img tag
  2. 5.2Image paths and file locations
  3. 5.3Alternative text and image accessibility
  4. 5.4Embedding videos and external content

Module 6: Tables and Data

  1. 6.1Creating HTML tables
  2. 6.2Table rows, headers, and cells
  3. 6.3Organizing tabular data accessibly

Module 7: Forms and User Input

  1. 7.1Understanding HTML forms
  2. 7.2Text fields, email fields, and text areas
  3. 7.3Labels, buttons, and required fields
  4. 7.4Basic form structure and submission

Module 8: Semantic HTML and Accessibility

  1. 8.1What is semantic HTML?
  2. 8.2header, nav, main, section, and footer
  3. 8.3Using HTML to improve accessibility

Module 9: HTML for SEO

  1. 9.1HTML title tags and meta descriptions
  2. 9.2Heading hierarchy and content structure
  3. 9.3Canonical links, robots directives, and basic metadata

Module 10: Practice Project and Validation

  1. 10.1Build a simple HTML website

Heading hierarchy and content structure

What we will go through

  • How headings shape content structure
  • Planning an outline from search intent
  • Writing descriptive subheadings
  • Structure that helps skimmers and featured snippets

Short answer

A clear heading hierarchy, one <h1> for the main topic and <h2> and <h3> for subtopics, helps readers skim and helps search engines understand what each part of a page covers. Plan headings from the questions searchers ask, write them as clear labels, and put the answer right below each one.

Headings as the page outline

Search engines do not count headings for points, but they use them to understand which topics a page covers and where. People do the same: most visitors skim headings first, then read the part they need. A good outline serves both.

Plan from search intent

Search intent is the reason behind a search. Before writing, list the questions people ask about the topic. Look at Google’s People also ask box and related searches.

<h1>Pili Tarts: Prices, Delivery, and How to Order in Legazpi</h1>
  <h2>How much are pili tarts?</h2>
  <h2>Where do we deliver?</h2>
    <h3>Same day delivery areas</h3>
    <h3>Next day delivery areas</h3>
  <h2>How to order</h2>
  <h2>How long do pili tarts last?</h2>

Indentation here only shows the levels. Each question becomes a heading, and each heading gets a direct answer.

Write descriptive subheadings

VagueDescriptive
IntroductionWhat is laing?
More infoHow to store pili nuts
Section 2Delivery fees by town

A heading should make sense if read alone, like in a screen reader’s heading list or Google’s jump to links.

Answer first, then explain

Put a one or two sentence answer directly under each question heading, then add details. This answer first pattern helps skimmers, voice search, featured snippets, and AI search tools that pull short answers from pages. Use lists for steps and tables for comparisons, since Google often shows those as snippets too.

Try it: restructure a page

This page has vague headings and broken levels. Rewrite the headings as questions people ask about Cagsawa Ruins, with one h1 and h2s below it.

Live preview

Quick quiz

1. What is search intent?
2. Where can you find questions to use as headings?
3. What goes right under a question heading?
4. Which subheading is best?

Common mistakes

  • Headings as decoration. Styling text as a heading breaks the outline.
  • Keyword-stuffed headings. Write for people. Repeating keywords hurts readability.
  • Burying the answer. Long intros before the answer lose skimmers.

Your action

Tick each item when you can do it. Your progress saves on this device.

Key terms

Heading hierarchy
The ordered levels of headings on a page.
Search intent
The goal behind a search query.
People also ask
A Google box of related questions.
Featured snippet
A highlighted answer at the top of Google results.
Answer first
Leading each section with a direct answer.

Questions beginners ask

Should the h1 contain my keyword?

Yes, naturally. It should describe the page topic clearly.

How many h2s is too many?

There is no limit. Use as many as the topic needs.

Do headings help AI search?

Clear question headings with direct answers make content easier for AI tools to quote.

Related lessons

Need a website built or fixed while you practice? The team at Remar Digital can help.