What are Meta Tags?

What You'll Learn

Essential meta tags
SEO meta tags
Social media meta tags

Meta tags provide metadata about the HTML document. They go in the <head> section and don't display on the page, but browsers and search engines use them.

Essential Meta Tags

index.htmlHTML

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Learn HTML with practical examples">
  <meta name="author" content="John Doe">
</head>

SEO Meta Tags

index.htmlHTML

<meta name="description" content="Learn HTML with practical examples">
<meta name="keywords" content="HTML, tutorial, web development">
<meta name="robots" content="index, follow">

Social Media (Open Graph)

index.htmlHTML

<!-- Facebook, LinkedIn -->
<meta property="og:title" content="Learn HTML">
<meta property="og:description" content="Complete HTML guide">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:url" content="https://example.com/html-guide">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Learn HTML">
<meta name="twitter:image" content="https://example.com/image.jpg">