Essential HTML5 Meta Tags

HTML5 Meta Tags

Essential meta tags for every HTML5 page: charset, viewport, description, Open Graph, and Twitter Cards for social sharing.

Example

<head>
  <!-- Required -->
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Page Title | Site Name</title>
  <meta name="description" content="A brief description for search results.">

  <!-- Open Graph (Facebook, LinkedIn) -->
  <meta property="og:title"       content="Page Title">
  <meta property="og:description" content="Brief description">
  <meta property="og:image"       content="https://example.com/img/share.jpg">
  <meta property="og:url"         content="https://example.com/page">

  <!-- Twitter Card -->
  <meta name="twitter:card"  content="summary_large_image">
  <meta name="twitter:title" content="Page Title">
</head>

HTML

Full Editor

Pro Tip

Missing Open Graph tags means social media previews show no image or wrong text.

Related Resources

HTML Reference

Complete tag & property list

HTML How-To Guides

Step-by-step practical guides

HTML Exercises

Practice what you've learned