Document Metadata, OpenGraph & Technical SEO

Configure meta viewport, canonical URLs, robots indexing, OpenGraph cards, and JSON-LD structured data.

Optimizing the `<head>` for Search Engines

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Complete HTML5 Tutorial | E-Tutorial</title>
    <meta name="description" content="Master modern semantic HTML5 with interactive live code exercises.">
    <link rel="canonical" href="https://etutorial.com/tutorials/html/complete-html5-tutorial">

    <!-- Open Graph (Facebook / LinkedIn) -->
    <meta property="og:title" content="Complete HTML5 Tutorial">
    <meta property="og:description" content="Step-by-step guide to modern semantic HTML5 web development.">
    <meta property="og:image" content="https://etutorial.com/images/og-html.jpg">
    <meta property="og:type" content="article">
</head>

Previous HTML5 Semantic Layout Containers

Next Lesson HTML Form Element & Methods (GET vs POST)

Document Metadata, OpenGraph & Technical SEO

Optimizing the <head> for Search Engines

Optimizing the `<head>` for Search Engines