HTML5 BEST SEO CODE to START A WEBSITE - DID YOU KNOW?

<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Basic Meta -->
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Primary SEO -->
  <title>Primary Keyword – Secondary Keyword | Brand Name</title>
  <meta name="description" content="Concise, compelling description (150–160 chars) including primary keyword and value proposition.">

  <!-- Canonical -->
  <link rel="canonical" href="https://www.example.com/page-url/" />

  <!-- Robots -->
  <meta name="robots" content="index, follow">

  <!-- Open Graph (Social SEO) -->
  <meta property="og:type" content="website">
  <meta property="og:title" content="Primary Keyword – Secondary Keyword">
  <meta property="og:description" content="Optimized social sharing description.">
  <meta property="og:url" content="https://www.example.com/page-url/">
  <meta property="og:image" content="https://www.example.com/images/og-image.jpg">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Primary Keyword – Secondary Keyword">
  <meta name="twitter:description" content="Optimized Twitter description.">
  <meta name="twitter:image" content="https://www.example.com/images/og-image.jpg">

  <!-- Performance -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

  <!-- Structured Data (JSON-LD) -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebPage",
    "name": "Primary Keyword – Secondary Keyword",
    "url": "https://www.example.com/page-url/",
    "description": "Concise SEO description here."
  }
  </script>
</head>

<body>
  <header>
    <nav>
      <ul>
        <li><a href="/">Home</a></li>
        <li><a href="/services/">Services</a></li>
        <li><a href="/blog/">Blog</a></li>
        <li><a href="/contact/">Contact</a></li>
      </ul>
    </nav>
  </header>

  <main>
    <!-- ONE H1 ONLY -->
    <h1>Primary Keyword (Natural, Human-Friendly)</h1>

    <section>
      <h2>Secondary Keyword / Topic Cluster</h2>
      <p>High-quality content answering user intent. Use keywords naturally.</p>
    </section>

    <section>
      <h2>Another Supporting Topic</h2>
      <h3>Long-Tail Keyword Subtopic</h3>
      <p>Helpful, original content. Avoid fluff.</p>
    </section>

    <article>
      <h2>Optional Article Content</h2>
      <p>Great for blogs or guides.</p>
    </article>
  </main>

  <aside>
    <h2>Related Resources</h2>
    <ul>
      <li><a href="/related-page/">Internal Link (SEO Boost)</a></li>
    </ul>
  </aside>

  <footer>
    <p>&copy; 2026 Brand Name</p>
    <nav>
      <a href="/privacy-policy/">Privacy Policy</a>
      <a href="/terms/">Terms of Service</a>
    </nav>
  </footer>
</body>
</html>



Aucun commentaire:

Enregistrer un commentaire