Meta Tags & SEO Optimization — Free HTML Tutorial

Learn Meta Tags & SEO Optimization in HTML with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.

✓ 100% Free ✓ No Login Needed ✓ NCERT / CBSE Aligned ✓ Download as PDF

TL;DR: Learn Meta Tags & SEO Optimization in HTML with a free, beginner-friendly tutorial, examples and practice for Indian students on Syllab.in.

Written & reviewed by the Syllab.in Academic Team (CBSE/NCERT subject experts) · Updated Sep 17, 2026

🤖 Stuck on any question? Ask Syllab's free AI Tutor for a step-by-step explanation — instant, unlimited, no login.

Meta Tags & SEO Optimization in HTML

Meta tags provide metadata: charset (UTF-8), viewport (mobile responsive), description (Google snippet), keywords, Open Graph (social).

Title tag is the most important SEO element. Keep under 60 chars. Description under 160 chars.

<canonical> tells search engines the preferred URL. robots meta controls indexing.

Meta Tags & SEO Optimization — Syntax

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page Title (under 60 chars)</title>
<meta name="description" content="Page description (under 160 chars)">
<meta property="og:title" content="Social title">
<link rel="canonical" href="https://example.com/">

Learn Meta Tags & SEO Optimization step by step with Syllab's free interactive HTML tutorial — runnable code examples, practice exercises and instant AI feedback, all free with no signup. Explore the full HTML course →