Section 24: SEO Fundamentals, Canonical URLs and Indexing

Learning Objectives

Understand HTML practices that support search engine optimization.
Use descriptive titles, headings, links and image alt text.
Understand canonical URLs and robots meta directives.
Learn the roles of robots.txt and XML sitemaps.

1. What Is Technical SEO?

Technical SEO helps search engines discover, crawl and understand pages. Good HTML structure can improve clarity and accessibility, but it cannot guarantee rankings or indexing.

2. Use a Descriptive Title and Heading

<head>
  <title>HTML Forms Tutorial for Beginners | Codementrix</title>
  <meta name="description" content="Learn HTML forms, input types, labels and validation with practical examples.">
</head>
<body>
  <main>
    <h1>HTML Forms Tutorial for Beginners</h1>
    <p>Learn to build accessible forms using modern HTML.</p>
  </main>
</body>

Use meaningful headings and content that answers the visitor's question. A page should serve people rather than repeat keywords unnaturally.

3. Heading Structure

Use headings according to their content hierarchy. A logical structure makes long pages easier to navigate. Do not choose heading levels solely to obtain a particular font size; CSS should control visual styling.

<h1>HTML Forms</h1>
<h2>Input Types</h2>
<h3>Email Input</h3>
<h2>Form Validation</h2>

4. Descriptive Links

<a href="/courses/html">Explore the HTML course</a>

Meaningful link text helps visitors and assistive technology users understand the destination. Avoid relying on vague text such as "click here" when a descriptive alternative is possible.

5. Canonical URL

A canonical link identifies the preferred URL for substantially duplicate or similar pages. Search engines treat it as a signal, not an absolute command.

<link rel="canonical" href="https://example.com/blog/html-forms">

Use a real, absolute URL that points to the preferred version of the page. Do not blindly copy the same canonical URL onto every page.

6. Robots Meta Directives

<meta name="robots" content="index, follow">

Index and follow are commonly the default behavior, so explicitly writing them is usually unnecessary.

<meta name="robots" content="noindex">

noindex asks compliant search engines not to include the page in their index. A crawler generally needs access to the page to read this directive. Blocking a URL in robots.txt can prevent crawlers from seeing its noindex tag.

HTML SEO Basics