On-Page SEO: Headings, Meta Tags, & Content

Structuring HTML for Search Crawlers

On-Page SEO focuses on optimizing elements directly on your web pages so search engines understand your content.

1. Title Tag (<title>)

The Title Tag is the single most important on-page SEO element. It appears as the clickable blue link headline in search results:

<title>DocHero | Learn Code, Tech & Science Free</title>

• Keep titles under 60 characters so they don't get truncated with ...
• Put your primary keyword near the beginning.

2. Meta Description

The Meta Description provides the snippet text underneath your title in search engine results:

<meta name="description" content="Master coding, web development, and digital skills with bite-sized gamified lessons on DocHero. Start learning for free today!">

• Keep descriptions between 140 - 160 characters.
• Include a clear Call to Action (CTA).

3. Heading Hierarchy (<h1> to <h6>)

• H1 Tag: Every page MUST have exactly one <h1> tag containing the main page topic.
• H2 / H3 Tags: Break content into logical sub-sections.

4. Image Alt Text (alt="...")

Search engines cannot "see" images directly. Always include descriptive alt text for accessibility and image search ranking:

<!-- Bad -->  <img src="pic123.jpg" alt="image">
<!-- Good --> <img src="keyboard-homerow.jpg" alt="Diagram showing home row finger placement on F and J keys">