Search engines don't just read your meta tags — they analyze your entire page structure. Using semantic HTML tells Google exactly what each part of your page means, which helps with ranking.

Semantic Elements That Boost SEO

<header> and <footer>

Mark the top and bottom sections of your page:

<header>
  <nav>...</nav>
  <h1>Site Title</h1>
</header>
<footer>
  <p>&copy; 2025 My Website</p>
</footer>

<main>

Wraps the primary content. Search engines prioritize content inside <main>:

<main>
  <article>...</article>
</main>

<article>

Self-contained content that could stand alone (blog post, news story, product card):

<article>
  <h2>How to Learn HTML</h2>
  <p>HTML is the foundation of every website...</p>
</article>

<section>

Groups related content with a heading:

<section>
  <h2>Our Courses</h2>
  <p>Browse our catalog of free coding courses.</p>
</section>

Heading Hierarchy for SEO

Google uses headings to understand your page's topic structure:

• <h1> — The main topic (one per page)


• <h2> — Major sections


• <h3> — Subsections

Internal Links

Link to other pages on your site with descriptive text:

<!-- ❌ BAD -->
<a href="/courses">Click here</a>
<!-- ✅ GOOD -->
<a href="/courses">Browse our coding courses</a>

Your Task

Build a complete SEO-friendly page with:

A <header> containing a <nav> and the site <h1>

A <main> with two <article> elements, each having an <h2> and a paragraph

A <footer> with copyright text

At least one internal link with descriptive text (not "click here")