Essential Meta Tags for SEO

SEO (Search Engine Optimization) is the practice of making your website easy for search engines like Google to find, understand, and rank. Good SEO starts in the <head> section with meta tags.

How Search Engines Work

Crawling — Google's bots visit your page and read the HTML

Indexing — They store your page's content in their database

Ranking — They decide where to show your page in search results

Meta tags give search engines important information about your page.

Essential Meta Tags

Title Tag

The most important SEO element. It appears in search results and browser tabs:

<title>Learn HTML Free — Beginner Tutorial | MySchool</title>

Best practices:

50–60 characters

Include your main keyword

Make it unique for every page

Meta Description

The snippet shown under the title in search results:

<meta name="description" content="Free HTML tutorial for beginners. Learn to build web pages with step-by-step exercises.">

Best practices:

150–160 characters

Summarize the page content

Include a call to action

Viewport Tag

Required for mobile-friendly pages (Google penalizes non-mobile-friendly sites):

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Character Encoding

Always declare UTF-8 for proper text rendering:

<meta charset="UTF-8">

Open Graph Tags (Social Sharing)

When someone shares your page on Facebook, Twitter, or LinkedIn, Open Graph tags control how it looks:

<meta property="og:title" content="Learn HTML Free">
<meta property="og:description" content="Step-by-step HTML tutorials for beginners.">
<meta property="og:image" content="https://example.com/preview.png">

Your Task

Create a well-optimized <head> section with:

A descriptive <title> (50–60 characters)

A <meta name="description"> tag (150+ characters)

A viewport meta tag

UTF-8 charset

At least one Open Graph tag (og:title)

Essential Meta Tags for SEO

SEO (Search Engine Optimization) is the practice of making your website easy for search engines like Google to find, understand, and rank. Good SEO starts in the <head> section with meta tags.

How Search Engines Work

Crawling — Google's bots visit your page and read the HTML

Indexing — They store your page's content in their database

Ranking — They decide where to show your page in search results

Meta tags give search engines important information about your page.

Essential Meta Tags

Title Tag

The most important SEO element. It appears in search results and browser tabs:

<title>Learn HTML Free — Beginner Tutorial | MySchool</title>

Best practices:

50–60 characters

Include your main keyword

Make it unique for every page

Meta Description

The snippet shown under the title in search results:

<meta name="description" content="Free HTML tutorial for beginners. Learn to build web pages with step-by-step exercises.">

Best practices:

150–160 characters

Summarize the page content

Include a call to action

Viewport Tag

Required for mobile-friendly pages (Google penalizes non-mobile-friendly sites):

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Character Encoding

Always declare UTF-8 for proper text rendering:

<meta charset="UTF-8">

Open Graph Tags (Social Sharing)

When someone shares your page on Facebook, Twitter, or LinkedIn, Open Graph tags control how it looks:

<meta property="og:title" content="Learn HTML Free">
<meta property="og:description" content="Step-by-step HTML tutorials for beginners.">
<meta property="og:image" content="https://example.com/preview.png">

Your Task

Create a well-optimized <head> section with:

A descriptive <title> (50–60 characters)

A <meta name="description"> tag (150+ characters)

A viewport meta tag

UTF-8 charset

At least one Open Graph tag (og:title)