HTML - Metadata & SEO

Overview

Estimated time: 25–35 minutes

Metadata helps search engines and social platforms understand and present your pages.

Core Tags

<meta name="description" content="Concise summary for search results">
<link rel="canonical" href="https://example.com/page">
<meta name="robots" content="index,follow">

Social Sharing

<meta property="og:title" content="Title">
<meta property="og:description" content="Summary">
<meta property="og:image" content="https://example.com/cover.jpg">
<meta name="twitter:card" content="summary_large_image">

Common Pitfalls

  • Missing or duplicate canonical URLs.
  • Descriptions that are too long or too short (aim ~50–160 chars).