Zaions
Start a project

Optimize Your HTML for SEO: Unpacking Header, Footer, and more

Published .

This post’s video is no longer on YouTube. The notes below are the post.

Hello, coders! Welcome back to another episode of our HTML and CSS course, brought to you by Zaions.

Why Semantic Tags?

  • The importance of Semantic Tags in SEO

  • How browsers interpret Semantic Tags differently than non-semantic tags like Div

  • Semantic tags vs Div tags for document structuring

Tags We Cover

  • Header

  • Footer

  • Main

  • Article

  • Section

  • Nav

Live Coding: Implementing Semantic Tags

  • I'll demonstrate how to replace Div tags with these Semantic Tags, enhancing our code from both a SEO and browser readability perspective

More from the blog

Want us to build yours instead?

On a project, every milestone ends with a link to the working build, and the code, the accounts and every password are yours at the handover.

What we’d build for you is on Services.

Send us the brief, or start with the free call.

Start a projectBook a free consultation

Page updated .

Privacy preferences

Choose whether this browser sends visit data to our analytics tools. The site works the same either way.

Google Analytics, Amplitude and Microsoft Clarity show us which pages get read. Off means none of the three loads.

Always on

Sentry error reports, with personal data removed, and the Cloudflare spam check on the brief form.

Each cookie is listed in our Cookie Policy.